@sanity/ui 2.16.21 → 2.16.23

package/exports/_visual-editing.ts

@@ -2,6 +2,7 @@
  * These are internal exports for usage in `@sanity/visual-editing` and `@sanity/insert-menu`,
  * which are used in environments where the regular `@sanity/ui` export is far too heavy due to imports from refractor and more.
  */
+// oxlint-disable-next-line no-deprecated
 export {studioTheme} from '../src/core/_compat'
 export {Hotkeys} from '../src/core/components/hotkeys/hotkeys'
 export {Menu} from '../src/core/components/menu/menu'

package/package.json

@@ -1,26 +1,45 @@
 {
   "name": "@sanity/ui",
-  "version": "2.16.21",
+  "version": "2.16.23",
   "keywords": [
-    "sanity",
-    "ui",
+    "components",
+    "design-system",
     "primitives",
     "react",
-    "components",
-    "design-system"
+    "sanity",
+    "ui"
   ],
   "homepage": "https://www.sanity.io/",
   "bugs": {
     "url": "https://github.com/sanity-io/ui/issues"
   },
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sanity-io/ui.git"
+    "url": "git+https://github.com/sanity-io/ui.git",
+    "directory": "packages/ui"
   },
-  "license": "MIT",
-  "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
+  "files": [
+    "dist",
+    "exports",
+    "src"
+  ],
   "type": "commonjs",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "_visual-editing": [
+        "./dist/_visual-editing.d.ts"
+      ],
+      "theme": [
+        "./dist/theme.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "source": "./exports/index.ts",
@@ -42,166 +61,41 @@
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "_visual-editing": [
-        "./dist/_visual-editing.d.ts"
-      ],
-      "theme": [
-        "./dist/theme.d.ts"
-      ]
-    }
-  },
-  "files": [
-    "dist",
-    "exports",
-    "src"
-  ],
-  "scripts": {
-    "build": "run-s clean pkg:build pkg:check figma:pkg:build",
-    "clean": "rimraf .workshop dist",
-    "commit": "cz",
-    "cypress:dev": "run-p dev cypress:open",
-    "cypress:open": "cypress open",
-    "cypress:run": "cypress run",
-    "dev": "run-p storybook:dev workshop:dev",
-    "figma:pkg:build": "cd figma && pnpm build",
-    "format": "prettier --write --cache --ignore-unknown .",
-    "lint": "eslint --cache .",
-    "prepack": "pnpm build",
-    "pkg:build": "pkg build --strict",
-    "pkg:check": "pkg --strict",
-    "prepare": "husky install",
-    "release": "semantic-release",
-    "storybook:build": "storybook build",
-    "storybook:dev": "storybook dev -p 6006",
-    "test": "jest",
-    "test:browser": "start-server-and-test 'run-s workshop:build workshop:start' http://localhost:1337 'run-s cypress:run'",
-    "ts:check": "tsc",
-    "watch": "pkg watch --strict",
-    "workshop:build": "workshop build",
-    "workshop:dev": "workshop dev",
-    "workshop:start": "http-server -a localhost -c-0 -p 1337 -s -P http://localhost:1337/index.html? dist"
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*": [
-      "prettier --write --cache --ignore-unknown"
-    ]
-  },
-  "prettier": "@sanity/prettier-config",
-  "release": {
-    "branches": [
-      {
-        "name": "v2",
-        "range": "2.x",
-        "channel": "v2"
-      },
-      "main",
-      {
-        "name": "v4",
-        "channel": "static",
-        "prerelease": true
-      }
-    ],
-    "extends": "@sanity/semantic-release-preset"
-  },
   "dependencies": {
-    "@floating-ui/react-dom": "^2.1.6",
+    "@floating-ui/react-dom": "^2.1.8",
     "@juggle/resize-observer": "^3.4.0",
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.7.4",
     "csstype": "^3.1.3",
-    "framer-motion": "^12.23.24",
+    "motion": "^12.23.24",
     "react-compiler-runtime": "1.0.0",
     "react-refractor": "^2.2.0",
     "use-effect-event": "^2.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-env": "^7.28.3",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/js": "^9.37.0",
-    "@sanity/pkg-utils": "^8.1.19",
-    "@sanity/prettier-config": "^2.0.1",
-    "@sanity/semantic-release-preset": "^5.0.0",
-    "@sanity/ui-workshop": "^2.1.6",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-mdx-gfm": "^8.6.14",
-    "@storybook/addon-storysource": "^8.6.14",
-    "@storybook/addon-themes": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
-    "@storybook/theming": "^8.6.14",
+    "@sanity/pkg-utils": "^8.1.29",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
-    "@types/jest-axe": "^3.5.9",
     "@types/node": "^22.18.1",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/react-is": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
     "babel-plugin-react-compiler": "1.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "commitizen": "^4.3.1",
-    "cypress": "^13.17.0",
-    "cypress-real-events": "^1.14.0",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.37.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-formatter-gha": "^1.6.0",
-    "eslint-plugin-boundaries": "^5.0.2",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "7.0.0",
-    "eslint-plugin-react-refresh": "^0.4.23",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.12.0",
-    "globals": "^16.3.0",
-    "http-server": "^14.1.1",
-    "husky": "^8.0.3",
-    "jest": "^30.1.3",
-    "jest-axe": "^10.0.0",
-    "jest-environment-jsdom": "^30.1.2",
-    "lint-staged": "^14.0.1",
-    "module-alias": "^2.2.3",
+    "jsdom": "^29.1.1",
     "npm-run-all2": "^5.0.2",
-    "prettier": "^3.6.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-is": "^19.2.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-is": "^19.2.7",
     "refractor": "^4.9.0",
     "rimraf": "^5.0.5",
-    "semantic-release": "^24.2.7",
-    "start-server-and-test": "^2.1.0",
-    "storybook": "^8.6.14",
     "styled-components": "^6.1.19",
-    "tsconfig-paths": "^4.2.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.46.0",
-    "vite": "^5.4.20",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^7.2.2",
+    "vitest": "4.1.9",
+    "vitest-axe": "^1.0.0-pre.5"
   },
   "peerDependencies": {
     "react": "^18 || >=19.0.0-0",
@@ -209,26 +103,19 @@
     "react-is": "^18 || >=19.0.0-0",
     "styled-components": "^5.2 || ^6"
   },
