fix: reduce layout trashing

.eslintrc.js

@@ -137,6 +137,6 @@ module.exports = {
         mode: 'full',
       },
     ],
-    react: {version: 'detect'},
+    'react': {version: 'detect'},
   },
 }

.github/workflows/main.yml

@@ -14,7 +14,7 @@ permissions:
 
 jobs:
   lint:
-    name: 'ESLint'
+    name: "ESLint"
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -40,7 +40,7 @@ jobs:
           - platform: macos-latest
             node-version: lts/*
     env:
-      CYPRESS_CACHE_FOLDER: '~/.cache/Cypress'
+      CYPRESS_CACHE_FOLDER: "~/.cache/Cypress"
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
@@ -65,7 +65,7 @@ jobs:
   release:
     permissions:
       id-token: write # to enable use of OIDC for npm provenance
-    name: 'Semantic release'
+    name: "Semantic release"
     needs: [lint, test]
     runs-on: ubuntu-latest
     steps:

.storybook/main.ts

@@ -11,6 +11,7 @@ const config: StorybookConfig = {
     '@storybook/addon-interactions',
     '@storybook/addon-storysource',
     '@storybook/addon-themes',
+    '@storybook/addon-mdx-gfm'
   ],
   framework: {
     name: '@storybook/react-vite',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.6.3",
+  "version": "2.6.4-canary.1",
   "keywords": [
     "sanity",
     "ui",
@@ -87,6 +87,7 @@
       "prettier --write --cache --ignore-unknown"
     ]
   },
+  "prettier": "@sanity/prettier-config",
   "release": {
     "branches": [
       "+([0-9])?(.{+([0-9]),x}).x",
@@ -109,7 +110,8 @@
     "@sanity/icons": "^3.3.0",
     "csstype": "^3.1.3",
     "framer-motion": "11.0.8",
-    "react-refractor": "^2.2.0"
+    "react-refractor": "^2.2.0",
+    "use-effect-event": "^1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -120,24 +122,25 @@
     "@commitlint/config-conventional": "^19.2.2",
     "@juggle/resize-observer": "^3.4.0",
     "@sanity/pkg-utils": "^6.10.3",
-    "@sanity/semantic-release-preset": "^4.1.8",
+    "@sanity/prettier-config": "^1.0.2",
+    "@sanity/semantic-release-preset": "^5.0.0",
     "@sanity/ui-workshop": "^2.0.15",
-    "@storybook/addon-a11y": "^8.0.8",
-    "@storybook/addon-docs": "^8.0.8",
-    "@storybook/addon-essentials": "^8.0.8",
-    "@storybook/addon-interactions": "^8.0.8",
-    "@storybook/addon-links": "^8.0.8",
-    "@storybook/addon-storysource": "^8.0.8",
-    "@storybook/addon-themes": "^8.0.8",
-    "@storybook/blocks": "^8.0.8",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.0.8",
-    "@storybook/react": "^8.0.8",
-    "@storybook/react-vite": "^8.0.8",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.0.8",
+    "@storybook/addon-a11y": "^8.2.1",
+    "@storybook/addon-docs": "^8.2.1",
+    "@storybook/addon-essentials": "^8.2.1",
+    "@storybook/addon-interactions": "^8.2.1",
+    "@storybook/addon-links": "^8.2.1",
+    "@storybook/addon-mdx-gfm": "^8.2.1",
+    "@storybook/addon-storysource": "^8.2.1",
+    "@storybook/addon-themes": "^8.2.1",
+    "@storybook/blocks": "^8.2.1",
+    "@storybook/manager-api": "^8.2.1",
+    "@storybook/react": "^8.2.1",
+    "@storybook/react-vite": "^8.2.1",
+    "@storybook/test": "^8.2.1",
+    "@storybook/theming": "^8.2.1",
     "@testing-library/dom": "^10.3.1",
-    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/jest-axe": "^3.5.9",
@@ -146,7 +149,6 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-is": "^18.3.0",
     "@types/refractor": "^3.4.1",
-    "@types/testing-library__jest-dom": "^5.14.9",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
     "commitizen": "^4.3.0",
@@ -172,15 +174,14 @@
     "module-alias": "^2.2.3",
     "npm-run-all2": "^5.0.2",
     "prettier": "^3.3.2",
-    "prettier-plugin-packagejson": "^2.5.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "refractor": "^4.8.1",
     "rimraf": "^5.0.5",
     "semantic-release": "^24.0.0",
     "start-server-and-test": "^2.0.4",
-    "storybook": "^8.0.8",
+    "storybook": "^8.2.1",
     "styled-components": "^6.1.11",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.5.3",
@@ -200,12 +201,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "esm.sh": {
-    "bundle": false
-  },
   "pnpm": {
     "overrides": {
       "conventional-changelog-conventionalcommits": ">= 8.0.0"
     }
+  },
+  "esm.sh": {
+    "bundle": false
   }
 }