@sanity/ui 3.0.0-static.29 → 3.0.0-static.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "3.0.0-static.29",
+  "version": "3.0.0-static.30",
   "keywords": [
     "react",
     "ui",

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

@@ -22,14 +22,14 @@ import {EMPTY_ARRAY, EMPTY_RECORD} from '../../constants'
 import {_raf} from '../../helpers/animation'
 import {_hasFocus, focusFirstDescendant} from '../../helpers/focus'
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
-import {Selectable} from '../../primitives/_selectable'
-import {Box, type BoxOwnProps} from '../../primitives/box'
-import {Button} from '../../primitives/button'
-import {Popover, type PopoverProps} from '../../primitives/popover'
+import {Box, type BoxOwnProps} from '../../primitives/box/box'
+import {Button} from '../../primitives/button/button'
+import {Popover, type PopoverProps} from '../../primitives/popover/popover'
+import {Selectable} from '../../primitives/selectable/selectable'
 import {AnimatedSpinnerIcon} from '../../primitives/spinner/animatedSpinnerIcon'
-import {Stack} from '../../primitives/stack'
-import {Text} from '../../primitives/text'
-import {TextInput, type TextInputOwnProps} from '../../primitives/textInput'
+import {Stack} from '../../primitives/stack/stack'
+import {Text} from '../../primitives/text/text'
+import {TextInput, type TextInputOwnProps} from '../../primitives/textInput/textInput'
 import type {ComponentType, Props} from '../../types/props'
 import {AutocompleteOption} from './autocompleteOption'
 import {autocompleteReducer} from './autocompleteReducer'

package/src/core/components/autocomplete/constants.ts

@@ -1,5 +1,3 @@
-// import type {Placement} from '../../types'
-
 import type {Placement} from '../../types/placement'
 
 /**

package/src/core/components/autocomplete/types.ts

@@ -1,4 +1,4 @@
-import type {ButtonProps} from '../../primitives/button'
+import type {ButtonProps} from '../../primitives/button/button'
 
 /** @public */
 export type AutocompleteOpenButtonProps = Omit<ButtonProps<'button'>, 'as'>

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

@@ -12,12 +12,12 @@ import {
 } from 'react'
 
 import {useClickOutsideEvent} from '../../hooks/useClickOutsideEvent'
-import {Box} from '../../primitives/box'
-import {Button, type ButtonProps} from '../../primitives/button'
-import {Flex} from '../../primitives/flex'
-import {Popover} from '../../primitives/popover'
-import {Stack} from '../../primitives/stack'
-import {Text} from '../../primitives/text'
+import {Box} from '../../primitives/box/box'
+import {Button, type ButtonProps} from '../../primitives/button/button'
+import {Flex} from '../../primitives/flex/flex'
+import {Popover} from '../../primitives/popover/popover'
+import {Stack} from '../../primitives/stack/stack'
+import {Text} from '../../primitives/text/text'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @beta */

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

@@ -1,5 +1,6 @@
 import {
   Button,
+  Dialog,
   Flex,
   Layer,
   LayerProvider,
@@ -11,8 +12,6 @@ import {
 } from '@sanity/ui'
 import {useState} from 'react'
 
-import {Dialog} from '../dialog'
-
 export default function LayeringFocusStory() {
   const [firstDialogOpen, setFirstDialogOpen] = useState<boolean>(false)
   const [secondDialogOpen, setSecondDialogOpen] = useState<boolean>(false)

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

@@ -12,12 +12,13 @@ import {isHTMLElement} from '../../helpers/element'
 import {focusFirstDescendant, focusLastDescendant} from '../../helpers/focus'
 import {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
-import type {CardTone} from '../../primitives/card'
-import {Container} from '../../primitives/container'
-import {Layer, type LayerOwnProps, type LayerProps} from '../../primitives/layer'
+import type {CardTone} from '../../primitives/card/types'
+import {Container} from '../../primitives/container/container'
+import {Layer, type LayerOwnProps, type LayerProps} from '../../primitives/layer/layer'
 import type {ComponentType, Props} from '../../types/props'
-import {useBoundaryElement} from '../../utils/boundaryElement'
-import {Portal, usePortal} from '../../utils/portal'
+import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
+import {Portal} from '../../utils/portal/portal'
+import {usePortal} from '../../utils/portal/usePortal'
 import {DialogCard} from './dialogCard'
 import {isTargetWithinScope} from './isTargetWithinScope'
 import type {DialogPosition} from './types'

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

@@ -21,15 +21,15 @@ import {
 import {focusFirstDescendant} from '../../helpers/focus'
 import {useClickOutsideEvent} from '../../hooks/useClickOutsideEvent'
 import {useGlobalKeyDown} from '../../hooks/useGlobalKeyDown'
-import {Box} from '../../primitives/box'
-import {Button} from '../../primitives/button'
-import {Card, type CardElementType, type CardOwnProps} from '../../primitives/card'
-import {Flex} from '../../primitives/flex'
-import {useLayer} from '../../primitives/layer'
-import {Text} from '../../primitives/text'
+import {Box} from '../../primitives/box/box'
+import {Button} from '../../primitives/button/button'
+import {Card, type CardElementType, type CardOwnProps} from '../../primitives/card/card'
+import {Flex} from '../../primitives/flex/flex'
+import {useLayer} from '../../primitives/layer/useLayer'
+import {Text} from '../../primitives/text/text'
 import type {Props} from '../../types/props'
-import {useBoundaryElement} from '../../utils/boundaryElement'
-import {usePortal} from '../../utils/portal'
+import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
+import {usePortal} from '../../utils/portal/usePortal'
 import {isTargetWithinScope} from './isTargetWithinScope'
 
 /** @internal */

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

@@ -1,8 +1,8 @@
 import type {GapStyleProps, RadiusStyleProps, ResponsiveProp} from '@sanity/ui/css'
 import type {FontTextSize, Space} from '@sanity/ui/theme'
 
-import {Box} from '../../primitives/box'
-import {KBD} from '../../primitives/kbd'
+import {Box} from '../../primitives/box/box'
+import {KBD} from '../../primitives/kbd/kbd'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @public */

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

@@ -7,14 +7,13 @@ import {
   Flex,
   Menu,
   MenuButton,
+  type MenuButtonProps,
   MenuItem,
   type SelectableTone,
   Text,
 } from '@sanity/ui'
 import {useState} from 'react'
 
-import type {MenuButtonProps} from '../menuButton'
-
 const POPOVER_PROPS: MenuButtonProps['popover'] = {
   constrainSize: true,
   placement: 'bottom',

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

@@ -1,11 +1,7 @@
-import {Button, Flex, LayerProvider, Popover} from '@sanity/ui'
+import {Button, Flex, LayerProvider, Menu, MenuDivider, MenuItem, Popover} from '@sanity/ui'
 import {useSelect} from '@sanity/ui-workshop'
 import {Fragment, useCallback, useState} from 'react'
 
-import {Menu} from '../menu'
-import {MenuDivider} from '../menuDivider'
-import {MenuItem} from '../menuItem'
-
 const ITEMS = [...Array(8).keys()].map((num) => ({
   title: `Item ${num + 1}`,
   divider: num === 3,

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

@@ -4,9 +4,9 @@ import {useCallback, useEffect, useImperativeHandle, useMemo, useRef} from 'reac
 
 import {useClickOutsideEvent} from '../../hooks/useClickOutsideEvent'
 import {useGlobalKeyDown} from '../../hooks/useGlobalKeyDown'
-import {Box} from '../../primitives/box'
-import {useLayer} from '../../primitives/layer'
-import {Stack} from '../../primitives/stack'
+import {Box} from '../../primitives/box/box'
+import {useLayer} from '../../primitives/layer/useLayer'
+import {Stack} from '../../primitives/stack/stack'
 import type {ComponentType, Props} from '../../types/props'
 import {MenuContext, type MenuContextValue} from './menuContext'
 import {useMenuController} from './useMenuController'

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

@@ -14,8 +14,8 @@ import {
   useState,
 } from 'react'
 
-import type {ButtonProps} from '../../primitives/button'
-import {Popover, type PopoverProps} from '../../primitives/popover'
+import type {ButtonProps} from '../../primitives/button/button'
+import {Popover, type PopoverProps} from '../../primitives/popover/popover'
 import type {Placement} from '../../types/placement'
 import type {Props} from '../../types/props'
 import type {MenuProps} from './menu'

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

@@ -13,11 +13,11 @@ import {
 } from 'react'
 import {isValidElementType} from 'react-is'
 
-import {Selectable} from '../../primitives/_selectable'
-import {Box} from '../../primitives/box'
-import {Flex} from '../../primitives/flex'
-import {Popover, type PopoverProps} from '../../primitives/popover'
-import {Text} from '../../primitives/text'
+import {Box} from '../../primitives/box/box'
+import {Flex} from '../../primitives/flex/flex'
+import {Popover, type PopoverProps} from '../../primitives/popover/popover'
+import {Selectable} from '../../primitives/selectable/selectable'
+import {Text} from '../../primitives/text/text'
 import type {ComponentType, Props} from '../../types/props'
 import {DEFAULT_MENU_ELEMENT, Menu, type MenuProps} from './menu'
 import {useMenu} from './useMenu'

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

@@ -19,12 +19,12 @@ import {
 } from 'react'
 import {isValidElementType} from 'react-is'
 
-import {Selectable} from '../../primitives/_selectable'
-import {Box} from '../../primitives/box'
-import {Flex} from '../../primitives/flex'
-import {Text} from '../../primitives/text'
+import {Box} from '../../primitives/box/box'
+import {Flex} from '../../primitives/flex/flex'
+import {Selectable} from '../../primitives/selectable/selectable'
+import {Text} from '../../primitives/text/text'
 import type {ComponentType, Props} from '../../types/props'
-import {Hotkeys} from '../hotkeys'
+import {Hotkeys} from '../hotkeys/hotkeys'
 import {useMenu} from './useMenu'
 
 /** @public */

package/src/core/components/tab/tab.tsx

@@ -10,7 +10,7 @@ import {
   useRef,
 } from 'react'
 
-import {Button} from '../../primitives/button'
+import {Button} from '../../primitives/button/button'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @public */

package/src/core/components/tab/tabList.tsx

@@ -9,7 +9,7 @@ import {
   useState,
 } from 'react'
 
-import {Flex, type FlexOwnProps} from '../../primitives/flex'
+import {Flex, type FlexOwnProps} from '../../primitives/flex/flex'
 import type {ComponentType, Props} from '../../types/props'
 import type {TabProps} from './tab'
 

package/src/core/components/tab/tabPanel.tsx

@@ -1,4 +1,4 @@
-import {Box, type BoxOwnProps} from '../../primitives/box'
+import {Box, type BoxOwnProps} from '../../primitives/box/box'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @public */

package/src/core/components/toast/toast.tsx

@@ -4,12 +4,12 @@ import {motion, type Variant, type Variants} from 'framer-motion'
 import {type ReactNode} from 'react'
 
 import {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'
-import {Box} from '../../primitives/box'
-import {Button} from '../../primitives/button'
-import {Card} from '../../primitives/card'
-import {Flex} from '../../primitives/flex'
-import {Stack} from '../../primitives/stack'
-import {Text} from '../../primitives/text'
+import {Box} from '../../primitives/box/box'
+import {Button} from '../../primitives/button/button'
+import {Card} from '../../primitives/card/card'
+import {Flex} from '../../primitives/flex/flex'
+import {Stack} from '../../primitives/stack/stack'
+import {Text} from '../../primitives/text/text'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @internal */

package/src/core/components/toast/toastLayer.tsx

@@ -1,7 +1,7 @@
 import {type GapStyleProps, type PaddingStyleProps, toastLayer} from '@sanity/ui/css'
 
-import {Grid} from '../../primitives/grid'
-import {useLayer} from '../../primitives/layer'
+import {Grid} from '../../primitives/grid/grid'
+import {useLayer} from '../../primitives/layer/useLayer'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @internal */

package/src/core/components/toast/toastProvider.tsx

@@ -3,7 +3,7 @@ import {AnimatePresence} from 'framer-motion'
 import {startTransition, useMemo, useState} from 'react'
 
 import {useMounted} from '../../hooks/useMounted'
-import {LayerProvider} from '../../primitives/layer'
+import {LayerProvider} from '../../primitives/layer/layerProvider'
 import {Toast} from './toast'
 import {ToastContext} from './toastContext'
 import {ToastLayer, type ToastLayerProps} from './toastLayer'

package/src/core/components/tree/tree.tsx

@@ -11,7 +11,7 @@ import {
   useState,
 } from 'react'
 
-import {Stack} from '../../primitives/stack'
+import {Stack} from '../../primitives/stack/stack'
 import type {ComponentType, Props} from '../../types/props'
 import {_findNextItemElement, _findPrevItemElement, _focusItemElement} from './helpers'
 import {TreeContext} from './treeContext'

package/src/core/components/tree/treeGroup.tsx

@@ -1,6 +1,6 @@
 import {memo, type ReactElement} from 'react'
 
-import {Stack} from '../../primitives/stack'
+import {Stack} from '../../primitives/stack/stack'
 import type {ComponentType, Props} from '../../types/props'
 import {useTree} from './useTree'
 

package/src/core/components/tree/treeItem.tsx

@@ -15,11 +15,11 @@ import {
   useRef,
 } from 'react'
 
-import {Selectable, type SelectableElementType} from '../../primitives/_selectable'
-import {Box, type BoxProps} from '../../primitives/box'
-import type {CardOwnProps} from '../../primitives/card'
-import {Flex} from '../../primitives/flex'
-import {Text} from '../../primitives/text'
+import {Box, type BoxProps} from '../../primitives/box/box'
+import type {CardOwnProps} from '../../primitives/card/card'
+import {Flex} from '../../primitives/flex/flex'
+import {Selectable, type SelectableElementType} from '../../primitives/selectable/selectable'
+import {Text} from '../../primitives/text/text'
 import type {ComponentType, Props} from '../../types/props'
 import {TreeContext} from './treeContext'
 import {TreeGroup} from './treeGroup'

package/src/core/components/virtualList/virtualList.tsx

@@ -12,7 +12,7 @@ import {
 
 import {_isScrollable} from '../../helpers/scroll'
 import {_ResizeObserver} from '../../observers/resize'
-import {Box} from '../../primitives/box'
+import {Box} from '../../primitives/box/box'
 import type {ComponentType, Props} from '../../types/props'
 
 /** @beta */

package/src/core/index.ts

@@ -1,16 +1,40 @@
-export * from './_compat'
+// compat
+export * from './_compat/helpers'
+export * from './_compat/styles/_responsive'
+export * from './_compat/theme/themeColorProvider'
+export * from './_compat/theme/themeProvider'
+export * from './_compat/theme/types'
+export * from './_compat/theme/useRootTheme'
+export * from './_compat/theme/useTheme'
+export * from './_compat/types'
 
 // components
 export * from './components/autocomplete/autocomplete'
 export * from './components/autocomplete/types'
-export * from './components/breadcrumbs'
-export * from './components/dialog'
-export * from './components/hotkeys'
-export * from './components/menu'
-export * from './components/tab'
-export * from './components/toast'
-export * from './components/tree'
-export * from './components/virtualList'
+export * from './components/breadcrumbs/breadcrumbs'
+export * from './components/dialog/dialog'
+export * from './components/dialog/dialogContext'
+export * from './components/dialog/dialogProvider'
+export * from './components/dialog/types'
+export * from './components/dialog/useDialog'
+export * from './components/hotkeys/hotkeys'
+export * from './components/menu/menu'
+export * from './components/menu/menuButton'
+export * from './components/menu/menuDivider'
+export * from './components/menu/menuGroup'
+export * from './components/menu/menuItem'
+export * from './components/tab/tab'
+export * from './components/tab/tabList'
+export * from './components/tab/tabPanel'
+export * from './components/toast/toast'
+export * from './components/toast/toastProvider'
+export * from './components/toast/types'
+export * from './components/toast/useToast'
+export * from './components/tree/tree'
+export * from './components/tree/treeItem'
+export * from './components/tree/types'
+export * from './components/tree/useTree'
+export * from './components/virtualList/virtualList'
 
 // helpers
 export * from './helpers/animation'
@@ -24,12 +48,12 @@ export * from './hooks/useArrayProp'
 export * from './hooks/useClickOutside'
 export * from './hooks/useClickOutsideEvent'
 export * from './hooks/useCustomValidity'
-export * from './hooks/useElementRect'
+export * from './hooks/useElementRect/useElementRect'
 export * from './hooks/useElementSize'
 export * from './hooks/useForwardedRef'
 export * from './hooks/useGlobalKeyDown'
 export * from './hooks/useMatchMedia'
-export * from './hooks/useMediaIndex'
+export * from './hooks/useMediaIndex/useMediaIndex'
 export * from './hooks/usePrefersDark'
 export * from './hooks/usePrefersReducedMotion'
 export * from './hooks/useResponsiveProp'
@@ -39,43 +63,70 @@ export * from './observers/elementSize'
 export * from './observers/resize'
 
 // primitives
-export * from './primitives/_selectable'
-export * from './primitives/arrow'
-export * from './primitives/avatar'
-export * from './primitives/badge'
-export * from './primitives/box'
-export * from './primitives/button'
-export * from './primitives/card'
-export * from './primitives/checkbox'
-export * from './primitives/code'
-export * from './primitives/container'
-export * from './primitives/flex'
-export * from './primitives/grid'
-export * from './primitives/heading'
-export * from './primitives/inline'
-export * from './primitives/kbd'
-export * from './primitives/label'
-export * from './primitives/layer'
-export * from './primitives/popover'
-export * from './primitives/radio'
-export * from './primitives/root'
-export * from './primitives/select'
-export * from './primitives/skeleton'
-export * from './primitives/spinner'
-export * from './primitives/srOnly'
-export * from './primitives/stack'
-export * from './primitives/switch'
-export * from './primitives/text'
-export * from './primitives/textArea'
-export * from './primitives/textInput'
-export * from './primitives/tooltip'
+export * from './primitives/arrow/arrow'
+export * from './primitives/avatar/avatar'
+export * from './primitives/avatar/avatarCounter'
+export * from './primitives/avatar/avatarStack'
+export * from './primitives/avatar/types'
+export * from './primitives/badge/badge'
+export * from './primitives/box/box'
+export * from './primitives/box/types'
+export * from './primitives/button/button'
+export * from './primitives/button/types'
+export * from './primitives/card/card'
+export * from './primitives/card/cardProvider'
+export * from './primitives/card/types'
+export * from './primitives/card/useCard'
+export * from './primitives/checkbox/checkbox'
+export * from './primitives/code/code'
+export * from './primitives/container/container'
+export * from './primitives/container/types'
+export * from './primitives/flex/flex'
+export * from './primitives/flex/types'
+export * from './primitives/grid/grid'
+export * from './primitives/grid/types'
+export * from './primitives/heading/heading'
+export * from './primitives/inline/inline'
+export * from './primitives/kbd/kbd'
+export * from './primitives/label/label'
+export * from './primitives/layer/layer'
+export * from './primitives/layer/layerProvider'
+export * from './primitives/layer/types'
+export * from './primitives/layer/useLayer'
+export * from './primitives/popover/popover'
+export * from './primitives/popover/types'
+export * from './primitives/radio/radio'
+export * from './primitives/root/Root'
+export * from './primitives/root/RootProvider'
+export * from './primitives/select/select'
+export * from './primitives/selectable/selectable'
+export * from './primitives/selectable/types'
+export * from './primitives/skeleton/codeSkeleton'
+export * from './primitives/skeleton/headingSkeleton'
+export * from './primitives/skeleton/labelSkeleton'
+export * from './primitives/skeleton/skeleton'
+export * from './primitives/skeleton/textSkeleton'
+export * from './primitives/spinner/spinner'
+export * from './primitives/srOnly/srOnly'
+export * from './primitives/stack/stack'
+export * from './primitives/switch/switch'
+export * from './primitives/text/text'
+export * from './primitives/textArea/textArea'
+export * from './primitives/textInput/textInput'
+export * from './primitives/tooltip/tooltip'
+export * from './primitives/tooltip/tooltipDelayGroup'
 export * from './primitives/types'
 
 // utils
-export * from './utils/boundaryElement'
-export * from './utils/elementQuery'
+export * from './utils/boundaryElement/boundaryElementProvider'
+export * from './utils/boundaryElement/types'
+export * from './utils/boundaryElement/useBoundaryElement'
+export * from './utils/elementQuery/elementQuery'
 export * from './utils/errorBoundary'
-export * from './utils/portal'
+export * from './utils/portal/portal'
+export * from './utils/portal/portalProvider'
+export * from './utils/portal/types'
+export * from './utils/portal/usePortal'
 
 // types
 export * from './types/gridItem'

package/src/core/primitives/avatar/__workshop__/withinButton.tsx

@@ -1,14 +1,6 @@
+import {Avatar, AvatarStack, Box, Button, Container, Flex, Stack, Text} from '@sanity/ui'
 import {useBoolean} from '@sanity/ui-workshop'
 
-import {Box} from '../../box'
-import {Button} from '../../button'
-import {Container} from '../../container'
-import {Flex} from '../../flex'
-import {Stack} from '../../stack'
-import {Text} from '../../text'
-import {Avatar} from '../avatar'
-import {AvatarStack} from '../avatarStack'
-
 export default function WithinButtonStory() {
   const disabled = useBoolean('Disabled', false)
 

package/src/core/primitives/avatar/avatar.tsx

@@ -11,8 +11,8 @@ import {useCallback, useEffect, useMemo, useState} from 'react'
 
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import type {ComponentType, Props} from '../../types/props'
-import {Box} from '../box'
-import {Label} from '../label'
+import {Box} from '../box/box'
+import {Label} from '../label/label'
 import type {AvatarPosition, AvatarStatus} from './types'
 
 /** @public */

package/src/core/primitives/avatar/avatarCounter.tsx

@@ -4,8 +4,8 @@ import {useMemo} from 'react'
 
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import type {ComponentType, Props} from '../../types/props'
-import {Box} from '../box'
-import {Label} from '../label'
+import {Box} from '../box/box'
+import {Label} from '../label/label'
 
 /** @public */
 export const DEFAULT_AVATAR_COUNTER_ELEMENT = 'span'

package/src/core/primitives/avatar/avatarStack.tsx

@@ -4,7 +4,7 @@ import {Children, cloneElement, Fragment, isValidElement, type ReactElement} fro
 
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import type {ComponentType, Props} from '../../types/props'
-import {Box, type BoxOwnProps} from '../box'
+import {Box, type BoxOwnProps} from '../box/box'
 import type {AvatarProps} from './avatar'
 import {AvatarCounter} from './avatarCounter'
 

package/src/core/primitives/badge/badge.tsx

@@ -3,8 +3,8 @@ import {badge} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {ComponentType, Props} from '../../types/props'
-import {Box} from '../box'
-import {Text} from '../text'
+import {Box} from '../box/box'
+import {Text} from '../text/text'
 import type {BadgeTone} from './types'
 
 /** @public */

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

@@ -1,13 +1,7 @@
 import {SquareIcon} from '@sanity/icons'
+import {Button, Card, Container, Grid, Stack, Text} from '@sanity/ui'
 import {useBoolean} from '@sanity/ui-workshop'
 
-import {Card} from '../../card/card'
-import {Container} from '../../container/container'
-import {Grid} from '../../grid/grid'
-import {Stack} from '../../stack/stack'
-import {Text} from '../../text/text'
-import {Button} from '../button'
-
 const GAP = 4
 const COLUMNS = 3
 

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

@@ -13,10 +13,9 @@ import {type ElementType as ReactElementType, isValidElement, type ReactNode} fr
 import {isValidElementType} from 'react-is'
 
 import type {ComponentType, Props} from '../../types/props'
-import {Box} from '../box'
-import {Spinner} from '../spinner'
-import type {TextOwnProps} from '../text'
-import {Text} from '../text'
+import {Box} from '../box/box'
+import {Spinner} from '../spinner/spinner'
+import {Text, type TextOwnProps} from '../text/text'
 import type {ButtonTextAlign} from './types'
 
 /** @public */