-  "packageManager": "pnpm@9.15.9",
   "engines": {
     "node": ">=14.0.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "pnpm": {
-    "overrides": {
-      "@types/react": "$@types/react",
-      "@types/react-dom": "$@types/react-dom",
-      "@types/react-is": "$@types/react-is",
-      "conventional-changelog-conventionalcommits": ">= 8.0.0",
-      "react": "$react",
-      "react-dom": "$react-dom",
-      "react-is": "$react-is",
-      "styled-components": "npm:@sanity/styled-components@6.1.23"
-    }
-  },
   "esm.sh": {
     "bundle": false
+  },
+  "scripts": {
+    "build": "run-s clean pkg:build pkg:check",
+    "clean": "rimraf dist",
+    "pkg:build": "pkg build --strict",
+    "pkg:check": "pkg --strict",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "watch": "pkg watch --strict"
   }
-}
+}

package/src/core/_compat.ts

@@ -160,34 +160,63 @@ export type ThemeLayer = _ThemeLayer
 export type ThemeShadow = _ThemeShadow
 
 export {
+  // oxlint-disable-next-line no-deprecated
   type PartialThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   type ThemeAvatar,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColor,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorBase,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorButton,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorButtonState,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorButtonStates,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorButtonTones,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorCard,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorCardState,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorGenericState,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorInput,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorInputState,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorInputStates,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorMuted,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorMutedTone,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorName,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorScheme,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSchemes,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSelectable,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSelectableState,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSelectableStates,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSolidTone,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSpot,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorSpotKey,
+  // oxlint-disable-next-line no-deprecated
   type ThemeColorToneKey,
+  // oxlint-disable-next-line no-deprecated
   type ThemeInput,
 }
 
