@sanity/ui 4.0.0-static.22 → 4.0.0-static.24

package/src/core/primitives/checkbox/__workshop__/index.ts

@@ -5,10 +5,10 @@ const scope: WorkshopScope = {
   name: 'primitives/checkbox',
   title: 'Checkbox',
   stories: [
-    {name: 'props', title: 'Props', component: lazy(() => import('./props'))},
-    {name: 'example', title: 'Example', component: lazy(() => import('./example'))},
-    {name: 'read-only', title: 'Read-only', component: lazy(() => import('./readOnly'))},
-    {name: 'multiple-tones', title: 'Multiple tones', component: lazy(() => import('./tones'))},
+    {name: 'props', title: 'Props', component: lazy(() => import('./Props'))},
+    {name: 'example', title: 'Example', component: lazy(() => import('./Example'))},
+    {name: 'read-only', title: 'Read-only', component: lazy(() => import('./ReadOnly'))},
+    {name: 'multiple-tones', title: 'Multiple tones', component: lazy(() => import('./Tones'))},
   ],
 }
 

package/src/core/primitives/code/{code.tsx → Code.tsx}

@@ -4,7 +4,7 @@ import {lazy, Suspense} from 'react'
 
 import type {ComponentType, Props} from '../../types'
 
-const LazyRefractor = lazy(() => import('./refractor'))
+const LazyRefractor = lazy(() => import('./Refractor'))
 
 /** @public */
 export const DEFAULT_CODE_ELEMENT = 'pre'

package/src/core/primitives/code/__workshop__/index.ts

@@ -8,12 +8,12 @@ const scope: WorkshopScope = {
     {
       name: 'props',
       title: 'Props',
-      component: lazy(() => import('./props')),
+      component: lazy(() => import('./Props')),
     },
     {
       name: 'optical-alignment',
       title: 'Optical alignment',
-      component: lazy(() => import('./opticalAlignment')),
+      component: lazy(() => import('./OpticalAlignment')),
     },
   ],
 }

package/src/core/primitives/container/{container.tsx → Container.tsx}

