@sanity/ui 3.3.0 → 3.3.2

package/src/core/primitives/box/box.test.tsx

@@ -1,28 +1,30 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {type ComponentProps} from 'react'
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {responsiveGridItemStyle} from '../../styles/internal'
 import {Box} from './box'
 
-jest.mock('../../styles/internal', () => {
-  const actual = jest.requireActual('../../styles/internal')
+vi.mock('../../styles/internal', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('../../styles/internal')>()
 
   return {
     ...actual,
-    responsiveGridItemStyle: jest.fn(actual.responsiveGridItemStyle),
+    responsiveGridItemStyle: vi.fn(actual.responsiveGridItemStyle),
   }
 })
 
 describe('<Box />', () => {
-  const mockedResponsiveGridItemStyle = jest.mocked(responsiveGridItemStyle)
+  const mockedResponsiveGridItemStyle = vi.mocked(responsiveGridItemStyle)
 
   beforeEach(() => {
     mockedResponsiveGridItemStyle.mockClear()
   })
 
   it('uses column when gridColumn is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box column={3} />)
 
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
@@ -39,6 +41,7 @@ describe('<Box />', () => {
   })
 
   it('prefers gridColumn over column when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box column={3} gridColumn={5} />)
 
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
@@ -60,6 +63,7 @@ describe('<Box />', () => {
   })
 
   it('uses columnStart when gridColumnStart is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box columnStart={2} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$columnStart: [2]}),
@@ -67,6 +71,7 @@ describe('<Box />', () => {
   })
 
   it('prefers gridColumnStart over columnStart when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box columnStart={2} gridColumnStart={4} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$columnStart: [4]}),
@@ -77,6 +82,7 @@ describe('<Box />', () => {
   })
 
   it('uses columnEnd when gridColumnEnd is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box columnEnd={3} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$columnEnd: [3]}),
@@ -84,6 +90,7 @@ describe('<Box />', () => {
   })
 
   it('prefers gridColumnEnd over columnEnd when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box columnEnd={3} gridColumnEnd={5} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$columnEnd: [5]}),
@@ -94,11 +101,13 @@ describe('<Box />', () => {
   })
 
   it('uses row when gridRow is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box row={1} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(expect.objectContaining({$row: [1]}))
   })
 
   it('prefers gridRow over row when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box row={1} gridRow={2} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(expect.objectContaining({$row: [2]}))
     expect(mockedResponsiveGridItemStyle).not.toHaveBeenCalledWith(
@@ -107,6 +116,7 @@ describe('<Box />', () => {
   })
 
   it('uses rowStart when gridRowStart is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box rowStart={2} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$rowStart: [2]}),
@@ -114,6 +124,7 @@ describe('<Box />', () => {
   })
 
   it('prefers gridRowStart over rowStart when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box rowStart={2} gridRowStart={4} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$rowStart: [4]}),
@@ -124,6 +135,7 @@ describe('<Box />', () => {
   })
 
   it('uses rowEnd when gridRowEnd is not provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box rowEnd={3} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$rowEnd: [3]}),
@@ -131,6 +143,7 @@ describe('<Box />', () => {
   })
 
   it('prefers gridRowEnd over rowEnd when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Box rowEnd={3} gridRowEnd={5} />)
     expect(mockedResponsiveGridItemStyle).toHaveBeenCalledWith(
       expect.objectContaining({$rowEnd: [5]}),

package/src/core/primitives/box/box.tsx

@@ -30,7 +30,8 @@ import {
  * @public
  */
 export interface BoxOwnProps
-  extends ResponsiveFlexItemProps,
+  extends
+    ResponsiveFlexItemProps,
     ResponsiveBoxProps,
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
@@ -65,10 +66,13 @@ const BoxComponent = forwardRef(function Box(
   const {
     as: asProp = 'div',
     gridColumn,
+    // oxlint-disable-next-line no-deprecated
     column: deprecated_column,
     gridColumnStart,
+    // oxlint-disable-next-line no-deprecated
     columnStart: deprecated_columnStart,
     gridColumnEnd,
+    // oxlint-disable-next-line no-deprecated
     columnEnd: deprecated_columnEnd,
     display = 'block',
     flex,
@@ -89,10 +93,13 @@ const BoxComponent = forwardRef(function Box(
     paddingBottom,
     paddingLeft,
     gridRow,
+    // oxlint-disable-next-line no-deprecated
     row: deprecated_row,
     gridRowStart,
+    // oxlint-disable-next-line no-deprecated
     rowStart: deprecated_rowStart,
     gridRowEnd,
+    // oxlint-disable-next-line no-deprecated
     rowEnd: deprecated_rowEnd,
     sizing,
     ...restProps
@@ -149,6 +156,7 @@ BoxComponent.displayName = 'ForwardRef(Box)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Box = BoxComponent as unknown as <E extends ElementType = 'div'>(
   props: BoxProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/button/button.test.tsx

@@ -1,24 +1,26 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {AddIcon} from '@sanity/icons'
 import {screen} from '@testing-library/react'
-import {axe} from 'jest-axe'
+import {beforeEach, describe, expect, it, vi} from 'vitest'
+import {axe} from 'vitest-axe'
 
 import {render} from '../../../../test'
 import {Flex} from '../flex'
 import {Button, ButtonOwnProps} from './button'
 
-jest.mock('../flex', () => {
-  const actual = jest.requireActual('../flex')
+vi.mock('../flex', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('../flex')>()
 
   return {
     ...actual,
-    Flex: jest.fn((props: Record<string, unknown>) => (actual.Flex as any).render(props, null)),
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    Flex: vi.fn((props: Record<string, unknown>) => (actual.Flex as any).render(props, null)),
   }
 })
 
 describe('atoms/button', () => {
-  const mockedFlex = jest.mocked(Flex)
+  const mockedFlex = vi.mocked(Flex)
 
   beforeEach(() => {
     mockedFlex.mockClear()
@@ -59,6 +61,7 @@ describe('atoms/button', () => {
   })
 
   it('should support `space`', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Button icon={AddIcon} space={17} text="Button text" />)
 
     const propsList = mockedFlex.mock.calls.map(([props]) => props)
@@ -73,6 +76,7 @@ describe('atoms/button', () => {
   })
 
   it('should prefer `gap` over `space` when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<Button gap={19} icon={AddIcon} space={20} text="Button text" />)
 
     const propsList = mockedFlex.mock.calls.map(([props]) => props)

package/src/core/primitives/button/button.tsx

@@ -28,7 +28,9 @@ import {buttonBaseStyles, buttonColorStyles} from './styles'
 export interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
   fontSize?: number | number[]
   mode?: ButtonMode
+  // 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
   justify?: FlexJustify | FlexJustify[]
   /**
@@ -101,6 +103,7 @@ const ButtonComponent = forwardRef(function Button(
     radius: radiusProp = 2,
     selected,
     gap,
+    // oxlint-disable-next-line no-deprecated
     space: deprecated_space = 3,
     text,
     textAlign,
@@ -205,6 +208,7 @@ ButtonComponent.displayName = 'ForwardRef(Button)'
 /**
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Button = ButtonComponent as unknown as <E extends ElementType = 'button'>(
   props: ButtonProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/button/styles.ts

@@ -79,6 +79,7 @@ export function buttonColorStyles(
   // const defaultBoxShadow = `inset 0px -1.5px 0px ${buttonTheme.border.width}px color-mix(in srgb, var(--card-border-color) 25%, var(--card-bg-color))`
   const defaultBoxShadow = undefined
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return [
     _cardColorStyle(baseColor, color.enabled),
     {

package/src/core/primitives/card/card.tsx

@@ -23,10 +23,7 @@ import {CardStyleProps} from './types'
  * @public
  */
 export interface CardOwnProps
-  extends BoxOwnProps,
-    ResponsiveBorderProps,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends BoxOwnProps, ResponsiveBorderProps, ResponsiveRadiusProps, ResponsiveShadowProps {
   /**
    * Do not use in production.
    * @beta
@@ -84,7 +81,6 @@ const CardComponent = forwardRef(function Card(
   const rootTheme = useRootTheme()
   const tone = toneProp === 'inherit' ? rootTheme.tone : toneProp
 
-  // eslint-disable-next-line no-warning-comments
   // todo: Consider adding the wrapper approach for nested cards in which the tones are not changing, avoid unnecessary ThemeColorProvider
   return (
     <ThemeColorProvider scheme={scheme} tone={tone}>
@@ -123,6 +119,7 @@ CardComponent.displayName = 'ForwardRef(Card)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Card = CardComponent as unknown as <E extends ElementType = 'div'>(
   props: CardProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/card/types.ts

@@ -7,5 +7,6 @@ export interface CardStyleProps {
   $checkered: boolean
   $focusRing: boolean
   $muted: boolean
+  // oxlint-disable-next-line no-deprecated
   $tone: ThemeColorToneKey
 }

package/src/core/primitives/code/code.tsx

@@ -50,6 +50,7 @@ CodeComponent.displayName = 'ForwardRef(Code)'
 /**
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Code = CodeComponent as unknown as <E extends ElementType = 'pre'>(
   props: CodeProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/code/refractor.tsx

@@ -7,11 +7,13 @@ export default function LazyRefractor(
 ) {
   const {language: languageProp, value} = props
   const language = typeof languageProp === 'string' ? languageProp : undefined
+  // oxlint-disable-next-line no-unnecessary-type-assertion, no-unsafe-type-assertion
   const registered = language ? hasLanguage(language as any) : false
 
   return (
     <>
       {!(language && registered) && <code>{value}</code>}
+      {/* oxlint-disable-next-line no-base-to-string */}
       {language && registered && <Refractor inline language={language} value={String(value)} />}
     </>
   )

package/src/core/primitives/container/container.tsx

@@ -49,6 +49,7 @@ ContainerComponent.displayName = 'ForwardRef(Container)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Container = ContainerComponent as unknown as <E extends ElementType = 'div'>(
   props: ContainerProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/flex/flex.tsx

@@ -16,9 +16,7 @@ import {ResponsiveFlexItemProps, ResponsiveFlexProps} from '../types'
  * @public
  */
 export interface FlexOwnProps
-  extends Omit<BoxOwnProps, 'display'>,
-    ResponsiveFlexProps,
-    ResponsiveFlexItemProps {
+  extends Omit<BoxOwnProps, 'display'>, ResponsiveFlexProps, ResponsiveFlexItemProps {
   gap?: number | number[]
 }
 
@@ -59,6 +57,7 @@ FlexComponent.displayName = 'ForwardRef(Flex)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Flex = FlexComponent as unknown as <E extends ElementType = 'div'>(
   props: FlexProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/grid/grid.test.tsx

@@ -1,20 +1,22 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {responsiveGridStyle} from '../../styles/internal'
 import {Grid} from './grid'
 
-jest.mock('../../styles/internal', () => {
-  const actual = jest.requireActual('../../styles/internal')
+vi.mock('../../styles/internal', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('../../styles/internal')>()
 
   return {
     ...actual,
-    responsiveGridStyle: jest.fn(actual.responsiveGridStyle),
+    responsiveGridStyle: vi.fn(actual.responsiveGridStyle),
   }
 })
 
 describe('primitives/grid', () => {
-  const mockedResponsiveGridStyle = jest.mocked(responsiveGridStyle)
+  const mockedResponsiveGridStyle = vi.mocked(responsiveGridStyle)
 
   beforeEach(() => {
     mockedResponsiveGridStyle.mockClear()
@@ -22,6 +24,7 @@ describe('primitives/grid', () => {
 
   it('should support `columns` and `gridTemplateColumns` with the same behavior', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Grid columns={2}>
         <div>A</div>
       </Grid>,
@@ -39,6 +42,7 @@ describe('primitives/grid', () => {
 
   it('should prefer `gridTemplateColumns` over `columns` when both are provided', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Grid columns={1} gridTemplateColumns={3}>
         <div>A</div>
       </Grid>,
@@ -51,6 +55,7 @@ describe('primitives/grid', () => {
 
   it('should support `rows` and `gridTemplateRows` with the same behavior', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Grid rows={2}>
         <div>A</div>
       </Grid>,
@@ -68,6 +73,7 @@ describe('primitives/grid', () => {
 
   it('should prefer `gridTemplateRows` over `rows` when both are provided', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Grid gridTemplateRows={3} rows={1}>
         <div>A</div>
       </Grid>,

package/src/core/primitives/grid/grid.tsx

@@ -31,11 +31,13 @@ const GridComponent = forwardRef(function Grid(
     autoRows,
     autoCols,
     autoFlow,
+    // oxlint-disable-next-line no-deprecated
     columns,
     gridTemplateColumns,
     gap,
     gapX,
     gapY,
+    // oxlint-disable-next-line no-deprecated
     rows,
     gridTemplateRows,
     children,
@@ -69,6 +71,7 @@ GridComponent.displayName = 'ForwardRef(Grid)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Grid = GridComponent as unknown as <E extends ElementType = 'div'>(
   props: GridProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/heading/heading.tsx

@@ -83,6 +83,7 @@ HeadingComponent.displayName = 'ForwardRef(Heading)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Heading = HeadingComponent as unknown as <E extends ElementType = 'div'>(
   props: HeadingProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/inline/inline.test.tsx

@@ -1,20 +1,22 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {Inline} from './inline'
 import {inlineSpaceStyle} from './styles'
 
-jest.mock('./styles', () => {
-  const actual = jest.requireActual('./styles')
+vi.mock('./styles', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('./styles')>()
 
   return {
     ...actual,
-    inlineSpaceStyle: jest.fn(actual.inlineSpaceStyle),
+    inlineSpaceStyle: vi.fn(actual.inlineSpaceStyle),
   }
 })
 
 describe('primitives/inline', () => {
-  const mockedInlineSpaceStyle = jest.mocked(inlineSpaceStyle)
+  const mockedInlineSpaceStyle = vi.mocked(inlineSpaceStyle)
 
   beforeEach(() => {
     mockedInlineSpaceStyle.mockClear()
@@ -22,6 +24,7 @@ describe('primitives/inline', () => {
 
   it('should support `space` and `gap` with the same behavior', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Inline space={2}>
         <span>One</span>
         <span>Two</span>
@@ -41,6 +44,7 @@ describe('primitives/inline', () => {
 
   it('should prefer `gap` over `space` when both are provided', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Inline gap={3} space={1}>
         <span>One</span>
         <span>Two</span>

package/src/core/primitives/inline/inline.tsx

@@ -31,6 +31,7 @@ const InlineComponent = forwardRef(function Inline(
   props: InlineOwnProps & {as?: ElementType} & React.HTMLProps<HTMLDivElement>,
   ref,
 ) {
+  // oxlint-disable-next-line no-deprecated
   const {as, children: childrenProp, gap, space: deprecated_space, ...restProps} = props
   const spacing = gap === undefined ? deprecated_space : gap
 
@@ -45,6 +46,7 @@ const InlineComponent = forwardRef(function Inline(
       {...restProps}
       $space={_getArrayProp(spacing)}
       forwardedAs={as}
+      // oxlint-disable-next-line no-unnecessary-type-assertion, no-unsafe-type-assertion
       ref={ref as any}
     >
       {children}
@@ -58,6 +60,7 @@ InlineComponent.displayName = 'ForwardRef(Inline)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Inline = InlineComponent as unknown as <E extends ElementType = 'div'>(
   props: InlineProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/kbd/kbd.tsx

@@ -42,7 +42,10 @@ function kbdStyle() {
 const StyledKBD = styled.kbd<ResponsiveRadiusStyleProps>(responsiveRadiusStyle, kbdStyle)
 
 const KBDComponent = forwardRef(function KBD(
-  props: KBDOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLElement>, 'as' | 'ref' | 'size'>,
+  props: KBDOwnProps & {as?: ElementType} & Omit<
+      React.HTMLProps<HTMLElement>,
+      'as' | 'ref' | 'size'
+    >,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   const {children, fontSize = 0, padding = 1, radius = 2, ...restProps} = props
@@ -64,6 +67,7 @@ KBDComponent.displayName = 'ForwardRef(KBD)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const KBD = KBDComponent as unknown as <E extends ElementType = 'kbd'>(
   props: KBDProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/label/label.tsx

@@ -82,6 +82,7 @@ LabelComponent.displayName = 'ForwardRef(Label)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Label = LabelComponent as unknown as <E extends ElementType = 'div'>(
   props: LabelProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/popover/popover.tsx

@@ -45,9 +45,7 @@ import {PopoverUpdateCallback, PopoverWidth} from './types'
 
 /** @public */
 export interface PopoverProps
-  extends Omit<LayerProps, 'as'>,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends Omit<LayerProps, 'as'>, ResponsiveRadiusProps, ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins
   /**
@@ -146,6 +144,7 @@ export const Popover = forwardRef(function Popover(
     __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,
     animate: _animate = false,
     arrow: arrowProp = false,
+    // oxlint-disable-next-line no-deprecated
     boundaryElement: _boundaryElement,
     children: childProp,
     constrainSize = false,
@@ -155,7 +154,7 @@ export const Popover = forwardRef(function Popover(
     matchReferenceWidth,
     floatingBoundary: _floatingBoundary,
     modal,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // oxlint-disable-next-line no-unused-vars
     onActivate,
     open,
     overflow = 'hidden',
@@ -179,8 +178,10 @@ export const Popover = forwardRef(function Popover(
   const fallbackPlacements =
     _fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? 'bottom']
   const floatingBoundary =
+    // oxlint-disable-next-line no-deprecated
     _floatingBoundary ?? props.boundaryElement ?? boundaryElementContext.element
   const referenceBoundary =
+    // oxlint-disable-next-line no-deprecated
     _referenceBoundary ?? props.boundaryElement ?? boundaryElementContext.element
   const zOffsetProp = _zOffsetProp ?? layer.popover.zOffset
   const prefersReducedMotion = usePrefersReducedMotion()

package/src/core/primitives/popover/popoverCard.tsx

@@ -123,6 +123,7 @@ export const PopoverCard = forwardRef(function PopoverCard(
   return (
     <MotionCard
       data-ui="Popover"
+      // oxlint-disable-next-line no-unsafe-type-assertion
       {...(restProps as CardProps & MotionProps)}
       data-placement={placement}
       radius={radius}

package/src/core/primitives/popover/types.ts

@@ -1,7 +1,6 @@
 /** @beta */
 export type PopoverUpdateCallback = () => void
 
-// eslint-disable-next-line no-warning-comments
 // todo: remove `auto` from PopoverWidth
 /** @public */
 export type PopoverWidth = number | 'auto'

package/src/core/primitives/select/select.test.tsx

@@ -1,23 +1,25 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {Select} from './select'
 import {selectStyle} from './styles'
 
-jest.mock('./styles', () => {
-  const actual = jest.requireActual('./styles')
+vi.mock('./styles', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('./styles')>()
 
   return {
     ...actual,
     selectStyle: {
       ...actual.selectStyle,
-      input: jest.fn(actual.selectStyle.input),
+      input: vi.fn(actual.selectStyle.input),
     },
   }
 })
 
 describe('primitives/select spacing', () => {
-  const mockedSelectInputStyle = jest.mocked(selectStyle.input)
+  const mockedSelectInputStyle = vi.mocked(selectStyle.input)
 
   beforeEach(() => {
     mockedSelectInputStyle.mockClear()
@@ -25,6 +27,7 @@ describe('primitives/select spacing', () => {
 
   it('should support `space` and `gap` with the same behavior', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Select space={2}>
         <option>Option A</option>
       </Select>,
@@ -42,6 +45,7 @@ describe('primitives/select spacing', () => {
 
   it('should prefer `gap` over `space` when both are provided', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Select gap={3} space={1}>
         <option>Option A</option>
       </Select>,

package/src/core/primitives/select/select.tsx

@@ -53,6 +53,7 @@ export const Select = forwardRef(function Select(
     padding = 3,
     radius = 2,
     readOnly,
+    // oxlint-disable-next-line no-deprecated
     space: deprecated_space = 3,
     ...restProps
   } = props