@sanity/ui 3.3.1 → 3.3.2

package/src/core/theme/useTheme.ts

@@ -5,6 +5,7 @@ import {useTheme as useStyledTheme} from 'styled-components'
  * @public
  */
 export function useTheme(): Theme {
+  // oxlint-disable-next-line no-unnecessary-type-assertion
   return useStyledTheme() as Theme
 }
 
@@ -12,5 +13,6 @@ export function useTheme(): Theme {
  * @public
  */
 export function useTheme_v2(): Theme_v2 {
+  // oxlint-disable-next-line no-unnecessary-type-assertion
   return getTheme_v2(useStyledTheme() as Theme)
 }

package/src/core/utils/arrow/arrow.tsx

@@ -105,6 +105,7 @@ export const Arrow = forwardRef(function Arrow(
   const cmds = getRoundedCommands(points)
   const path = compileCommands(cmds)
 
+  // oxlint-disable-next-line no-unnecessary-template-expression
   const strokePath = `${path}`
   const fillPath = `${path} M ${w} -1 M 0 -1 Z`
 

package/src/core/utils/boundaryElement/boundaryElement.test.tsx

@@ -1,4 +1,6 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {BoundaryElementContext} from './boundaryElementContext'
@@ -8,7 +10,7 @@ import {useBoundaryElement} from './useBoundaryElement'
 describe('utils/boundaryElement', () => {
   describe('useBoundaryElement', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootBoundaryElement = useBoundaryElement()
@@ -25,6 +27,7 @@ describe('utils/boundaryElement', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <BoundaryElementContext.Provider value={value}>
             <Debug />
           </BoundaryElementContext.Provider>
@@ -38,7 +41,7 @@ describe('utils/boundaryElement', () => {
     })
 
     it('should provide default value when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootBoundaryElement = useBoundaryElement()
@@ -52,6 +55,7 @@ describe('utils/boundaryElement', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <BoundaryElementContext.Provider value={value as any}>
             <Debug />
           </BoundaryElementContext.Provider>
@@ -65,7 +69,7 @@ describe('utils/boundaryElement', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -84,6 +88,7 @@ describe('utils/boundaryElement', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values, no-unsafe-type-assertion
           <BoundaryElementContext.Provider value={value as any}>
             <Debug />
           </BoundaryElementContext.Provider>

package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx

@@ -18,4 +18,5 @@ export function ConditionalWrapper({
   return wrapper(children)
 }
 
+// oxlint-disable-next-line no-deprecated
 ConditionalWrapper.displayName = 'ConditionalWrapper'

package/src/core/utils/getElementRef.ts

@@ -6,21 +6,26 @@
 // Access the ref using the method that doesn't yield a warning.
 export function getElementRef(element: React.ReactElement) {
   // React <=18 in DEV
+  // oxlint-disable-next-line unbound-method
   let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get
   let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning
 
   if (mayWarn) {
+    // oxlint-disable-next-line no-unsafe-type-assertion
     return (element as any).ref
   }
 
   // React 19 in DEV
+  // oxlint-disable-next-line unbound-method
   getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get
   mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning
 
   if (mayWarn) {
+    // oxlint-disable-next-line no-unsafe-type-assertion
     return (element.props as {ref?: React.Ref<unknown>}).ref
   }
 
   // Not DEV
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return (element.props as {ref?: React.Ref<unknown>}).ref || (element as any).ref
 }

package/src/core/utils/layer/getLayerContext.test.ts

@@ -1,3 +1,5 @@
+import {describe, expect, it} from 'vitest'
+
 import {getLayerContext} from './getLayerContext'
 import {LayerContextValue} from './types'
 

package/src/core/utils/layer/layer.test.tsx

@@ -1,4 +1,6 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {LayerContext} from './layerContext'
@@ -8,7 +10,7 @@ import {useLayer} from './useLayer'
 describe('utils/layer', () => {
   describe('useLayer', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootLayer = useLayer()
@@ -29,6 +31,7 @@ describe('utils/layer', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <LayerContext.Provider value={value}>
             <Debug />
           </LayerContext.Provider>
@@ -45,7 +48,7 @@ describe('utils/layer', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -61,6 +64,7 @@ describe('utils/layer', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <LayerContext.Provider value={value as any}>
             <Debug />
           </LayerContext.Provider>
@@ -73,7 +77,7 @@ describe('utils/layer', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -92,6 +96,7 @@ describe('utils/layer', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values, no-unsafe-type-assertion
           <LayerContext.Provider value={value as any}>
             <Debug />
           </LayerContext.Provider>

package/src/core/utils/layer/layer.tsx

@@ -49,6 +49,7 @@ const LayerChildren = forwardRef(function LayerChildren(
   }, [isTopLayer, onActivate])
 
   const handleFocus = useCallback(
+    // oxlint-disable-next-line no-unnecessary-type-arguments
     (event: FocusEvent<HTMLDivElement, Element>) => {
       // Call the user-provided onFocus handler if any
       onFocus?.(event)

package/src/core/utils/layer/useLayer.ts

@@ -18,8 +18,10 @@ export function useLayer(): LayerContextValue {
     return getLayerContext(value)
   } catch (err) {
     if (err instanceof Error) {
+      // oxlint-disable-next-line preserve-caught-error
       throw new Error(`useLayer(): ${err.message}`)
     } else {
+      // oxlint-disable-next-line preserve-caught-error, restrict-template-expressions
       throw new Error(`useLayer(): ${err}`)
     }
   }

package/src/core/utils/portal/portal.test.tsx

@@ -1,4 +1,6 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {PortalContext} from './portalContext'
@@ -8,7 +10,7 @@ import {usePortal} from './usePortal'
 describe('utils/portal', () => {
   describe('usePortal', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootPortal = usePortal()
@@ -26,6 +28,7 @@ describe('utils/portal', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <PortalContext.Provider value={value}>
             <Debug />
           </PortalContext.Provider>
@@ -40,7 +43,7 @@ describe('utils/portal', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -56,6 +59,7 @@ describe('utils/portal', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <PortalContext.Provider value={value as any}>
             <Debug />
           </PortalContext.Provider>
@@ -68,7 +72,7 @@ describe('utils/portal', () => {
     })
 
     it('should fail when context value is not compatible', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -87,6 +91,7 @@ describe('utils/portal', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values, no-unsafe-type-assertion
           <PortalContext.Provider value={value as any}>
             <Debug />
           </PortalContext.Provider>

package/src/core/utils/portal/portalProvider.tsx

@@ -23,6 +23,7 @@ export interface PortalProviderProps {
  * @public
  */
 export function PortalProvider(props: PortalProviderProps): React.JSX.Element {
+  // oxlint-disable-next-line no-deprecated
   const {boundaryElement, children, element, __unstable_elements: elements} = props
   const fallbackElement = useSyncExternalStore(
     emptySubscribe,

package/src/core/utils/virtualList/virtualList.tsx

@@ -92,6 +92,7 @@ export const VirtualList = forwardRef(function VirtualList(
 
       handleScroll()
 
+      // oxlint-disable-next-line consistent-return
       return () => {
         scrollEl.removeEventListener('scroll', handleScroll)
 
@@ -111,11 +112,11 @@ export const VirtualList = forwardRef(function VirtualList(
     window.addEventListener('scroll', handleScroll, {passive: true})
     window.addEventListener('resize', handleResize)
 
-    // eslint-disable-next-line react-hooks/set-state-in-effect
     setScrollHeight(window.innerHeight)
 
     handleScroll()
 
+    // oxlint-disable-next-line consistent-return
     return () => {
       window.removeEventListener('scroll', handleScroll)
       window.removeEventListener('resize', handleResize)

package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts

@@ -8,11 +8,16 @@ import {
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createSelectableTones(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorSelectable {
   return {
     default: _createSelectableStates(opts, base, dark, solid, muted, 'default'),
@@ -24,12 +29,17 @@ export function createSelectableTones(
 }
 
 function _createSelectableStates(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
   tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical',
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorSelectableStates {
   return {
     enabled: opts.selectable({

package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts

@@ -2,10 +2,14 @@ import {ThemeColorBase, ThemeColorName, ThemeColorSolid} from '../../../../syste
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createSolidTones(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   name: ThemeColorName,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorSolid {
   return {
     default: {

package/src/theme/build/_deprecated/color/button/createButtonModes.ts

@@ -8,11 +8,16 @@ import {ThemeColorBuilderOpts} from '../factory'
 import {createButtonTones} from './createButtonTones'
 
 export function createButtonModes(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorButton {
   return {
     default: createButtonTones(opts, base, dark, solid, muted, 'default'),

package/src/theme/build/_deprecated/color/button/createButtonTones.ts

@@ -8,12 +8,17 @@ import {
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createButtonTones(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
   mode: ThemeColorButtonModeKey,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorButtonTones {
   return {
     default: opts.button({

package/src/theme/build/_deprecated/color/card/createCardStates.ts

@@ -8,12 +8,18 @@ import {
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createCardStates(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   name: ThemeColorName,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorCard {
   return {
     enabled: opts.card({

package/src/theme/build/_deprecated/color/color.test.ts

@@ -1,10 +1,13 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {describe, expect, it} from 'vitest'
 
 import {createColorTheme} from './factory'
 
 describe('color', () => {
   describe('createColorTheme', () => {
     it('should generate base (scheme=light, name=default)', () => {
+      // oxlint-disable-next-line no-deprecated
       const theme = createColorTheme()
       const scheme = 'light'
       const name = 'default'
@@ -29,6 +32,7 @@ describe('color', () => {
     })
 
     it('should generate muted states (scheme=light, name=default)', () => {
+      // oxlint-disable-next-line no-deprecated
       const theme = createColorTheme()
       const scheme = 'light'
       const name = 'default'

package/src/theme/build/_deprecated/color/defaults.ts

@@ -105,6 +105,7 @@ const tones = {
   },
 }
 
+// oxlint-disable-next-line no-deprecated
 export const defaultOpts: ThemeColorBuilderOpts = {
   base: ({dark, name}) => {
     if (name === 'default') {

package/src/theme/build/_deprecated/color/factory.ts

@@ -30,53 +30,81 @@ import {createSpot} from './spot/createSpot'
  * @deprecated Use `buildColorTheme` instead.
  */
 export interface ThemeColorBuilderOpts {
+  // oxlint-disable-next-line no-deprecated
   base: (opts: {dark: boolean; name: ThemeColorName}) => ThemeColorBase
   solid: (opts: {
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
     dark: boolean
+    // oxlint-disable-next-line no-deprecated
     tone: ThemeColorName
+    // oxlint-disable-next-line no-deprecated
     name: ThemeColorName
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorGenericState
   muted: (opts: {
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
     dark: boolean
+    // oxlint-disable-next-line no-deprecated
     tone: ThemeColorToneKey
+    // oxlint-disable-next-line no-deprecated
     name: ThemeColorName
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorGenericState
   card: (opts: {
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
     dark: boolean
+    // oxlint-disable-next-line no-deprecated
     muted: ThemeColorMuted
+    // oxlint-disable-next-line no-deprecated
     name: ThemeColorName
+    // oxlint-disable-next-line no-deprecated
     solid: ThemeColorSolid
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorGenericState
   button: (opts: {
     dark: boolean
     mode: ThemeColorButtonModeKey
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
+    // oxlint-disable-next-line no-deprecated
     solid: ThemeColorSolidTone
+    // oxlint-disable-next-line no-deprecated
     muted: ThemeColorMutedTone
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorButtonStates
   input: (opts: {
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
+    // oxlint-disable-next-line no-deprecated
     solid: ThemeColorSolidTone
+    // oxlint-disable-next-line no-deprecated
     muted: ThemeColorMutedTone
     dark: boolean
     mode: 'default' | 'invalid'
     state: 'enabled' | 'disabled' | 'hovered' | 'readOnly'
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorInputState
   selectable: (opts: {
     dark: boolean
+    // oxlint-disable-next-line no-deprecated
     base: ThemeColorBase
+    // oxlint-disable-next-line no-deprecated
     solid: ThemeColorSolid
+    // oxlint-disable-next-line no-deprecated
     muted: ThemeColorMuted
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
     tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical'
+    // oxlint-disable-next-line no-deprecated
   }) => ThemeColorGenericState
+  // oxlint-disable-next-line no-deprecated
   syntax: (opts: {base: ThemeColorBase; dark: boolean}) => ThemeColorSyntax
+  // oxlint-disable-next-line no-deprecated
   spot: (opts: {base: ThemeColorBase; dark: boolean; key: ThemeColorSpotKey}) => string
 }
 
@@ -84,6 +112,7 @@ export interface ThemeColorBuilderOpts {
  * @public
  * @deprecated Use `ThemeConfig` instead.
  */
+// oxlint-disable-next-line no-deprecated
 export type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
 
 /**
@@ -91,8 +120,11 @@ export type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
  * @deprecated Use `buildColorTheme` instead.
  */
 export function createColorTheme(
+  // oxlint-disable-next-line no-deprecated
   partialOpts: PartialThemeColorBuilderOpts = {},
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorSchemes {
+  // oxlint-disable-next-line no-deprecated
   const builders: ThemeColorBuilderOpts = {...defaultOpts, ...partialOpts}
 
   return {
@@ -104,6 +136,7 @@ export function createColorTheme(
 /**
  * @internal
  */
+// oxlint-disable-next-line no-deprecated
 function _createColorScheme(opts: ThemeColorBuilderOpts, dark: boolean): ThemeColorScheme {
   return {
     default: _createColor(opts, dark, 'default'),
@@ -119,9 +152,12 @@ function _createColorScheme(opts: ThemeColorBuilderOpts, dark: boolean): ThemeCo
  * @internal
  */
 function _createColor(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   name: ThemeColorName,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColor {
   const base = opts.base({dark, name})
   const solid = createSolidTones(opts, base, dark, name)

package/src/theme/build/_deprecated/color/input/createInputModes.ts

@@ -2,11 +2,16 @@ import {ThemeColorBase, ThemeColorInput, ThemeColorMuted, ThemeColorSolid} from
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createInputModes(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   solid: ThemeColorSolid,
+  // oxlint-disable-next-line no-deprecated
   muted: ThemeColorMuted,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorInput {
   return {
     default: {

package/src/theme/build/_deprecated/color/muted/createMuted.ts

@@ -2,10 +2,14 @@ import {ThemeColorBase, ThemeColorMuted, ThemeColorName} from '../../../../syste
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createMutedTones(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
   name: ThemeColorName,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorMuted {
   return {
     default: {

package/src/theme/build/_deprecated/color/spot/createSpot.ts

@@ -2,9 +2,12 @@ import {ThemeColorBase, ThemeColorSpot} from '../../../../system'
 import {ThemeColorBuilderOpts} from '../factory'
 
 export function createSpot(
+  // oxlint-disable-next-line no-deprecated
   opts: ThemeColorBuilderOpts,
+  // oxlint-disable-next-line no-deprecated
   base: ThemeColorBase,
   dark: boolean,
+  // oxlint-disable-next-line no-deprecated
 ): ThemeColorSpot {
   return {
     gray: opts.spot({base, dark, key: 'gray'}),

package/src/theme/build/buildColorTheme.test.ts

@@ -1,3 +1,5 @@
+import {expect, test} from 'vitest'
+
 import {ThemeColorTokens} from '../config'
 import {buildColorTheme} from './buildColorTheme'
 

package/src/theme/build/buildColorTheme.ts

@@ -37,6 +37,7 @@ export function buildColorTheme(config?: ThemeConfig): ThemeColorSchemes_v2 {
   }
 
   // Lazy schemes — each scheme's token tree is only built when first accessed
+  // oxlint-disable-next-line no-unsafe-type-assertion
   const schemes = {} as ThemeColorSchemes_v2
 
   defineLazyProperty(schemes, 'light', () => buildColorScheme({scheme: 'light'}, resolvedConfig))
@@ -52,6 +53,7 @@ function buildColorScheme(
   const {scheme} = options
 
   // Lazy tones — each tone's token tree is only built when first accessed
+  // oxlint-disable-next-line no-unsafe-type-assertion
   const colorScheme = {} as ThemeColorScheme_v2
 
   for (const tone of THEME_COLOR_CARD_TONES) {
@@ -172,6 +174,7 @@ function buildBadgeColorTheme(
 ): ThemeColorBadge_v2 {
   const {scheme} = options
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   const colorBadge = {} as ThemeColorBadge_v2
 
   for (const tone of THEME_COLOR_STATE_TONES) {
@@ -211,6 +214,7 @@ function buildButtonColorTheme(
     modes[mode] = buildButtonTonesColorTheme({cardTone, scheme, mode}, config)
   }
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return modes as ThemeColorButton_v2
 }
 
@@ -230,6 +234,7 @@ function buildButtonTonesColorTheme(
     tones[tone] = buildButtonStatesColorTheme({cardTone, mode, scheme, tone}, config)
   }
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return tones as ThemeColorButtonMode_v2
 }
 
@@ -250,6 +255,7 @@ function buildButtonStatesColorTheme(
     states[state] = buildButtonStateColorTheme({cardTone, mode, tone, scheme, state}, config)
   }
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return states as ThemeColorButtonTone_v2
 }
 
@@ -377,6 +383,7 @@ function buildSelectableColorTheme(
     tones[tone] = buildSelectableStatesColorTheme({cardTone, scheme, tone}, config)
   }
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return tones as ThemeColorButtonMode_v2
 }
 
@@ -396,6 +403,7 @@ function buildSelectableStatesColorTheme(
     states[state] = buildSelectableStateColorTheme({cardTone, tone, scheme, state}, config)
   }
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return states as ThemeColorButtonTone_v2
 }