@@ -1,7 +1,7 @@
 import {container, type ContainerStyleProps} from '@sanity/ui/css'
 
 import type {Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
 
 /** @public */
 export const DEFAULT_CONTAINER_ELEMENT = 'div'

package/src/core/primitives/container/__workshop__/index.ts

@@ -4,7 +4,7 @@ import {lazy} from 'react'
 const scope: WorkshopScope = {
   name: 'primitives/container',
   title: 'Container',
-  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./example'))}],
+  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./Example'))}],
 }
 
 export default scope

package/src/core/primitives/flex/{flex.tsx → Flex.tsx}

@@ -7,7 +7,7 @@ import type {
 } from '@sanity/ui/css'
 
 import type {Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
 
 /** @public */
 export const DEFAULT_FLEX_ELEMENT = 'div'

package/src/core/primitives/flex/__workshop__/index.ts

@@ -5,8 +5,8 @@ const scope: WorkshopScope = {
   name: 'primitives/flex',
   title: 'Flex',
   stories: [
-    {name: 'plain', title: 'Plain', component: lazy(() => import('./example'))},
-    {name: 'gap', title: 'Gap', component: lazy(() => import('./gap'))},
+    {name: 'plain', title: 'Plain', component: lazy(() => import('./Example'))},
+    {name: 'gap', title: 'Gap', component: lazy(() => import('./Gap'))},
   ],
 }
 

package/src/core/primitives/grid/{grid.tsx → Grid.tsx}

@@ -1,5 +1,5 @@
 import type {Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
 
 /** @public */
 export const DEFAULT_GRID_ELEMENT = 'div'

package/src/core/primitives/grid/__workshop__/index.ts

@@ -5,7 +5,7 @@ const scope: WorkshopScope = {
   name: 'primitives/grid',
   title: 'Grid',
   stories: [
-    {name: 'responsive', title: 'Responsive', component: lazy(() => import('./responsive'))},
+    {name: 'responsive', title: 'Responsive', component: lazy(() => import('./Responsive'))},
   ],
 }
 

package/src/core/primitives/heading/__workshop__/index.ts

@@ -8,12 +8,12 @@ const scope: WorkshopScope = {
     {
       name: 'plain',
       title: 'Plain',
-      component: lazy(() => import('./plain')),
+      component: lazy(() => import('./Plain')),
     },
     {
       name: 'optical-alignment',
       title: 'Optical alignment',
-      component: lazy(() => import('./opticalAlignment')),
+      component: lazy(() => import('./OpticalAlignment')),
     },
   ],
 }

package/src/core/primitives/inline/{inline.tsx → Inline.tsx}

@@ -1,5 +1,5 @@
 import type {Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
 
 /** @public */
 export const DEFAULT_INLINE_ELEMENT = 'div'

package/src/core/primitives/inline/__workshop__/index.ts

@@ -4,7 +4,7 @@ import {lazy} from 'react'
 const scope: WorkshopScope = {
   name: 'primitives/inline',
   title: 'Inline',
-  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./plain'))}],
+  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./Plain'))}],
 }
 
 export default scope

package/src/core/primitives/kbd/{kbd.tsx → Kbd.tsx}

@@ -2,8 +2,8 @@ import {kbd, type RadiusStyleProps, type ResponsiveProp} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {ComponentType, Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
-import {Text} from '../text/text'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
+import {Text} from '../text/Text'
 
 /** @public */
 export const DEFAULT_KBD_ELEMENT = 'kbd'

package/src/core/primitives/kbd/__workshop__/index.ts

@@ -4,7 +4,7 @@ import {lazy} from 'react'
 const scope: WorkshopScope = {
   name: 'primitives/kbd',
   title: 'KBD',
-  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./plain'))}],
+  stories: [{name: 'plain', title: 'Plain', component: lazy(() => import('./Plain'))}],
 }
 
 export default scope

package/src/core/primitives/label/__workshop__/index.ts

@@ -8,12 +8,12 @@ const scope: WorkshopScope = {
     {
       name: 'plain',
       title: 'Plain',
-      component: lazy(() => import('./plain')),
+      component: lazy(() => import('./Plain')),
     },
     {
       name: 'optical-alignment',
       title: 'Optical alignment',
-      component: lazy(() => import('./opticalAlignment')),
+      component: lazy(() => import('./OpticalAlignment')),
     },
   ],
 }

package/src/core/primitives/layer/{layer.test.tsx → Layer.test.tsx}

@@ -2,7 +2,7 @@ import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '$test/utils'
 
-import {LayerContext} from './layerContext'
+import {LayerContext} from './LayerContext'
 import type {LayerContextValue} from './types'
 import {useLayer} from './useLayer'
 

package/src/core/primitives/layer/{layer.tsx → Layer.tsx}

@@ -1,9 +1,9 @@
 import type {ResponsiveProp} from '@sanity/ui/css'
 
-import type {CardElementType, CardOwnProps} from '../../primitives/card/card'
+import type {CardElementType, CardOwnProps} from '../../primitives/card/Card'
 import type {Props} from '../../types'
-import {LayerCard} from './layerCard'
-import {LayerProvider} from './layerProvider'
+import {LayerCard} from './LayerCard'
+import {LayerProvider} from './LayerProvider'
 
 /** @public */
 export const DEFAULT_LAYER_ELEMENT = 'div'

package/src/core/primitives/layer/{layerCard.tsx → LayerCard.tsx}

@@ -2,9 +2,9 @@ import {type FocusEvent, useCallback, useEffect, useImperativeHandle, useRef} fr
 
 import {EMPTY_RECORD} from '../../constants'
 import {containsOrEqualsElement, isHTMLElement} from '../../helpers/element'
-import {Card, type CardElementType} from '../../primitives/card/card'
+import {Card, type CardElementType} from '../../primitives/card/Card'
 import type {Props} from '../../types'
-import type {LayerElementType, LayerOwnProps} from './layer'
+import type {LayerElementType, LayerOwnProps} from './Layer'
 import {useLayer} from './useLayer'
 
 /** @internal */

package/src/core/primitives/layer/{layerProvider.tsx → LayerProvider.tsx}

@@ -1,10 +1,10 @@
 import type {Breakpoint, ResponsiveProp} from '@sanity/ui/css'
-import {type ReactNode, useCallback, useContext, useEffect, useMemo, useState} from 'react'
+import {type ReactNode, use, useCallback, useEffect, useMemo, useState} from 'react'
 
 import {useMediaIndex} from '../../hooks/useMediaIndex/useMediaIndex'
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import {getLayerContext} from './getLayerContext'
-import {LayerContext} from './layerContext'
+import {LayerContext} from './LayerContext'
 import type {LayerContextValue} from './types'
 
 /** @public */
@@ -18,7 +18,7 @@ export function LayerProvider(props: LayerProviderProps): React.JSX.Element {
   const {children, zOffset: zOffsetProp = 0} = props
 
   // Get parent context values
-  const parentContextValue = useContext(LayerContext)
+  const parentContextValue = use(LayerContext)
   const parent = parentContextValue && getLayerContext(parentContextValue)
   const parentRegisterChild = parent?.registerChild
   const parentLevel = parent?.level ?? 0

package/src/core/primitives/layer/__workshop__/index.ts

@@ -8,17 +8,17 @@ const scope: WorkshopScope = {
     {
       name: 'nested',
       title: 'Nested',
-      component: lazy(() => import('./nested')),
+      component: lazy(() => import('./Nested')),
     },
     {
       name: 'multiple-roots',
       title: 'Multiple roots',
-      component: lazy(() => import('./multipleRoots')),
+      component: lazy(() => import('./MultipleRoots')),
     },
     {
       name: 'responsive-z-offset',
       title: 'Responsive z-offset',
-      component: lazy(() => import('./responsiveZOffset')),
+      component: lazy(() => import('./ResponsiveZOffset')),
     },
   ],
 }

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

@@ -1,12 +1,12 @@
-import {useContext} from 'react'
+import {use} from 'react'
 
 import {getLayerContext} from './getLayerContext'
-import {LayerContext} from './layerContext'
+import {LayerContext} from './LayerContext'
 import type {LayerContextValue} from './types'
 
 /** @public */
 export function useLayer(): LayerContextValue {
-  const value = useContext(LayerContext)
+  const value = use(LayerContext)
 
   if (!value) {
     throw new Error('useLayer(): missing context value')

package/src/core/primitives/popover/{popover.tsx → Popover.tsx}

@@ -32,10 +32,10 @@ import {origin} from '../../middleware/origin'
 import type {ComponentType, Placement, Props} from '../../types'
 import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
 import {getElementRef} from '../../utils/getElementRef'
-import {Portal} from '../../utils/portal/portal'
-import {CardProvider} from '../card/cardProvider'
+import {Portal} from '../../utils/portal/Portal'
+import {CardProvider} from '../card/CardProvider'
 import {useCard} from '../card/useCard'
-import {type LayerOwnProps} from '../layer/layer'
+import {type LayerOwnProps} from '../layer/Layer'
 import {useLayer} from '../layer/useLayer'
 import {
   DEFAULT_FALLBACK_PLACEMENTS,
@@ -44,7 +44,7 @@ import {
   DEFAULT_POPOVER_PADDING,
 } from './constants'
 import {size} from './floating-ui/size'
-import {PopoverLayer} from './popoverLayer'
+import {PopoverLayer} from './PopoverLayer'
 import type {PopoverMargins, PopoverUpdateCallback} from './types'
 
 /** @public */

package/src/core/primitives/popover/{popoverLayer.tsx → PopoverLayer.tsx}

@@ -5,9 +5,9 @@ import {type CSSProperties, type ForwardedRef, useMemo} from 'react'
 
 import {POPOVER_MOTION_PROPS} from '../../constants'
 import type {Placement} from '../../types'
-import {Arrow} from '../arrow/arrow'
-import {Flex} from '../flex/flex'
-import {Layer, type LayerOwnProps, type LayerProps} from '../layer/layer'
+import {Arrow} from '../arrow/Arrow'
+import {Flex} from '../flex/Flex'
+import {Layer, type LayerOwnProps, type LayerProps} from '../layer/Layer'
 import {
   DEFAULT_POPOVER_ARROW_HEIGHT,
   DEFAULT_POPOVER_ARROW_RADIUS,

package/src/core/primitives/radio/__workshop__/index.ts

@@ -5,8 +5,8 @@ const scope: WorkshopScope = {
   name: 'primitives/radio',
   title: 'Radio',
   stories: [
-    {name: 'plain', title: 'Plain', component: lazy(() => import('./plain'))},
-    {name: 'example', title: 'Example', component: lazy(() => import('./example'))},
+    {name: 'plain', title: 'Plain', component: lazy(() => import('./Plain'))},
+    {name: 'example', title: 'Example', component: lazy(() => import('./Example'))},
   ],
 }
 

package/src/core/primitives/select/{select.tsx → Select.tsx}

@@ -4,8 +4,8 @@ import {useImperativeHandle, useRef} from 'react'
 
 import {useCustomValidity} from '../../hooks/useCustomValidity'
 import type {ComponentType, Props} from '../../types'
-import {Box} from '../box/box'
-import {Text} from '../text/text'
+import {Box} from '../box/Box'
+import {Text} from '../text/Text'
 
 /** @public */
 export const DEFAULT_SELECT_ELEMENT = 'select'

package/src/core/primitives/select/__workshop__/index.ts

@@ -5,8 +5,8 @@ const scope: WorkshopScope = {
   name: 'primitives/select',
   title: 'Select',
   stories: [
-    {name: 'plain', title: 'Plain', component: lazy(() => import('./plain'))},
-    {name: 'read-only', title: 'Read-only', component: lazy(() => import('./readOnly'))},
+    {name: 'plain', title: 'Plain', component: lazy(() => import('./Plain'))},
+    {name: 'read-only', title: 'Read-only', component: lazy(() => import('./ReadOnly'))},
   ],
 }
 

package/src/core/primitives/selectable/{selectable.tsx → Selectable.tsx}

@@ -2,7 +2,7 @@ import {_selectable, type SelectableStyleProps} from '@sanity/ui/css'
 import type {ElementTone} from '@sanity/ui/theme'
 
 import type {ComponentType, Props} from '../../types'
-import {Box, type BoxOwnProps} from '../box/box'
+import {Box, type BoxOwnProps} from '../box/Box'
 
 /** @internal */
 export const DEFAULT_SELECTABLE_ELEMENT = 'button'

package/src/core/primitives/skeleton/{codeSkeleton.tsx → CodeSkeleton.tsx}

@@ -2,7 +2,7 @@ import {codeSkeleton, type ResponsiveProp} from '@sanity/ui/css'
 import type {FontCodeSize} from '@sanity/ui/theme'
 
 import type {Props} from '../../types'
-import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './skeleton'
+import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './Skeleton'
 
 /** @beta */
 export const DEFAULT_CODE_SKELETON_ELEMENT = 'div'

package/src/core/primitives/skeleton/{headingSkeleton.tsx → HeadingSkeleton.tsx}

@@ -2,7 +2,7 @@ import {headingSkeleton, type ResponsiveProp} from '@sanity/ui/css'
 import type {FontHeadingSize} from '@sanity/ui/theme'
 
 import type {Props} from '../../types'
-import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './skeleton'
+import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './Skeleton'
 
 /** @beta */
 export const DEFAULT_HEADING_SKELETON_ELEMENT = 'div'

package/src/core/primitives/skeleton/{labelSkeleton.tsx → LabelSkeleton.tsx}

@@ -2,7 +2,7 @@ import {labelSkeleton, type ResponsiveProp} from '@sanity/ui/css'
 import type {FontLabelSize} from '@sanity/ui/theme'
 
 import type {Props} from '../../types'
-import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './skeleton'
+import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './Skeleton'
 
 /** @beta */
 export const DEFAULT_LABEL_SKELETON_ELEMENT = 'div'

package/src/core/primitives/skeleton/{textSkeleton.tsx → TextSkeleton.tsx}

@@ -2,7 +2,7 @@ import {type ResponsiveProp, textSkeleton} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {Props} from '../../types'
-import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './skeleton'
+import {Skeleton, type SkeletonElementType, type SkeletonOwnProps} from './Skeleton'
 
 /** @beta */
 export const DEFAULT_TEXT_SKELETON_ELEMENT = 'div'

package/src/core/primitives/skeleton/__workshop__/index.ts

@@ -5,8 +5,8 @@ const scope: WorkshopScope = {
   name: 'primitives/skeleton',
   title: 'Skeleton',
   stories: [
-    {name: 'skeleton', title: 'Skeleton', component: lazy(() => import('./skeleton'))},
-    {name: 'skeleton-delay', title: 'Skeleton delay', component: lazy(() => import('./delay'))},
+    {name: 'skeleton', title: 'Skeleton', component: lazy(() => import('./Skeleton'))},
+    {name: 'skeleton-delay', title: 'Skeleton delay', component: lazy(() => import('./Delay'))},
   ],
 }
 

package/src/core/primitives/spinner/{spinner.tsx → Spinner.tsx}

@@ -2,8 +2,8 @@ import {type ResponsiveProp, spinner} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {ComponentType, Props} from '../../types'
-import {Text} from '../text/text'
-import {AnimatedSpinnerIcon} from './animatedSpinnerIcon'
+import {Text} from '../text/Text'
+import {AnimatedSpinnerIcon} from './AnimatedSpinnerIcon'
 
 /** @public */
 export const DEFAULT_SPINNER_ELEMENT = 'div'

package/src/core/primitives/stack/{stack.tsx → Stack.tsx}

@@ -1,7 +1,7 @@
 import {stack} from '@sanity/ui/css'
 
 import type {Props} from '../../types'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/Box'
 
 /** @public */
 export const DEFAULT_STACK_ELEMENT = 'div'

package/src/core/primitives/stack/__workshop__/index.ts

@@ -8,7 +8,7 @@ const scope: WorkshopScope = {
     {
       name: 'plain',
       title: 'Plain',
-      component: lazy(() => import('./plain')),
+      component: lazy(() => import('./Plain')),
     },
   ],
 }

package/src/core/primitives/switch/{switch.tsx → Switch.tsx}

@@ -8,7 +8,7 @@ import {
 import {useEffect, useImperativeHandle, useRef} from 'react'
 
 import type {ComponentType, Props} from '../../types'
-import {Box} from '../box/box'
+import {Box} from '../box/Box'
 
 /** @public */
 export const DEFAULT_SWITCH_ELEMENT = 'input'

package/src/core/primitives/switch/__workshop__/index.ts

@@ -5,8 +5,8 @@ const scope: WorkshopScope = {
   name: 'primitives/switch',
   title: 'Switch',
   stories: [
-    {name: 'props', title: 'Props', component: lazy(() => import('./props'))},
-    {name: 'example', title: 'Example', component: lazy(() => import('./example'))},
+    {name: 'props', title: 'Props', component: lazy(() => import('./Props'))},
+    {name: 'example', title: 'Example', component: lazy(() => import('./Example'))},
   ],
 }
 

package/src/core/primitives/text/__workshop__/index.ts

@@ -8,17 +8,17 @@ const scope: WorkshopScope = {
     {
       name: 'default',
       title: 'Text',
-      component: lazy(() => import('./example')),
+      component: lazy(() => import('./Example')),
     },
     {
       name: 'colored',
       title: 'Colored text',
-      component: lazy(() => import('./colored')),
+      component: lazy(() => import('./Colored')),
     },
     {
       name: 'optical-alignment',
       title: 'Optical alignment',
-      component: lazy(() => import('./opticalAlignment')),
+      component: lazy(() => import('./OpticalAlignment')),
     },
   ],
 }

package/src/core/primitives/textArea/__workshop__/index.ts

@@ -8,7 +8,7 @@ const scope: WorkshopScope = {
     {
       name: 'plain',
       title: 'Plain',
-      component: lazy(() => import('./plain')),
+      component: lazy(() => import('./Plain')),
     },
   ],
 }

package/src/core/primitives/textInput/{textInput.tsx → TextInput.tsx}

@@ -27,9 +27,9 @@ import {useCustomValidity} from '../../hooks/useCustomValidity'
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import {isRecord} from '../../lib/isRecord'
 import type {ComponentType, Props} from '../../types'
-import {Box} from '../box/box'
-import {Button, type ButtonProps} from '../button/button'
-import {Text} from '../text/text'
+import {Box} from '../box/Box'
+import {Button, type ButtonProps} from '../button/Button'
+import {Text} from '../text/Text'
 
 /** @public */
 export const DEFAULT_TEXT_INPUT_ELEMENT = 'input'

package/src/core/primitives/textInput/__workshop__/index.ts

@@ -8,37 +8,37 @@ const scope: WorkshopScope = {
     {
       name: 'plain',
       title: 'Plain',
-      component: lazy(() => import('./plain')),
+      component: lazy(() => import('./Plain')),
     },
     {
       name: 'custom-validity',
       title: 'Custom validity',
-      component: lazy(() => import('./customValidity')),
+      component: lazy(() => import('./CustomValidity')),
     },
     {
       name: 'typed',
       title: 'Typed',
-      component: lazy(() => import('./typed')),
+      component: lazy(() => import('./Typed')),
     },
     {
       name: 'tones',
       title: 'Tones',
-      component: lazy(() => import('./tones')),
+      component: lazy(() => import('./Tones')),
     },
     {
       name: 'clear-button',
       title: 'Clear button',
-      component: lazy(() => import('./clearButton')),
+      component: lazy(() => import('./ClearButton')),
     },
     {
       name: 'read-only',
       title: 'Read only',
-      component: lazy(() => import('./readOnly')),
+      component: lazy(() => import('./ReadOnly')),
     },
     {
       name: 'states',
       title: 'States',
-      component: lazy(() => import('./states')),
+      component: lazy(() => import('./States')),
     },
   ],
 }

package/src/core/primitives/tooltip/{tooltip.test.tsx → Tooltip.test.tsx}

@@ -3,10 +3,10 @@ import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '$test/utils'
 
-import {Button} from '../button/button'
-import {Text} from '../text/text'
-import {Tooltip} from './tooltip'
-import {TooltipDelayGroupProvider} from './tooltipDelayGroup'
+import {Button} from '../button/Button'
+import {Text} from '../text/Text'
+import {Tooltip} from './Tooltip'
+import {TooltipDelayGroupProvider} from './tooltipDelayGroup/TooltipDelayGroupProvider'
 
 // Fake timers
 beforeEach(() => {

package/src/core/primitives/tooltip/{tooltip.tsx → Tooltip.tsx}

@@ -37,18 +37,19 @@ import {origin} from '../../middleware/origin'
 import type {ComponentType, Delay, Placement, Props} from '../../types'
 import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
 import {getElementRef} from '../../utils/getElementRef'
-import {Portal} from '../../utils/portal/portal'
+import {Portal} from '../../utils/portal/Portal'
 import {usePortal} from '../../utils/portal/usePortal'
-import {CardProvider} from '../card/cardProvider'
+import {CardProvider} from '../card/CardProvider'
 import {useCard} from '../card/useCard'
-import type {LayerOwnProps} from '../layer/layer'
+import type {LayerOwnProps} from '../layer/Layer'
 import {
   DEFAULT_FALLBACK_PLACEMENTS,
   DEFAULT_TOOLTIP_DISTANCE,
   DEFAULT_TOOLTIP_PADDING,
 } from './constants'
-import {useTooltipDelayGroup} from './tooltipDelayGroup'
-import {TooltipLayer} from './tooltipLayer'
+import {useTooltipDelayGroup} from './tooltipDelayGroup/useTooltipDelayGroup'
+// import {useTooltipDelayGroup} from './TooltipDelayGroup'
+import {TooltipLayer} from './TooltipLayer'
 
 /** @public */
 export const DEFAULT_TOOLTIP_ELEMENT = 'div'

package/src/core/primitives/tooltip/{tooltipLayer.tsx → TooltipLayer.tsx}

@@ -3,8 +3,8 @@ import {type CSSProperties, type ForwardedRef, useMemo} from 'react'
 
 import {POPOVER_MOTION_PROPS} from '../../constants'
 import type {Placement} from '../../types'
-import {Arrow} from '../arrow/arrow'
-import {Layer, type LayerOwnProps, type LayerProps} from '../layer/layer'
+import {Arrow} from '../arrow/Arrow'
+import {Layer, type LayerOwnProps, type LayerProps} from '../layer/Layer'
 import {
   DEFAULT_TOOLTIP_ARROW_HEIGHT,
   DEFAULT_TOOLTIP_ARROW_RADIUS,