@@ -207,6 +236,7 @@ import {
  * @public
  * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
  */
+// oxlint-disable-next-line no-deprecated
 export const createColorTheme = _createColorTheme
 
 /**

package/src/core/components/autocomplete/autocomplete.tsx

@@ -51,6 +51,7 @@ export interface AutocompleteProps<Option extends BaseAutocompleteOption = BaseA
   customValidity?: string
   filterOption?: (query: string, option: Option) => boolean
   fontSize?: number | number[]
+  // oxlint-disable-next-line no-redundant-type-constituents
   icon?: ElementType | ReactNode
   id: string
   /** @beta */
@@ -243,6 +244,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
           }
         }
 
+        // oxlint-disable-next-line no-unnecessary-boolean-literal-compare
         if (focusInside === false) {
           dispatch({type: 'root/blur'})
           popoverMouseWithinRef.current = false
@@ -332,6 +334,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
         return
       }
 
+      // oxlint-disable-next-line no-unsafe-type-assertion
       const target = event.target as Node
       const listEl = listBoxElementRef.current
 
@@ -436,6 +439,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
 
     if (activeOption) {
       const activeIndex = filteredOptions.indexOf(activeOption)
+      // oxlint-disable-next-line no-unsafe-type-assertion
       const activeItemElement = listElement.childNodes[activeIndex] as HTMLLIElement | undefined
 
       if (activeItemElement) {
@@ -556,6 +560,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
       radius={radius}
       readOnly={readOnly}
       ref={inputElementRef}
+      // oxlint-disable-next-line prefer-tag-over-role, role-has-required-aria-props
       role="combobox"
       spellCheck={false}
       suffix={suffix || openButtonNode}
@@ -590,6 +595,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
           data-ui="AutoComplete__resultsList"
           id={listBoxId}
           ref={listBoxElementRef}
+          // oxlint-disable-next-line prefer-tag-over-role
           role="listbox"
           space={1}
         >
@@ -633,16 +639,16 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
   const results = useMemo(() => {
     if (renderPopover) {
       return renderPopover(
-        // eslint-disable-next-line react-hooks/refs
+        // oxlint-disable-next-line react-compiler
         {
           content,
           hidden: !expanded,
-          // eslint-disable-next-line react-hooks/refs
+          // oxlint-disable-next-line react-compiler
           inputElement: inputElementRef.current,
           onMouseEnter: handlePopoverMouseEnter,
           onMouseLeave: handlePopoverMouseLeave,
         },
-        // eslint-disable-next-line react-hooks/refs
+        // oxlint-disable-next-line react-compiler
         resultsPopoverElementRef,
       )
     }
@@ -666,7 +672,7 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
         portal
         radius={radius}
         ref={resultsPopoverElementRef}
-        // eslint-disable-next-line react-hooks/refs
+        // oxlint-disable-next-line react-compiler
         referenceElement={inputElementRef.current}
         {...popover}
       />
@@ -704,6 +710,7 @@ InnerAutocomplete.displayName = 'ForwardRef(Autocomplete)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Autocomplete = InnerAutocomplete as <Option extends BaseAutocompleteOption>(
   props: AutocompleteProps<Option> &
     Omit<

package/src/core/components/autocomplete/autocompleteOption.tsx

@@ -35,6 +35,7 @@ export function AutocompleteOption(props: AutocompleteOptionProps): React.JSX.El
       aria-selected={selected}
       data-ui="AutocompleteOption"
       id={id}
+      // oxlint-disable-next-line no-noninteractive-element-to-interactive-role, prefer-tag-over-role
       role="option"
       onClick={handleClick}
       onKeyDown={handleKeyDown}

package/src/core/components/breadcrumbs/breadcrumbs.tsx

@@ -84,6 +84,7 @@ export const Breadcrumbs = forwardRef(function Breadcrumbs(
   return (
     <StyledBreadcrumbs data-ui="Breadcrumbs" {...restProps} ref={ref}>
       {items.map((item, itemIndex) => (
+        // oxlint-disable-next-line no-array-index-key
         <Fragment key={itemIndex}>
           {itemIndex > 0 && (
             <Box aria-hidden as="li" paddingX={space}>

package/src/core/components/dialog/dialog.tsx

@@ -180,6 +180,7 @@ const DialogCard = forwardRef(function DialogCard(
   const layer = useLayer()
   const {isTopLayer} = layer
   const labelId = `${id}_label`
+  // oxlint-disable-next-line no-unnecessary-boolean-literal-compare
   const showCloseButton = Boolean(onClose) && hideCloseButton === false
   const showHeader = Boolean(header) || showCloseButton
 
@@ -224,6 +225,7 @@ const DialogCard = forwardRef(function DialogCard(
     isTopLayer &&
       onClickOutside &&
       ((event) => {
+        // oxlint-disable-next-line no-unsafe-type-assertion
         const target = event.target as Node | null
 
         if (target && !isTargetWithinScope(boundaryElement, portalElement, target)) {
@@ -402,6 +404,7 @@ export const Dialog = forwardRef(function Dialog(
         onClick={handleRootClick}
         onFocus={handleFocus}
         ref={ref}
+        // oxlint-disable-next-line prefer-tag-over-role
         role="dialog"
         zOffset={zOffset}
       >

package/src/core/components/hotkeys/hotkeys.tsx

@@ -51,6 +51,7 @@ export const Hotkeys = forwardRef(function Hotkeys(
     <StyledHotkeys data-ui="Hotkeys" {...restProps} ref={ref}>
       <Inline as="span" space={space}>
         {keys.map((key, i) => (
+          // oxlint-disable-next-line no-array-index-key
           <Key fontSize={fontSize} key={i} padding={padding} radius={radius}>
             {key}
           </Key>

package/src/core/components/menu/menu.test.tsx

@@ -1,8 +1,9 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 /* eslint-disable no-console */
 
 import React, {useCallback, useMemo} from 'react'
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {MenuContext, MenuContextValue} from './menuContext'
@@ -11,7 +12,7 @@ import {useMenu} from './useMenu'
 describe('components/menu', () => {
   describe('useMenu', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootMenu = useMenu()
@@ -67,7 +68,7 @@ describe('components/menu', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -95,7 +96,7 @@ describe('components/menu', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -114,6 +115,7 @@ describe('components/menu', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <MenuContext.Provider value={value}>
             <Debug />
           </MenuContext.Provider>

package/src/core/components/menu/menu.tsx

@@ -48,9 +48,9 @@ export const Menu = forwardRef(function Menu(
 ) {
   const {
     children,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // oxlint-disable-next-line no-deprecated, no-unused-vars
     focusFirst,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // oxlint-disable-next-line no-deprecated, no-unused-vars
     focusLast,
     onClickOutside,
     onEscape,
@@ -65,6 +65,7 @@ export const Menu = forwardRef(function Menu(
     ...restProps
   } = props
   const shouldFocus =
+    // oxlint-disable-next-line no-deprecated
     _shouldFocus ?? ((props.focusFirst && 'first') || (props.focusLast && 'last') || null)
 
   const ref = useRef<HTMLDivElement | null>(null)

package/src/core/components/menu/menuButton.tsx

@@ -66,17 +66,23 @@ export const MenuButton = forwardRef(function MenuButton(
 ) {
   const {
     __unstable_disableRestoreFocusOnClose: disableRestoreFocusOnClose = false,
+    // oxlint-disable-next-line no-deprecated
     boundaryElement: deprecated_boundaryElement,
     button: buttonProp,
     id,
     menu: menuProp,
     onClose,
     onOpen,
+    // oxlint-disable-next-line no-deprecated
     placement: deprecated_placement,
+    // oxlint-disable-next-line no-deprecated
     popoverScheme: deprecated_popoverScheme,
+    // oxlint-disable-next-line no-deprecated
     portal: deprecated_portal = true,
     popover,
+    // oxlint-disable-next-line no-deprecated
     popoverRadius: deprecated_popoverRadius,
+    // oxlint-disable-next-line no-deprecated
     preventOverflow: deprecated_preventOverflow,
   } = props
   const [open, setOpen] = useState(false)
@@ -239,6 +245,7 @@ export const MenuButton = forwardRef(function MenuButton(
 
   const popoverProps: MenuButtonProps['popover'] = useMemo(
     () => ({
+      // oxlint-disable-next-line no-deprecated
       boundaryElement: deprecated_boundaryElement,
       overflow: 'auto',
       placement: deprecated_placement,
@@ -246,6 +253,7 @@ export const MenuButton = forwardRef(function MenuButton(
       preventOverflow: deprecated_preventOverflow,
       radius: deprecated_popoverRadius,
       scheme: deprecated_popoverScheme,
+      // oxlint-disable-next-line no-useless-fallback-in-spread
       ...(popover || {}),
     }),
     [

package/src/core/components/menu/menuGroup.tsx

@@ -16,6 +16,7 @@ import {useMenu} from './useMenu'
 export interface MenuGroupProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
+  // oxlint-disable-next-line no-redundant-type-constituents
   icon?: React.ElementType | React.ReactNode
   menu?: Omit<
     MenuProps,
@@ -69,6 +70,7 @@ export function MenuGroup(
     onItemMouseEnter: _onItemMouseEnter,
     registerElement,
   } = menu
+  // oxlint-disable-next-line no-deprecated
   const onItemMouseEnter = _onItemMouseEnter ?? menu.onMouseEnter
   const [rootElement, setRootElement] = useState<HTMLButtonElement | HTMLDivElement | null>(null)
   const [open, setOpen] = useState(false)
@@ -122,13 +124,13 @@ export function MenuGroup(
 
   // Close child menu when a sibling item becomes active
   useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
+    // oxlint-disable-next-line react-compiler
     if (!active) setOpen(false)
   }, [active])
 
   // Update state when child menu is no longer open
   useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
+    // oxlint-disable-next-line react-compiler
     if (!open) setWithinMenu(false)
   }, [open])
 
@@ -139,6 +141,7 @@ export function MenuGroup(
     // By doing the same here, we ensure that the reset is processed after the focus change.
     const rafId = requestAnimationFrame(() => setShouldFocus(null))
 
+    // oxlint-disable-next-line consistent-return
     return () => cancelAnimationFrame(rafId)
   }, [shouldFocus])
 

package/src/core/components/menu/menuItem.tsx

@@ -26,7 +26,9 @@ export interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusP
   as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
+  // oxlint-disable-next-line no-redundant-type-constituents
   icon?: React.ElementType | React.ReactNode
+  // oxlint-disable-next-line no-redundant-type-constituents
   iconRight?: React.ElementType | React.ReactNode
   pressed?: boolean
   selected?: boolean
@@ -76,7 +78,9 @@ export const MenuItem = forwardRef(function MenuItem(
     onItemMouseEnter: _onItemMouseEnter,
     onItemMouseLeave: _onItemMouseLeave,
   } = menu
+  // oxlint-disable-next-line no-deprecated
   const onItemMouseEnter = _onItemMouseEnter ?? menu.onMouseEnter
+  // oxlint-disable-next-line no-deprecated
   const onItemMouseLeave = _onItemMouseLeave ?? menu.onMouseLeave
   const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)
   const active = Boolean(activeElement) && activeElement === rootElement