@sanity/ui 2.15.8 → 2.15.9

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

@@ -1,5 +1,6 @@
 import {Card, Flex, Stack, Text} from '@sanity/ui'
 import {useAction, useBoolean, useSelect} from '@sanity/ui-workshop'
+
 import {
   WORKSHOP_CARD_AS_OPTIONS,
   WORKSHOP_CARD_TONE_OPTIONS,
@@ -39,7 +40,8 @@ export default function PropsStory() {
             <code>shadow={shadow}</code>.
           </Text>
           <Text size={1}>
-            Text with <a>link</a>.
+            Text with {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
+            <a href="#">link</a>.
           </Text>
           <Text accent size={1}>
             Text with accent color.

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

@@ -1,8 +1,8 @@
 import {EditIcon, PublishIcon} from '@sanity/icons'
 import {Box, Card, Container, Flex, Inline, Stack, Text, ThemeProps, useRootTheme} from '@sanity/ui'
-import {ThemeColorStateToneKey, getTheme_v2} from '@sanity/ui/theme'
+import {getTheme_v2, ThemeColorStateToneKey} from '@sanity/ui/theme'
 import {useBoolean} from '@sanity/ui-workshop'
-import {styled, css} from 'styled-components'
+import {css, styled} from 'styled-components'
 
 const TextWithTone = styled(Text)<{$tone: ThemeColorStateToneKey}>((
   props: {

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

@@ -2,6 +2,7 @@ import {ThemeColorSchemeKey} from '@sanity/ui/theme'
 import {forwardRef} from 'react'
 import {isValidElementType} from 'react-is'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {
   responsiveBorderStyle,

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {ThemeProps} from '../../styles'
 import {_cardColorStyle} from '../../styles/card'
 import {focusRingStyle} from '../../styles/focusRing'

package/src/core/primitives/checkbox/checkbox.tsx

@@ -1,6 +1,7 @@
 import {CheckmarkIcon, RemoveIcon} from '@sanity/icons'
 import {forwardRef, useEffect, useImperativeHandle, useRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useCustomValidity} from '../../hooks'
 import {checkboxBaseStyles, inputElementStyles} from './styles'
 

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {rem, ThemeProps} from '../../styles'
 import {focusRingBorderStyle, focusRingStyle} from '../../styles/internal'
 

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

@@ -1,5 +1,6 @@
 import {Box, Code} from '@sanity/ui'
 import {useSelect, useText} from '@sanity/ui-workshop'
+
 import {
   WORKSHOP_CODE_LANGUAGE_OPTIONS,
   WORKSHOP_TEXT_FONT_SIZE_OPTIONS,

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

@@ -1,5 +1,6 @@
-import {forwardRef, Suspense, lazy} from 'react'
+import {forwardRef, lazy, Suspense} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {responsiveCodeFontStyle, ResponsiveFontStyleProps} from '../../styles/internal'
 import {codeBaseStyle} from './styles'

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

@@ -1,5 +1,6 @@
 import {Card, Container, Flex, Text} from '@sanity/ui'
 import {useAction, useSelect} from '@sanity/ui-workshop'
+
 import {WORKSHOP_CONTAINER_WIDTH_OPTIONS} from '../../../__workshop__/constants'
 
 export default function PlainStory() {

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

@@ -1,5 +1,6 @@
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {Box, BoxProps} from '../box'
 import {ResponsiveWidthProps} from '../types'

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

@@ -1,5 +1,6 @@
 import {CSSObject, getTheme_v2} from '@sanity/ui/theme'
-import {rem, _responsive, ThemeProps} from '../../styles'
+
+import {_responsive, rem, ThemeProps} from '../../styles'
 import {ResponsiveWidthStyleProps} from './types'
 
 const BASE_STYLE: CSSObject = {

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

@@ -1,6 +1,7 @@
 import {Card, Code, Flex} from '@sanity/ui'
 import {useSelect} from '@sanity/ui-workshop'
 import {styled} from 'styled-components'
+
 import {WORKSHOP_FLEX_DIRECTION_OPTIONS} from '../../../__workshop__/constants'
 
 const DebugCard = styled(Card)`

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

@@ -1,5 +1,6 @@
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {
   flexItemStyle,
@@ -8,7 +9,7 @@ import {
   ResponsiveFlexStyleProps,
 } from '../../styles/internal'
 import {Box, BoxProps} from '../box'
-import {ResponsiveFlexProps, ResponsiveFlexItemProps} from '../types'
+import {ResponsiveFlexItemProps, ResponsiveFlexProps} from '../types'
 
 /**
  * @public

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

@@ -1,5 +1,6 @@
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {responsiveGridStyle, ResponsiveGridStyleProps} from '../../styles/internal'
 import {Box, BoxProps} from '../box'

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

@@ -1,8 +1,9 @@
 import {Flex, Heading} from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
+
 import {
-  WORKSHOP_HEADING_FONT_SIZE_OPTIONS,
   WORKSHOP_FONT_WEIGHT_OPTIONS,
+  WORKSHOP_HEADING_FONT_SIZE_OPTIONS,
   WORKSHOP_TEXT_OVERFLOW_OPTIONS,
 } from '../../../__workshop__/constants'
 

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

@@ -1,6 +1,7 @@
 import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {
   ResponsiveFontStyleProps,

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {ThemeProps} from '../../styles'
 import {HeadingStyleProps} from './types'
 

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

@@ -1,5 +1,6 @@
 import {Card, Flex, Inline, Text} from '@sanity/ui'
 import {useAction, useSelect} from '@sanity/ui-workshop'
+
 import {WORKSHOP_SPACE_OPTIONS} from '../../../__workshop__/constants'
 
 export default function PlainStory() {

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

@@ -1,5 +1,6 @@
-import {forwardRef, useMemo, Children} from 'react'
+import {Children, forwardRef, useMemo} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {Box, BoxProps} from '../box'
 import {inlineBaseStyle, inlineSpaceStyle} from './styles'

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

@@ -1,5 +1,6 @@
 import {CSSObject, getTheme_v2} from '@sanity/ui/theme'
-import {rem, _responsive, ThemeProps} from '../../styles'
+
+import {_responsive, rem, ThemeProps} from '../../styles'
 import {ResponsiveInlineSpaceStyleProps} from './types'
 
 export function inlineBaseStyle(): CSSObject {

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

@@ -1,5 +1,6 @@
 import {forwardRef} from 'react'
-import {styled, css} from 'styled-components'
+import {css, styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'
 import {Radius} from '../../types'

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

@@ -1,8 +1,9 @@
 import {Flex, Label} from '@sanity/ui'
 import {useSelect, useText} from '@sanity/ui-workshop'
+
 import {
-  WORKSHOP_LABEL_FONT_SIZE_OPTIONS,
   WORKSHOP_FONT_WEIGHT_OPTIONS,
+  WORKSHOP_LABEL_FONT_SIZE_OPTIONS,
   WORKSHOP_TEXT_OVERFLOW_OPTIONS,
 } from '../../../__workshop__/constants'
 

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

@@ -1,6 +1,7 @@
 import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {responsiveLabelFont, responsiveTextAlignStyle} from '../../styles/internal'
 import {TextAlign} from '../../types'

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {ThemeProps} from '../../styles'
 
 export function labelBaseStyle(

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

@@ -2,6 +2,7 @@ import {EllipsisVerticalIcon} from '@sanity/icons'
 import {Button, Card, Flex, Popover, Text, useClickOutsideEvent} from '@sanity/ui'
 import {useBoolean, useSelect} from '@sanity/ui-workshop'
 import {useCallback, useRef, useState} from 'react'
+
 import {
   WORKSHOP_FLEX_ALIGN_OPTIONS,
   WORKSHOP_FLEX_JUSTIFY_OPTIONS,

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

@@ -1,5 +1,6 @@
 import {Box, Button, Container, Flex, Popover, Stack, Text} from '@sanity/ui'
 import {useBoolean, useSelect} from '@sanity/ui-workshop'
+
 import {WORKSHOP_PLACEMENT_OPTIONS} from '../../../__workshop__/constants'
 
 export default function MatchReferenceWidthStory() {

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

@@ -1,6 +1,7 @@
 import {Button, Card, Popover, PortalProvider, Text} from '@sanity/ui'
 import {useBoolean, useSelect} from '@sanity/ui-workshop'
 import {useState} from 'react'
+
 import {
   WORKSHOP_CONTAINER_WIDTH_OPTIONS,
   WORKSHOP_PLACEMENT_OPTIONS,

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

@@ -1,12 +1,14 @@
 import {useSelect} from '@sanity/ui-workshop'
 import {useCallback, useEffect, useRef, useState} from 'react'
+
 import {BoundaryElementProvider} from '../../../utils'
 import {Box} from '../../box'
 import {Card} from '../../card'
 import {Flex} from '../../flex'
 import {Stack} from '../../stack'
 import {Text} from '../../text'
-import {Popover, PopoverProps, PopoverUpdateCallback} from '../popover'
+import {Popover, PopoverProps} from '../popover'
+import {PopoverUpdateCallback} from '../types'
 
 const SIDE_PANEL_WIDTH = {
   sm: 300,
@@ -80,6 +82,7 @@ function InlineObject(props: {updateRef?: PopoverProps['updateRef']}) {
       width={0}
       updateRef={updateRef}
     >
+      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */}
       <code onClick={handleClick}>reference</code>
     </Popover>
   )

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

@@ -1,5 +1,6 @@
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
 import {useRef, useState} from 'react'
+
 import {
   WORKSHOP_CONTAINER_WIDTH_OPTIONS,
   WORKSHOP_PLACEMENT_OPTIONS,

package/src/core/primitives/popover/floating-ui/size.ts

@@ -1,4 +1,5 @@
-import {Elements, Middleware, detectOverflow} from '@floating-ui/react-dom'
+import {detectOverflow, Elements, Middleware} from '@floating-ui/react-dom'
+
 import {PopoverMargins} from '../../../types'
 
 export interface SizeMiddlewareApplyOptions {

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

@@ -1,28 +1,29 @@
 import {
-  Middleware,
-  RootBoundary,
   arrow,
   autoUpdate,
   flip,
   hide,
+  Middleware,
   offset,
+  RootBoundary,
   shift,
   useFloating,
 } from '@floating-ui/react-dom'
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
 import {AnimatePresence} from 'framer-motion'
 import {
-  MutableRefObject,
-  RefCallback,
   cloneElement,
   forwardRef,
   memo,
+  MutableRefObject,
+  RefCallback,
   useCallback,
   useEffect,
   useImperativeHandle,
   useMemo,
   useRef,
 } from 'react'
+
 import {useArrayProp, useElementSize, useMediaIndex, usePrefersReducedMotion} from '../../hooks'
 import {origin} from '../../middleware/origin'
 import {useTheme_v2} from '../../theme'
@@ -31,9 +32,9 @@ import {LayerProps, LayerProvider, Portal, useBoundaryElement, useLayer} from '.
 import {getElementRef} from '../../utils/getElementRef'
 import {ResponsiveRadiusProps, ResponsiveShadowProps} from '../types'
 import {
+  DEFAULT_FALLBACK_PLACEMENTS,
   DEFAULT_POPOVER_DISTANCE,
   DEFAULT_POPOVER_MARGINS,
-  DEFAULT_FALLBACK_PLACEMENTS,
   DEFAULT_POPOVER_PADDING,
 } from './constants'
 import {size} from './floating-ui/size'
@@ -41,8 +42,6 @@ import {calcCurrentWidth, calcMaxWidth} from './helpers'
 import {PopoverCard} from './popoverCard'
 import {PopoverUpdateCallback, PopoverWidth} from './types'
 
-export type {PopoverUpdateCallback}
-
 /** @public */
 export interface PopoverProps
   extends Omit<LayerProps, 'as'>,

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

@@ -1,8 +1,9 @@
 import {Strategy} from '@floating-ui/react-dom'
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import {type MotionProps, motion} from 'framer-motion'
+import {motion, type MotionProps} from 'framer-motion'
 import React, {CSSProperties, forwardRef, memo, useMemo} from 'react'
 import {styled} from 'styled-components'
+
 import {POPOVER_MOTION_PROPS} from '../../constants'
 import {BoxOverflow, CardTone, Placement, PopoverMargins, Radius} from '../../types'
 import {Arrow, useLayer} from '../../utils'

package/src/core/primitives/radio/radio.tsx

@@ -1,7 +1,8 @@
 import {forwardRef, useImperativeHandle, useRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useCustomValidity} from '../../hooks'
-import {radioBaseStyle, inputElementStyle} from './styles'
+import {inputElementStyle, radioBaseStyle} from './styles'
 
 /**
  * @public

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {rem, ThemeProps} from '../../styles'
 import {focusRingBorderStyle, focusRingStyle} from '../../styles/internal'
 

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

@@ -1,7 +1,8 @@
 import {ChevronDownIcon} from '@sanity/icons'
 import {forwardRef, useImperativeHandle, useRef} from 'react'
 import {styled} from 'styled-components'
-import {useCustomValidity, useArrayProp} from '../../hooks'
+
+import {useArrayProp, useCustomValidity} from '../../hooks'
 import {Radius} from '../../types'
 import {Box} from '../box'
 import {Text} from '../text'

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

@@ -1,7 +1,7 @@
-import {ThemeFontSize, getTheme_v2} from '@sanity/ui/theme'
-import {CSSObject} from '@sanity/ui/theme'
+import {CSSObject, getTheme_v2, ThemeFontSize} from '@sanity/ui/theme'
 import {css} from 'styled-components'
-import {rem, _responsive, ThemeProps} from '../../styles'
+
+import {_responsive, rem, ThemeProps} from '../../styles'
 import {
   focusRingBorderStyle,
   focusRingStyle,

package/src/core/primitives/spinner/__workshop__/Props.tsx

@@ -1,5 +1,6 @@
 import {Flex, Spinner} from '@sanity/ui'
 import {useBoolean, useSelect} from '@sanity/ui-workshop'
+
 import {WORKSHOP_TEXT_SIZE_OPTIONS} from '../../../__workshop__/constants'
 
 export default function Props() {

package/src/core/primitives/spinner/spinner.tsx

@@ -1,6 +1,7 @@
 import {SpinnerIcon} from '@sanity/icons'
 import {forwardRef} from 'react'
-import {styled, keyframes} from 'styled-components'
+import {keyframes, styled} from 'styled-components'
+
 import {Text} from '../text'
 
 /**

package/src/core/primitives/stack/__workshop__/plain.tsx

@@ -1,5 +1,6 @@
 import {Card, Container, Flex, Stack, Text} from '@sanity/ui'
 import {useSelect} from '@sanity/ui-workshop'
+
 import {WORKSHOP_SPACE_OPTIONS} from '../../../__workshop__/constants'
 
 export default function PlainStory() {

package/src/core/primitives/stack/stack.tsx

@@ -1,8 +1,9 @@
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {Box, BoxProps} from '../box'
-import {stackBaseStyle, responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps} from './styles'
+import {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'
 
 /**
  * @public

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

@@ -1,5 +1,6 @@
 import {CSSObject, getTheme_v2} from '@sanity/ui/theme'
-import {rem, _responsive, ThemeProps} from '../../styles'
+
+import {_responsive, rem, ThemeProps} from '../../styles'
 
 export interface ResponsiveStackSpaceStyleProps {
   $space: number[]

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {rem, ThemeProps} from '../../styles'
 import {focusRingStyle} from '../../styles/internal'
 

package/src/core/primitives/switch/switch.tsx

@@ -1,11 +1,12 @@
 import {forwardRef, useEffect, useImperativeHandle, useRef} from 'react'
 import {styled} from 'styled-components'
+
 import {
   switchBaseStyles,
+  switchInputStyles,
   switchRepresentationStyles,
   switchThumbStyles,
   switchTrackStyles,
-  switchInputStyles,
 } from './styles'
 
 /**

package/src/core/primitives/text/__workshop__/colored.tsx

@@ -1,7 +1,8 @@
 import {Flex, Text, ThemeProps} from '@sanity/ui'
-import {ThemeColorAvatarColorKey, ThemeColorSpotKey, getTheme_v2} from '@sanity/ui/theme'
+import {getTheme_v2, ThemeColorAvatarColorKey, ThemeColorSpotKey} from '@sanity/ui/theme'
 import {useSelect} from '@sanity/ui-workshop'
-import {styled, css} from 'styled-components'
+import {css, styled} from 'styled-components'
+
 import {WORKSHOP_SPOT_COLOR_OPTIONS} from '../../../__workshop__/constants'
 
 const ColoredText = styled(Text)<{$color?: ThemeColorSpotKey}>((

package/src/core/primitives/text/__workshop__/example.tsx

@@ -1,5 +1,6 @@
 import {Container, Flex, Text} from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
+
 import {
   WORKSHOP_TEXT_ALIGN_OPTIONS,
   WORKSHOP_TEXT_OVERFLOW_OPTIONS,

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

@@ -1,5 +1,6 @@
 import {getTheme_v2} from '@sanity/ui/theme'
 import {css} from 'styled-components'
+
 import {ThemeProps} from '../../styles'
 
 export function textBaseStyle(

package/src/core/primitives/text/text.tsx

@@ -1,6 +1,7 @@
 import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef} from 'react'
 import {styled} from 'styled-components'
+
 import {useArrayProp} from '../../hooks'
 import {
   ResponsiveFontStyleProps,

package/src/core/primitives/textArea/__workshop__/plain.tsx

@@ -1,5 +1,6 @@
 import {Card, Container, Flex, Stack, Text, TextArea} from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
+
 import {
   WORKSHOP_CARD_TONE_OPTIONS,
   WORKSHOP_FONT_WEIGHT_OPTIONS,

package/src/core/primitives/textArea/textArea.tsx

@@ -1,18 +1,19 @@
 import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef, useImperativeHandle, useRef} from 'react'
 import {styled} from 'styled-components'
-import {useCustomValidity, useArrayProp} from '../../hooks'
+
+import {useArrayProp, useCustomValidity} from '../../hooks'
 import {
   responsiveInputPaddingStyle,
   responsiveRadiusStyle,
   ResponsiveRadiusStyleProps,
-  TextInputResponsivePaddingStyleProps,
-  TextInputInputStyleProps,
-  TextInputRepresentationStyleProps,
-  textInputRootStyle,
   textInputBaseStyle,
   textInputFontSizeStyle,
+  TextInputInputStyleProps,
   textInputRepresentationStyle,
+  TextInputRepresentationStyleProps,
+  TextInputResponsivePaddingStyleProps,
+  textInputRootStyle,
 } from '../../styles/internal'
 import {useRootTheme} from '../../theme'
 import {ResponsiveRadiusProps} from '../types'

package/src/core/primitives/textInput/__workshop__/plain.tsx

@@ -4,12 +4,13 @@ import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
 import {PerfTestProps, usePerfTest} from '@sanity/ui-workshop/plugin-perf'
 import {fireEvent} from '@testing-library/dom'
 import {useCallback, useState} from 'react'
+
 import {
-  WORKSHOP_TEXT_FONT_SIZE_OPTIONS,
   WORKSHOP_FONT_WEIGHT_OPTIONS,
   WORKSHOP_ICON_SYMBOL_OPTIONS,
   WORKSHOP_RADIUS_OPTIONS,
   WORKSHOP_SPACE_OPTIONS,
+  WORKSHOP_TEXT_FONT_SIZE_OPTIONS,
 } from '../../../__workshop__/constants'
 
 const typingPerfTest: PerfTestProps<HTMLInputElement> = {

package/src/core/primitives/textInput/__workshop__/typed.tsx

@@ -1,6 +1,7 @@
 import {Box, Container, TextInput} from '@sanity/ui'
 import {useSelect} from '@sanity/ui-workshop'
 import {useCallback, useState} from 'react'
+
 import {WORKSHOP_TEXT_INPUT_TYPE_OPTIONS} from '../../../__workshop__/constants'
 
 export default function TypedStory() {

package/src/core/primitives/textInput/textInput.tsx

@@ -3,6 +3,7 @@ import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef, isValidElement, useCallback, useImperativeHandle, useMemo, useRef} from 'react'
 import {isValidElementType} from 'react-is'
 import {styled} from 'styled-components'
+
 import {EMPTY_RECORD} from '../../constants'
 import {useArrayProp, useCustomValidity} from '../../hooks'
 import {

package/src/core/primitives/tooltip/__workshop__/customPortal.tsx

@@ -11,6 +11,7 @@ import {
 } from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
 import {useMemo, useState} from 'react'
+
 import {WORKSHOP_PLACEMENT_OPTIONS} from '../../../__workshop__/constants'
 
 const PORTAL_OPTIONS = {

package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx

@@ -1,6 +1,7 @@
 import {BoundaryElementProvider, Button, Card, Code, Flex, Stack, Text, Tooltip} from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
 import {useCallback, useState} from 'react'
+
 import {WORKSHOP_PLACEMENT_OPTIONS} from '../../../__workshop__/constants'
 
 export default function OverflowingBoundaryStory() {

package/src/core/primitives/tooltip/__workshop__/props.tsx

@@ -1,5 +1,6 @@
-import {Button, Card, Flex, Text, Tooltip, TooltipDelayGroupProvider, Stack} from '@sanity/ui'
-import {useBoolean, useSelect, useText, useNumber} from '@sanity/ui-workshop'
+import {Button, Card, Flex, Stack, Text, Tooltip, TooltipDelayGroupProvider} from '@sanity/ui'
+import {useBoolean, useNumber, useSelect, useText} from '@sanity/ui-workshop'
+
 import {
   WORKSHOP_PLACEMENT_OPTIONS,
   WORKSHOP_SHADOW_OPTIONS,

package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx

@@ -1,6 +1,7 @@
 import {BoundaryElementProvider, Button, Card, Code, Flex, Text, Tooltip} from '@sanity/ui'
 import {useBoolean, useSelect, useText} from '@sanity/ui-workshop'
 import {useState} from 'react'
+
 import {WORKSHOP_PLACEMENT_OPTIONS} from '../../../__workshop__/constants'
 
 export default function ResizableBoundaryStory() {