diff --git a/.changeset/unlucky-foxes-hug.md b/.changeset/unlucky-foxes-hug.md
new file mode 100644
index 000000000..d653ed123
--- /dev/null
+++ b/.changeset/unlucky-foxes-hug.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Migrate visual regression tests
diff --git a/.github/workflows/playwright-ui.yml b/.github/workflows/playwright-ui.yml
index 9f6dac111..d4e4f8c95 100644
--- a/.github/workflows/playwright-ui.yml
+++ b/.github/workflows/playwright-ui.yml
@@ -34,9 +34,9 @@ jobs:
       - name: Run Playwright tests
         env:
           PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
-          VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_CATALYST_LATEST }}
           TEST_ACCOUNT_EMAIL: ${{ secrets.TEST_ACCOUNT_EMAIL }}
           TEST_ACCOUNT_PASSWORD: ${{ secrets.TEST_ACCOUNT_PASSWORD }}
+          VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_CATALYST_LATEST }}
         run: |
           cd apps/core
           npx playwright test tests/ui/ --project=tests-chromium 
diff --git a/.github/workflows/playwright-visual-regression.yml b/.github/workflows/playwright-visual-regression.yml
index b110fe859..d860c73ac 100644
--- a/.github/workflows/playwright-visual-regression.yml
+++ b/.github/workflows/playwright-visual-regression.yml
@@ -9,7 +9,7 @@ jobs:
     name: Run Visual Regression Tests
     timeout-minutes: 30
     runs-on: macos-14
-    if: ${{ contains(fromJson('["Production – catalyst-storybook", "Preview – catalyst-storybook"]'), github.event.deployment_status.environment) }}
+    if: ${{ contains(fromJson('["Production – catalyst-latest", "Preview – catalyst-latest"]'), github.event.deployment_status.environment) }}
 
     steps:
       - name: Checkout code
@@ -34,10 +34,12 @@ jobs:
       - name: Run Playwright tests
         env:
           PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
+          TEST_ACCOUNT_EMAIL: ${{ secrets.TEST_ACCOUNT_EMAIL }}
+          TEST_ACCOUNT_PASSWORD: ${{ secrets.TEST_ACCOUNT_PASSWORD }}
           VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_STORYBOOK }}
         run: |
           cd apps/core
-          npx playwright test tests/visual-regression/reactant/components/ --project=tests-chromium
+          npx playwright test tests/visual-regression/components/ --project=tests-chromium
 
       - uses: actions/upload-artifact@v4
         if: failure()
diff --git a/apps/core/components/product-card-carousel/index.tsx b/apps/core/components/product-card-carousel/index.tsx
index 73013b23a..397969a27 100644
--- a/apps/core/components/product-card-carousel/index.tsx
+++ b/apps/core/components/product-card-carousel/index.tsx
@@ -38,6 +38,7 @@ export const ProductCardCarousel = ({
   showReviews?: boolean;
 }) => {
   const id = useId();
+  const titleId = useId();
 
   if (products.length === 0) {
     return null;
@@ -58,9 +59,9 @@ export const ProductCardCarousel = ({
   }, []);
 
   return (
-    <Carousel aria-labelledby="title" className="mb-14" opts={{ loop: true }}>
+    <Carousel aria-labelledby={titleId} className="mb-14" opts={{ loop: true }}>
       <div className="flex items-center justify-between">
-        <h2 className="text-3xl font-black lg:text-4xl" id="title">
+        <h2 className="text-3xl font-black lg:text-4xl" id={titleId}>
           {title}
         </h2>
         <span className="no-wrap flex">
diff --git a/apps/core/playwright.config.ts b/apps/core/playwright.config.ts
index a532e7155..43f7a91d1 100644
--- a/apps/core/playwright.config.ts
+++ b/apps/core/playwright.config.ts
@@ -6,9 +6,11 @@ config();
 export default defineConfig({
   testDir: './tests',
   expect: {
-    toHaveScreenshot: { maxDiffPixels: 100 },
+    toHaveScreenshot: {
+      maxDiffPixelRatio: 0.02,
+    },
   },
-  fullyParallel: true,
+  fullyParallel: !!process.env.CI,
   reporter: 'html',
   use: {
     baseURL: process.env.PLAYWRIGHT_TEST_BASE_URL,
diff --git a/apps/core/tests/catalyst-home-example.spec.ts b/apps/core/tests/catalyst-home-example.spec.ts
deleted file mode 100644
index cdd05304d..000000000
--- a/apps/core/tests/catalyst-home-example.spec.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('has title', async ({ page }) => {
-  await page.goto('/');
-
-  await expect(page).toHaveTitle(/Catalyst Store/);
-});
diff --git a/apps/core/tests/routes.ts b/apps/core/tests/routes.ts
new file mode 100644
index 000000000..e540dfd9f
--- /dev/null
+++ b/apps/core/tests/routes.ts
@@ -0,0 +1,13 @@
+export default {
+  SHOP_ALL: '/shop-all',
+  SAMPLE_ABLE_BREWING_SYSTEM: '/sample-able-brewing-system',
+  ORBIT_TERRARIUM_LARGE: '/orbit-terrarium-large',
+  BLOG: '/blog',
+  BATH_LUXURY: '/bath/towels/luxury',
+  QUICK_ADD_77: '/shop-all/?showQuickAdd=77',
+  QUICK_ADD_93: '/?showQuickAdd=93',
+  CONTACT_US: '/contact-us',
+  LOGIN: '/login',
+  FOG_LINEN_CHAMBRAY: '/fog-linen-chambray-towel-beige-stripe/',
+  PARFAIT_JAR: '/1-l-le-parfait-jar',
+};
diff --git a/apps/core/tests/visual-regression/components/accordion.spec.ts b/apps/core/tests/visual-regression/components/accordion.spec.ts
new file mode 100644
index 000000000..383a37730
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/accordion.spec.ts
@@ -0,0 +1,31 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('accordion expanded', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SHOP_ALL);
+
+  // Act
+  const accordion = page
+    .locator('div[data-state="open"]')
+    .filter({ has: page.getByRole('button', { name: 'Brand', expanded: true }) });
+
+  // Assert
+  await expect(accordion).toHaveScreenshot();
+});
+
+test('accordion closed', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SHOP_ALL);
+
+  // Act
+  await page.getByRole('button', { name: 'Brand', expanded: true }).click();
+
+  const accordion = page
+    .locator('div[data-state="closed"]')
+    .filter({ has: page.getByRole('button', { name: 'Brand', expanded: false }) });
+
+  // Assert
+  await expect(accordion).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..c6f4e5a3c
Binary files /dev/null and b/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..e8084a5b9
Binary files /dev/null and b/apps/core/tests/visual-regression/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/badge.spec.ts b/apps/core/tests/visual-regression/components/badge.spec.ts
new file mode 100644
index 000000000..ba47f7f05
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/badge.spec.ts
@@ -0,0 +1,24 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('badge with icon', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SAMPLE_ABLE_BREWING_SYSTEM);
+  await page.getByRole('heading', { level: 1, name: '[Sample] Able Brewing System' }).waitFor();
+  await page.getByRole('button', { name: 'Add to Cart' }).click();
+
+  const addToCartNotification = page
+    .getByRole('status')
+    .filter({ hasText: 'Item added to your cart' });
+
+  // Wait for the add to cart notification to appear and disappear
+  await addToCartNotification.waitFor();
+  await addToCartNotification.waitFor({ state: 'detached' });
+
+  // Act
+  const badge = page.getByRole('link', { name: 'Cart Items 1' });
+
+  // Assert
+  await expect(badge).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..ad0bfa927
Binary files /dev/null and b/apps/core/tests/visual-regression/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/blog-post-card.spec.ts b/apps/core/tests/visual-regression/components/blog-post-card.spec.ts
new file mode 100644
index 000000000..f5dad530f
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/blog-post-card.spec.ts
@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('blog post card', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.BLOG);
+  await page.getByRole('heading', { name: 'Blog', exact: true }).waitFor();
+
+  // Act
+  const blogPostCard = page.getByRole('listitem').filter({ hasText: 'Your first blog post!' });
+
+  // Assert
+  await expect(blogPostCard).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..f7d7cc56a
Binary files /dev/null and b/apps/core/tests/visual-regression/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts
new file mode 100644
index 000000000..29b4ab1b0
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('breadcrumbs', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.BATH_LUXURY);
+
+  // Act
+  const breadcrumb = page.getByLabel('Breadcrumb');
+
+  await breadcrumb.waitFor();
+
+  // Assert
+  await expect(breadcrumb).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..ee0f77f74
Binary files /dev/null and b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/breadcrumbs-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/breadcrumbs-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..ee0f77f74
Binary files /dev/null and b/apps/core/tests/visual-regression/components/breadcrumbs.spec.ts-snapshots/breadcrumbs-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/button.spec.ts b/apps/core/tests/visual-regression/components/button.spec.ts
new file mode 100644
index 000000000..fc9b28619
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/button.spec.ts
@@ -0,0 +1,42 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Primary button', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.ORBIT_TERRARIUM_LARGE);
+
+  // Act
+  const button = page.getByRole('button', { name: 'Add to cart' });
+
+  await button.waitFor();
+
+  // Assert
+  await expect(button).toHaveScreenshot();
+});
+
+test('Secondary button', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SHOP_ALL);
+
+  const button = page.getByRole('button', { name: 'Update price' });
+
+  await button.waitFor();
+
+  // Assert
+  await expect(button).toHaveScreenshot();
+});
+
+test('As a child', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SAMPLE_ABLE_BREWING_SYSTEM);
+  await page.getByRole('heading', { level: 1, name: '[Sample] Able Brewing System' }).waitFor();
+
+  // Act
+  await page.getByRole('button', { name: 'Add to Cart' }).first().click();
+  await page.getByRole('link', { name: 'Cart Items 1' }).click();
+  await page.getByText('Shipping cost').waitFor();
+
+  // Assert
+  await expect(page.getByRole('button', { name: 'Add' }).first()).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..d81dd9473
Binary files /dev/null and b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..e41980a59
Binary files /dev/null and b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..592b9497c
Binary files /dev/null and b/apps/core/tests/visual-regression/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/carousel.spec.ts b/apps/core/tests/visual-regression/components/carousel.spec.ts
new file mode 100644
index 000000000..90aa37157
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/carousel.spec.ts
@@ -0,0 +1,13 @@
+import { expect, test } from '@playwright/test';
+
+test('Carousel', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+  await page.waitForLoadState('networkidle');
+
+  // Act
+  const slides = page.getByRole('region', { name: 'Featured products' });
+
+  // Assert
+  await expect(slides).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..338d54f49
Binary files /dev/null and b/apps/core/tests/visual-regression/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/checkbox.spec.ts b/apps/core/tests/visual-regression/components/checkbox.spec.ts
new file mode 100644
index 000000000..df43650c0
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/checkbox.spec.ts
@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+test.skip('Disabled checkbox', async () => {});
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+test.skip('Disabled checked checkbox', async () => {});
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+test.skip('Checkbox with error variant', async () => {});
+
+test('Checked checkbox with label', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SHOP_ALL);
+
+  // Act
+  const checkbox = page.getByLabel('Common Good1 products');
+
+  await checkbox.click();
+
+  // Assert
+  await expect(checkbox).toHaveScreenshot();
+});
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+test.skip('Checkbox with custom icon', async () => {});
diff --git a/apps/core/tests/visual-regression/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..9e1cdefcd
Binary files /dev/null and b/apps/core/tests/visual-regression/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/counter.spec.ts b/apps/core/tests/visual-regression/components/counter.spec.ts
new file mode 100644
index 000000000..6a4c5a5cd
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/counter.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Counter default', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.QUICK_ADD_77);
+
+  // Act
+  const spinButton = page.getByRole('spinbutton', { name: 'Number' });
+
+  await spinButton.waitFor();
+
+  // Assert
+  await expect(spinButton).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..4702f9a96
Binary files /dev/null and b/apps/core/tests/visual-regression/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/datepicker.spec.ts b/apps/core/tests/visual-regression/components/datepicker.spec.ts
new file mode 100644
index 000000000..6cac9977f
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/datepicker.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Date picker', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.QUICK_ADD_77);
+
+  // Act
+  const datePicker = page.getByRole('dialog').getByPlaceholder('MM/DD/YYYY');
+
+  await datePicker.waitFor();
+
+  // Assert
+  await expect(datePicker).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..898b2dcc3
Binary files /dev/null and b/apps/core/tests/visual-regression/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/footer.spec.ts b/apps/core/tests/visual-regression/components/footer.spec.ts
new file mode 100644
index 000000000..32fc2a44c
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/footer.spec.ts
@@ -0,0 +1,14 @@
+import { expect, test } from '@playwright/test';
+
+test('Footer', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+
+  // Act
+  const footer = page.locator('section').filter({ hasText: 'CategoriesShop' });
+
+  await footer.waitFor();
+
+  // Assert
+  await expect(footer).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..0379bdcdb
Binary files /dev/null and b/apps/core/tests/visual-regression/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/form.spec.ts b/apps/core/tests/visual-regression/components/form.spec.ts
new file mode 100644
index 000000000..eb67e1822
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/form.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Form', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.CONTACT_US);
+
+  // Act
+  const form = page.getByRole('heading', { name: 'Contact Us' });
+
+  await form.waitFor();
+
+  // Assert
+  await expect(form.locator('..').locator('..')).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..6f5d89dc3
Binary files /dev/null and b/apps/core/tests/visual-regression/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/gallery.spec.ts b/apps/core/tests/visual-regression/components/gallery.spec.ts
new file mode 100644
index 000000000..b2a8ba1db
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/gallery.spec.ts
@@ -0,0 +1,29 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Gallery image', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SAMPLE_ABLE_BREWING_SYSTEM);
+
+  // Act
+  const gallery = page.getByRole('figure').locator('img');
+
+  await gallery.waitFor();
+
+  // Assert
+  await expect(gallery).toHaveScreenshot();
+});
+
+test('Gallery thumbnail image', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SAMPLE_ABLE_BREWING_SYSTEM);
+
+  // Act
+  const thumbnail = page.getByLabel('Thumbnail navigation');
+
+  await thumbnail.waitFor();
+
+  // Assert
+  await expect(page.getByLabel('Thumbnail navigation')).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..f2489ff00
Binary files /dev/null and b/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..62634adfb
Binary files /dev/null and b/apps/core/tests/visual-regression/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/input.spec.ts b/apps/core/tests/visual-regression/components/input.spec.ts
new file mode 100644
index 000000000..ecc804ab6
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/input.spec.ts
@@ -0,0 +1,34 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Input with placeholder', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.SAMPLE_ABLE_BREWING_SYSTEM);
+  await page.getByRole('heading', { level: 1, name: '[Sample] Able Brewing System' }).waitFor();
+
+  // Act
+  await page.getByRole('button', { name: 'Add to Cart' }).first().click();
+  await page.getByRole('link', { name: 'Cart Items 1' }).click();
+  await page.getByText('Shipping cost').waitFor();
+  await page.getByRole('button', { name: 'Add' }).first().click();
+
+  const input = page.getByLabel('Suburb/city');
+
+  await input.waitFor();
+
+  // Assert
+  await expect(input).toHaveScreenshot();
+});
+
+test('Input error state', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.CONTACT_US);
+  await page.getByRole('button', { name: 'Submit form' }).waitFor();
+
+  // Act
+  await page.getByRole('button', { name: 'Submit form' }).click();
+
+  // Assert
+  await expect(page.getByLabel('EmailRequired')).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..8a2879ce9
Binary files /dev/null and b/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..55588a343
Binary files /dev/null and b/apps/core/tests/visual-regression/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/label.spec.ts b/apps/core/tests/visual-regression/components/label.spec.ts
new file mode 100644
index 000000000..666e0929e
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/label.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Label with input', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.LOGIN);
+
+  // Act
+  const label = page.getByText('Password', { exact: true });
+
+  await label.waitFor();
+
+  // Assert
+  await expect(label.locator('..').locator('..')).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..9feb8bd78
Binary files /dev/null and b/apps/core/tests/visual-regression/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/navigation-menu.spec.ts b/apps/core/tests/visual-regression/components/navigation-menu.spec.ts
new file mode 100644
index 000000000..ee969ffa9
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/navigation-menu.spec.ts
@@ -0,0 +1,14 @@
+import { expect, test } from '@playwright/test';
+
+test('Navigation menu', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+
+  // Act
+  const navigation = page.getByRole('navigation', { name: 'Main' });
+
+  await navigation.waitFor();
+
+  // Assert
+  await expect(navigation).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..bd5cfec92
Binary files /dev/null and b/apps/core/tests/visual-regression/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/picklist.spec.ts b/apps/core/tests/visual-regression/components/picklist.spec.ts
new file mode 100644
index 000000000..4f3b7199e
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/picklist.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Pick list', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.FOG_LINEN_CHAMBRAY);
+
+  // Act
+  const pickList = page.getByLabel('Pick List');
+
+  await pickList.waitFor();
+
+  // Assert
+  await expect(pickList.locator('..')).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..f937a6a78
Binary files /dev/null and b/apps/core/tests/visual-regression/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/radio-group.spec.ts b/apps/core/tests/visual-regression/components/radio-group.spec.ts
new file mode 100644
index 000000000..859c2a7b4
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/radio-group.spec.ts
@@ -0,0 +1,30 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Default radio group', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.QUICK_ADD_77);
+
+  // Act
+  const radioGroup = page.getByRole('radiogroup', { name: 'Radio' });
+
+  await radioGroup.waitFor();
+
+  // Assert
+  await expect(radioGroup).toHaveScreenshot();
+});
+
+test('Default radio group selected', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.QUICK_ADD_77);
+
+  // Act
+  const radioGroup = page.getByRole('radiogroup', { name: 'Radio' });
+
+  await radioGroup.waitFor();
+  await page.getByLabel('1', { exact: true }).click();
+
+  // Assert
+  await expect(radioGroup).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..434229c26
Binary files /dev/null and b/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..8e6c251ef
Binary files /dev/null and b/apps/core/tests/visual-regression/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/rating.spec.ts b/apps/core/tests/visual-regression/components/rating.spec.ts
new file mode 100644
index 000000000..6115bf4ce
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/rating.spec.ts
@@ -0,0 +1,42 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Zero star rating', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.FOG_LINEN_CHAMBRAY);
+
+  // Act
+  const rating = page.getByRole('paragraph').getByRole('img').first();
+
+  await rating.waitFor();
+
+  // Assert
+  await expect(page.getByRole('paragraph').getByRole('img').first()).toHaveScreenshot();
+});
+
+test('Five start rating', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.PARFAIT_JAR);
+
+  // Act
+  const rating = page.getByRole('paragraph').getByRole('img').first();
+
+  await rating.waitFor();
+
+  // Assert
+  await expect(rating).toHaveScreenshot();
+});
+
+test('Floating rating', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.ORBIT_TERRARIUM_LARGE);
+
+  // Act
+  const rating = page.getByRole('paragraph').getByRole('img').first();
+
+  await rating.waitFor();
+
+  // Assert
+  await expect(rating).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Five-start-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Five-start-rating-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..6b16eb686
Binary files /dev/null and b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Five-start-rating-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Floating-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Floating-rating-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..2e05d2359
Binary files /dev/null and b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Floating-rating-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Zero-star-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Zero-star-rating-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..3ed039baa
Binary files /dev/null and b/apps/core/tests/visual-regression/components/rating.spec.ts-snapshots/Zero-star-rating-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/rectangle-list.spec.ts b/apps/core/tests/visual-regression/components/rectangle-list.spec.ts
new file mode 100644
index 000000000..7cd8f3dca
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/rectangle-list.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Rectangle list', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.PARFAIT_JAR);
+
+  // Act
+  const rectangleList = page.getByRole('radiogroup', { name: 'Size' });
+
+  await rectangleList.waitFor();
+
+  // Assert
+  await expect(rectangleList).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..69bbbd35e
Binary files /dev/null and b/apps/core/tests/visual-regression/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/select.spec.ts b/apps/core/tests/visual-regression/components/select.spec.ts
new file mode 100644
index 000000000..448be8fa2
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/select.spec.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Select default', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.FOG_LINEN_CHAMBRAY);
+
+  // Act
+  const select = page.getByRole('combobox');
+
+  await select.waitFor();
+
+  // Assert
+  await expect(select).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..2898c7e90
Binary files /dev/null and b/apps/core/tests/visual-regression/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/sheet.spec.ts b/apps/core/tests/visual-regression/components/sheet.spec.ts
new file mode 100644
index 000000000..b55d6146f
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/sheet.spec.ts
@@ -0,0 +1,18 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Sheet basic', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.QUICK_ADD_93);
+
+  // Act
+  const sheet = page.getByLabel('Choose options');
+
+  await sheet.waitFor();
+  await page.waitForLoadState('networkidle');
+  await sheet.waitFor();
+
+  // Assert
+  await expect(sheet).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..3240fe72f
Binary files /dev/null and b/apps/core/tests/visual-regression/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/slideshow.spec.ts b/apps/core/tests/visual-regression/components/slideshow.spec.ts
new file mode 100644
index 000000000..a1312a5f8
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/slideshow.spec.ts
@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test';
+
+test('Slideshow multiple slides', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+
+  // Act
+  const slideshow = page.getByLabel('Interactive slide show');
+
+  await slideshow.waitFor();
+
+  // Assert
+  await expect(slideshow).toHaveScreenshot();
+});
+
+test('Slideshow paused', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+
+  // Act
+  const slideshow = page.getByLabel('Interactive slide show');
+
+  await slideshow.waitFor();
+  await page.getByLabel('Pause slideshow').click();
+
+  // Assert
+  await expect(slideshow).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..caa01e4bd
Binary files /dev/null and b/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..a667cefd1
Binary files /dev/null and b/apps/core/tests/visual-regression/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/swatch.spec.ts b/apps/core/tests/visual-regression/components/swatch.spec.ts
new file mode 100644
index 000000000..e464a6ae8
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/swatch.spec.ts
@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Swatch basic', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.FOG_LINEN_CHAMBRAY);
+
+  // Act
+  const swatch = page.getByRole('radiogroup', { name: 'Color' });
+
+  await swatch.waitFor();
+
+  await expect(swatch).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/swatch.spec.ts-snapshots/Swatch-basic-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/swatch.spec.ts-snapshots/Swatch-basic-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..2d88c7703
Binary files /dev/null and b/apps/core/tests/visual-regression/components/swatch.spec.ts-snapshots/Swatch-basic-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/tabs.spec.ts b/apps/core/tests/visual-regression/components/tabs.spec.ts
new file mode 100644
index 000000000..088cfe157
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/tabs.spec.ts
@@ -0,0 +1,23 @@
+import { expect, test } from '@playwright/test';
+
+const testAccountEmail = process.env.TEST_ACCOUNT_EMAIL || '';
+const testAccountPassword = process.env.TEST_ACCOUNT_PASSWORD || '';
+
+test('tabs', async ({ page }) => {
+  // Arrange
+  await page.goto('/');
+  await page.getByRole('link', { name: 'Login' }).click();
+  await expect(page.getByLabel('Email')).toBeVisible();
+  await page.getByLabel('Email').fill(testAccountEmail);
+  await page.getByLabel('Password').fill(testAccountPassword);
+  await page.getByRole('button', { name: 'Log in' }).click();
+  await page.getByRole('heading', { name: 'My Account', level: 1 }).waitFor();
+  await page.getByRole('link', { name: 'Orders' }).click();
+  await page.getByRole('heading', { name: 'Orders', level: 2 }).waitFor();
+
+  // Act
+  const accountTabs = page.getByRole('tablist', { name: 'Account Tabs' });
+
+  // Assert
+  await expect(accountTabs).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..8398cb237
Binary files /dev/null and b/apps/core/tests/visual-regression/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/tags.spec.ts b/apps/core/tests/visual-regression/components/tags.spec.ts
new file mode 100644
index 000000000..0e473730c
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/tags.spec.ts
@@ -0,0 +1,7 @@
+import { test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test.skip('Tags', async ({ page }) => {
+  await page.goto(routes.FOG_LINEN_CHAMBRAY);
+});
diff --git a/apps/core/tests/visual-regression/components/textarea.spec.ts b/apps/core/tests/visual-regression/components/textarea.spec.ts
new file mode 100644
index 000000000..e4d3c613f
--- /dev/null
+++ b/apps/core/tests/visual-regression/components/textarea.spec.ts
@@ -0,0 +1,30 @@
+import { expect, test } from '@playwright/test';
+
+import routes from '~/tests/routes';
+
+test('Textarea basic', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.CONTACT_US);
+
+  // Act
+  const textarea = page.getByRole('textbox', { name: 'Comments/questions Required' });
+
+  await textarea.waitFor();
+
+  // Assert
+  await expect(textarea).toHaveScreenshot();
+});
+
+test('Textarea error', async ({ page }) => {
+  // Arrange
+  await page.goto(routes.CONTACT_US);
+
+  // Act
+  await page.getByRole('button', { name: 'Submit form' }).waitFor();
+  await page.getByRole('button', { name: 'Submit form' }).click();
+
+  // Assert
+  await expect(
+    page.getByRole('textbox', { name: 'Comments/questions Required' }),
+  ).toHaveScreenshot();
+});
diff --git a/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..acc377145
Binary files /dev/null and b/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png
new file mode 100644
index 000000000..9c8d16e01
Binary files /dev/null and b/apps/core/tests/visual-regression/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png differ
diff --git a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts b/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts
deleted file mode 100644
index 095ea4368..000000000
--- a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('accordion', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/accordion--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('accordion collapsed', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/accordion--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .getByRole('button', { name: 'Brand' })
-    .click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-1-tests-chromium-darwin.png
deleted file mode 100644
index 13e50bdcf..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-darwin.png
deleted file mode 100644
index 4132081d0..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts b/apps/core/tests/visual-regression/reactant/components/badge.spec.ts
deleted file mode 100644
index fbe452ecc..000000000
--- a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('badge', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/badge--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('badge zoomed', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/badge--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page.getByRole('button', { name: 'Zoom in' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-1-tests-chromium-darwin.png
deleted file mode 100644
index a1efab1c5..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-zoomed-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-zoomed-1-tests-chromium-darwin.png
deleted file mode 100644
index 2cf7cfbcd..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/badge.spec.ts-snapshots/badge-zoomed-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts b/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts
deleted file mode 100644
index 737f24283..000000000
--- a/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('blog post card', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/blog-post-card--blog-post-card-with-image`);
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByRole('link', { name: 'Blog Post Title' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png
deleted file mode 100644
index c3d20bf38..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts b/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts
deleted file mode 100644
index 0831c044f..000000000
--- a/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Breadcrumbs', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/breadcrumbs--example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-darwin.png
deleted file mode 100644
index 3d34ea97f..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/breadcrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/button.spec.ts b/apps/core/tests/visual-regression/reactant/components/button.spec.ts
deleted file mode 100644
index 34fe6342e..000000000
--- a/apps/core/tests/visual-regression/reactant/components/button.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Primary button', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/button--primary`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Secondary button', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/button--secondary`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('As a child', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/button--as-child`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png
deleted file mode 100644
index 739f3a320..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/As-a-child-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png
deleted file mode 100644
index 8815857ce..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png
deleted file mode 100644
index b225163db..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts b/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts
deleted file mode 100644
index eae8e5a71..000000000
--- a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Multiple slides', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/carousel--multiple-slides`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Related Products'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Single slide', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/carousel--single-slide`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Related Products'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png
deleted file mode 100644
index 3317ae069..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png
deleted file mode 100644
index 59f30b281..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts
deleted file mode 100644
index 20fef4f84..000000000
--- a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Base checkbox', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--base-checkbox`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Focused checkbox', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--focused-checkbox`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Checked checkbox', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--checked-checkbox`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Disabled checkbox', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--disabled-checkbox`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Disabled checked checkbox', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--disabled-checked-checkbox`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Checkbox with error variant', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--error`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Checkbox with label', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--checkbox-with-label`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Checkbox with custom icon', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/checkbox--checkbox-with-custom-icon`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator('#CheckboxWithCustomIcon')
-    .click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Base-checkbox-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Base-checkbox-1-tests-chromium-darwin.png
deleted file mode 100644
index 377669105..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Base-checkbox-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-custom-icon-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-custom-icon-1-tests-chromium-darwin.png
deleted file mode 100644
index 47bc58949..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-custom-icon-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-error-variant-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-error-variant-1-tests-chromium-darwin.png
deleted file mode 100644
index 9ebb918d5..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-error-variant-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-darwin.png
deleted file mode 100644
index 4b073bda6..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checked-checkbox-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checked-checkbox-1-tests-chromium-darwin.png
deleted file mode 100644
index 767486169..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Checked-checkbox-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checkbox-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checkbox-1-tests-chromium-darwin.png
deleted file mode 100644
index 12a5f2e5a..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checkbox-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checked-checkbox-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checked-checkbox-1-tests-chromium-darwin.png
deleted file mode 100644
index 5095385b2..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Disabled-checked-checkbox-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Focused-checkbox-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Focused-checkbox-1-tests-chromium-darwin.png
deleted file mode 100644
index b427e6042..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/checkbox.spec.ts-snapshots/Focused-checkbox-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts b/apps/core/tests/visual-regression/reactant/components/counter.spec.ts
deleted file mode 100644
index 660efe1c6..000000000
--- a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Counter default', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/counter--default`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator(storyBookElements.storyBook)
-    .getByLabel('Increase count')
-    .click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Counter disabled', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/counter--disabled`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png
deleted file mode 100644
index 1bedd5737..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-darwin.png
deleted file mode 100644
index aada2dbab..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/footer.spec.ts b/apps/core/tests/visual-regression/reactant/components/footer.spec.ts
deleted file mode 100644
index 1587fdbc4..000000000
--- a/apps/core/tests/visual-regression/reactant/components/footer.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Footer', async ({ page }) => {
-  await page.setExtraHTTPHeaders({ 'x-vercel-skip-toolbar': '1' });
-  await page.goto(`${storyBookElements.storyUrl}/footer--example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png
deleted file mode 100644
index 22f427402..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/form.spec.ts b/apps/core/tests/visual-regression/reactant/components/form.spec.ts
deleted file mode 100644
index 342d4e2b1..000000000
--- a/apps/core/tests/visual-regression/reactant/components/form.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-const inputField = 'input[name="Input Field"]';
-const inputEmail = 'input[name="email"]';
-
-test('Default form', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/form--default`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(inputField),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Form with validation', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/form--with-validation`);
-  await page.frameLocator(storyBookElements.storyBookFrame).locator(inputEmail).fill('asdf');
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .getByRole('button', { name: 'Submit Form' })
-    .click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Default-form-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Default-form-1-tests-chromium-darwin.png
deleted file mode 100644
index 999ef15a9..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Default-form-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-darwin.png
deleted file mode 100644
index 48f5091b4..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts b/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts
deleted file mode 100644
index 1fac70e57..000000000
--- a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Gallery example', async ({ page }) => {
-  await page.setExtraHTTPHeaders({ 'x-vercel-skip-toolbar': '1' });
-  await page.goto(`${storyBookElements.storyUrl}/gallery--example`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Thumbnail navigation'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Custom image gallery', async ({ page }) => {
-  await page.setExtraHTTPHeaders({ 'x-vercel-skip-toolbar': '1' });
-  await page.goto(`${storyBookElements.storyUrl}/gallery--custom-image-element`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Thumbnail navigation'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Custom-image-gallery-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Custom-image-gallery-1-tests-chromium-darwin.png
deleted file mode 100644
index 393c1a6e2..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Custom-image-gallery-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Gallery-example-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Gallery-example-1-tests-chromium-darwin.png
deleted file mode 100644
index d64afc438..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/gallery.spec.ts-snapshots/Gallery-example-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts b/apps/core/tests/visual-regression/reactant/components/input.spec.ts
deleted file mode 100644
index 6cda9dadf..000000000
--- a/apps/core/tests/visual-regression/reactant/components/input.spec.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Default input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/input--default`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Disabled input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/input--disabled`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Success input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/input--success`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Error input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/input--error`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Custom icon input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/input--custom-icon`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-darwin.png
deleted file mode 100644
index 7363958c1..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Default-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Default-input-1-tests-chromium-darwin.png
deleted file mode 100644
index 3b4367500..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Default-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Disabled-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Disabled-input-1-tests-chromium-darwin.png
deleted file mode 100644
index 6f930ee73..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Disabled-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Error-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Error-input-1-tests-chromium-darwin.png
deleted file mode 100644
index c83054259..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Error-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Success-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Success-input-1-tests-chromium-darwin.png
deleted file mode 100644
index b8a3c2fd5..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/input.spec.ts-snapshots/Success-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/label.spec.ts b/apps/core/tests/visual-regression/reactant/components/label.spec.ts
deleted file mode 100644
index 2ceb7eff8..000000000
--- a/apps/core/tests/visual-regression/reactant/components/label.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Label example', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/label--example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByText('Label'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Label with input', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/label--with-input`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Label'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-example-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-example-1-tests-chromium-darwin.png
deleted file mode 100644
index 0c1539fe4..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-example-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png
deleted file mode 100644
index e42bbef45..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/label.spec.ts-snapshots/Label-with-input-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/message.spec.ts b/apps/core/tests/visual-regression/reactant/components/message.spec.ts
deleted file mode 100644
index 372dc46ea..000000000
--- a/apps/core/tests/visual-regression/reactant/components/message.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Info message', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/message--info`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByText('Here is your message for Users'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Success message', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/message--success`);
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByText('Here is your message for Users on Successful Action'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Error message', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/message--error`);
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByText('Here is your message for Users on Failed Action'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Error-message-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Error-message-1-tests-chromium-darwin.png
deleted file mode 100644
index 0cbce89e1..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Error-message-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Info-message-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Info-message-1-tests-chromium-darwin.png
deleted file mode 100644
index c31444f40..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Info-message-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Success-message-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Success-message-1-tests-chromium-darwin.png
deleted file mode 100644
index b67e6981b..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/message.spec.ts-snapshots/Success-message-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts
deleted file mode 100644
index 6b36e2f7d..000000000
--- a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Basic navigation', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--basic-example`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Navigation alignment left', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--navigation-alignment-left`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Navigation alignment right', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--navigation-alignment-right`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Logo centered', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--logo-centered`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Bottom navigation left', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--bottom-navigation-left`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Bottom navigation center', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--bottom-navigation-center`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Bottom navigation right', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--bottom-navigation-right`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Navigation with badge', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--navigation-with-badge`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Custom navigation menu toggle', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/navigation-menu--custom-navigation-menu-toggle`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Accessories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-darwin.png
deleted file mode 100644
index 64c4e376a..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-darwin.png
deleted file mode 100644
index 77b40fe62..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-darwin.png
deleted file mode 100644
index bb6b995d4..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-darwin.png
deleted file mode 100644
index 26875f00f..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-darwin.png
deleted file mode 100644
index 64c4e376a..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Logo-centered-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Logo-centered-1-tests-chromium-darwin.png
deleted file mode 100644
index 1b6a9b241..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Logo-centered-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-darwin.png
deleted file mode 100644
index 9e3dda731..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-darwin.png
deleted file mode 100644
index 07243d2db..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-darwin.png
deleted file mode 100644
index da7d422c7..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/navigation-menu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts b/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts
deleted file mode 100644
index f596d7983..000000000
--- a/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Basic product card', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/product-card--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts-snapshots/Basic-product-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts-snapshots/Basic-product-card-1-tests-chromium-darwin.png
deleted file mode 100644
index a27a6ab34..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/product-card.spec.ts-snapshots/Basic-product-card-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts b/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts
deleted file mode 100644
index 05be87281..000000000
--- a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Base radio group', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/radio-group--base-radio-group`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Radio group with error variant', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/radio-group--error`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Radio group with icon', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/radio-group--radio-group-with-icon`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Base-radio-group-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Base-radio-group-1-tests-chromium-darwin.png
deleted file mode 100644
index 856d8371f..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Base-radio-group-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-error-variant-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-error-variant-1-tests-chromium-darwin.png
deleted file mode 100644
index acef28748..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-error-variant-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-darwin.png
deleted file mode 100644
index e00757475..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/radio-group.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts b/apps/core/tests/visual-regression/reactant/components/rating.spec.ts
deleted file mode 100644
index 038779944..000000000
--- a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Five star rating', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/rating--five-star-rating`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Zero rating', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/rating--zero-rating`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Float rating', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/rating--float-rating`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Five-star-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Five-star-rating-1-tests-chromium-darwin.png
deleted file mode 100644
index fc30ad4dd..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Five-star-rating-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Float-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Float-rating-1-tests-chromium-darwin.png
deleted file mode 100644
index 6b19070cb..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Float-rating-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Zero-rating-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Zero-rating-1-tests-chromium-darwin.png
deleted file mode 100644
index fc3289845..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/rating.spec.ts-snapshots/Zero-rating-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts b/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts
deleted file mode 100644
index 141c17a3d..000000000
--- a/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Basic rectangle list', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/rectangle-list--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-darwin.png
deleted file mode 100644
index 683de505b..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/rectangle-list.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/select.spec.ts b/apps/core/tests/visual-regression/reactant/components/select.spec.ts
deleted file mode 100644
index 51f3f3ebe..000000000
--- a/apps/core/tests/visual-regression/reactant/components/select.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Default select', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/select--default`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Select with disabled items', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/select--disabled-items`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator(storyBookElements.storyBook)
-    .getByRole('combobox')
-    .click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Default-select-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Default-select-1-tests-chromium-darwin.png
deleted file mode 100644
index e634c144d..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Default-select-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-darwin.png
deleted file mode 100644
index e634c144d..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts b/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts
deleted file mode 100644
index 1537c298b..000000000
--- a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Basic sheet', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/sheet--basic`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator(storyBookElements.storyBook)
-    .getByRole('button', { name: 'Open' })
-    .click();
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByRole('heading', { name: 'Categories' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Sheet with overlay', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/sheet--with-overlay`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator(storyBookElements.storyBook)
-    .getByRole('button', { name: 'Open' })
-    .click();
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByRole('heading', { name: 'Sheet w/ Overlay' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Sheet with footer', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/sheet--with-footer`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toBeVisible();
-  await page
-    .frameLocator(storyBookElements.storyBookFrame)
-    .locator(storyBookElements.storyBook)
-    .getByRole('button', { name: 'Open' })
-    .click();
-  await expect(
-    page
-      .frameLocator(storyBookElements.storyBookFrame)
-      .getByRole('heading', { name: 'Sheet w/ Footer' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-darwin.png
deleted file mode 100644
index 2a44742d9..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-darwin.png
deleted file mode 100644
index ccf141afc..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-darwin.png
deleted file mode 100644
index c9d7cc629..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts b/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts
deleted file mode 100644
index d4589dd65..000000000
--- a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Multiple slides', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/slideshow--multiple-slides`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Pause slideshow'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Single slide', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/slideshow--single-slide`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByRole('link', { name: 'Shop now' }),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Custom controls and interval', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/slideshow--custom-controls-and-interval`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Pause slideshow').click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-darwin.png
deleted file mode 100644
index d99e121d0..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png
deleted file mode 100644
index 45ee99819..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png
deleted file mode 100644
index 4cc211b1a..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts b/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts
deleted file mode 100644
index bee60a5e5..000000000
--- a/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Swatch basic example', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/swatch--basic-example`);
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByLabel('Color'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-darwin.png
deleted file mode 100644
index 72e49a05a..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts b/apps/core/tests/visual-regression/reactant/components/tag.spec.ts
deleted file mode 100644
index f3c21571e..000000000
--- a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Tag basic example', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/tag--basic-example`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(page.frameLocator(storyBookElements.storyBookFrame).getByText('Tag')).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Tag no action example', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/tag--no-action-example`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(page.frameLocator(storyBookElements.storyBookFrame).getByText('Tag')).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-basic-example-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-basic-example-1-tests-chromium-darwin.png
deleted file mode 100644
index 16ac771cb..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-basic-example-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-no-action-example-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-no-action-example-1-tests-chromium-darwin.png
deleted file mode 100644
index e5ddf90a7..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/tag.spec.ts-snapshots/Tag-no-action-example-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts b/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts
deleted file mode 100644
index c804ab058..000000000
--- a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import * as storyBookElements from '../storybook-elements';
-
-test('Text area default', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/text-area--default`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Text area success', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/text-area--success`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
-
-test('Text area error', async ({ page }) => {
-  await page.goto(`${storyBookElements.storyUrl}/text-area--error`);
-  await page.getByRole('button', { name: 'Go full screen [F]' }).click();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).getByPlaceholder('Placeholder...'),
-  ).toBeVisible();
-  await expect(
-    page.frameLocator(storyBookElements.storyBookFrame).locator(storyBookElements.storyBook),
-  ).toHaveScreenshot();
-});
diff --git a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-default-1-tests-chromium-darwin.png
deleted file mode 100644
index dd9549f10..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-default-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-error-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-error-1-tests-chromium-darwin.png
deleted file mode 100644
index d0d130cc3..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-error-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-success-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-success-1-tests-chromium-darwin.png
deleted file mode 100644
index 331ab2577..000000000
Binary files a/apps/core/tests/visual-regression/reactant/components/textarea.spec.ts-snapshots/Text-area-success-1-tests-chromium-darwin.png and /dev/null differ
diff --git a/apps/core/tests/visual-regression/reactant/storybook-elements.ts b/apps/core/tests/visual-regression/reactant/storybook-elements.ts
deleted file mode 100644
index 848304610..000000000
--- a/apps/core/tests/visual-regression/reactant/storybook-elements.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const storyUrl = process.env.PLAYWRIGHT_TEST_BASE_URL
-  ? `${process.env.PLAYWRIGHT_TEST_BASE_URL}/?path=/story`
-  : 'https://catalyst-storybook.vercel.app/?path=/story';
-export const storyBookFrame = '#storybook-preview-iframe';
-export const storyBook = '#storybook-root';