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

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

@@ -1,6 +1,4 @@
-import {Box, Card, Flex, Text} from '@sanity/ui'
-
-import {Stack} from '../../stack'
+import {Box, Card, Flex, Stack, Text} from '@sanity/ui'
 
 export default function ListNavigationStory() {
   return (

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

@@ -1,7 +1,7 @@
 import {card, type CardStyleProps} from '@sanity/ui/css'
 
 import type {Props} from '../../types/props'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
 import {CardProvider} from './cardProvider'
 import {useCard} from './useCard'
 

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

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

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

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

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

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

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

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

package/src/core/primitives/kbd/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/props'
-import {Box, type BoxElementType, type BoxOwnProps} from '../box'
-import {Text} from '../text'
+import {Box, type BoxElementType, type BoxOwnProps} from '../box/box'
+import {Text} from '../text/text'
 
 /** @public */
 export const DEFAULT_KBD_ELEMENT = 'kbd'
@@ -31,7 +31,7 @@ export function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(props
     children,
     className,
     display = 'inline-block',
-    fontSize = 0,
+    fontSize = 1,
     padding = 1,
     radius = 2,
     ...rest
@@ -47,7 +47,7 @@ export function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(props
       muted
       padding={padding}
     >
-      <Text as="span" muted size={fontSize} weight="semibold">
+      <Text as="span" muted size={fontSize} weight="medium">
         {children}
       </Text>
     </Box>

package/src/core/primitives/layer/layer.tsx

@@ -1,6 +1,6 @@
 import type {ResponsiveProp} from '@sanity/ui/css'
 
-import type {CardElementType, CardOwnProps} from '../../primitives/card'
+import type {CardElementType, CardOwnProps} from '../../primitives/card/card'
 import type {Props} from '../../types/props'
 import {LayerCard} from './layerCard'
 import {LayerProvider} from './layerProvider'

package/src/core/primitives/layer/layerCard.tsx

@@ -2,7 +2,7 @@ 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'
+import {Card, type CardElementType} from '../../primitives/card/card'
 import type {Props} from '../../types/props'
 import type {LayerElementType, LayerOwnProps} from './layer'
 import {useLayer} from './useLayer'

package/src/core/primitives/layer/layerProvider.tsx

@@ -9,7 +9,7 @@ import {
   useState,
 } from 'react'
 
-import {useMediaIndex} from '../../hooks/useMediaIndex'
+import {useMediaIndex} from '../../hooks/useMediaIndex/useMediaIndex'
 import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import {getLayerContext} from './getLayerContext'
 import {LayerContext} from './layerContext'

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

@@ -30,10 +30,12 @@ import {useResponsiveProp} from '../../hooks/useResponsiveProp'
 import {origin} from '../../middleware/origin'
 import type {Placement} from '../../types/placement'
 import type {ComponentType, Props} from '../../types/props'
-import {useBoundaryElement} from '../../utils/boundaryElement'
-import {Portal} from '../../utils/portal'
-import {CardProvider, useCard} from '../card'
-import {type LayerOwnProps, useLayer} from '../layer'
+import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
+import {Portal} from '../../utils/portal/portal'
+import {CardProvider} from '../card/cardProvider'
+import {useCard} from '../card/useCard'
+import {type LayerOwnProps} from '../layer/layer'
+import {useLayer} from '../layer/useLayer'
 import {
   DEFAULT_FALLBACK_PLACEMENTS,
   DEFAULT_POPOVER_DISTANCE,

package/src/core/primitives/popover/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/placement'
-import {Arrow} from '../arrow'
-import {Flex} from '../flex'
-import {Layer, type LayerOwnProps, type LayerProps} from '../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/root/Root.tsx

@@ -1,13 +1,9 @@
 import {box, root, type RootStyleProps} from '@sanity/ui/css'
 import {useCallback, useImperativeHandle, useRef, useState} from 'react'
 
-import {ToastProvider} from '../../components/toast'
 import type {Props} from '../../types/props'
-import {BoundaryElementProvider} from '../../utils/boundaryElement'
-import {PortalProvider} from '../../utils/portal'
-import {Box, type BoxOwnProps} from '../box'
-import {CardProvider} from '../card'
-import {LayerProvider} from '../layer'
+import {Box, type BoxOwnProps} from '../box/box'
+import {RootProvider} from './RootProvider'
 
 /** @public */
 export const DEFAULT_ROOT_ELEMENT = 'html'
@@ -54,16 +50,15 @@ export function Root<E extends RootElementType = typeof DEFAULT_ROOT_ELEMENT>(pr
   }, [])
 
   let node = (
-    <LayerProvider>
-      <CardProvider scheme={scheme} tone={tone}>
-        <ToastProvider>
-          <BoundaryElementProvider element={boundaryElement}>
-            <PortalProvider element={portalElement}>{children}</PortalProvider>
-          </BoundaryElementProvider>
-          <div data-portal="" ref={setPortalElement} />
-        </ToastProvider>
-      </CardProvider>
-    </LayerProvider>
+    <RootProvider
+      boundaryElement={boundaryElement}
+      portalElement={portalElement}
+      scheme={scheme}
+      tone={tone}
+    >
+      {children}
+      <div data-portal="" ref={setPortalElement} />
+    </RootProvider>
   )
 
   if (as === 'html') {

package/src/core/primitives/root/RootProvider.tsx

@@ -0,0 +1,40 @@
+import type {ThemeColorCardToneKey, ThemeColorSchemeKey} from '@sanity/ui/theme'
+import type {ReactNode} from 'react'
+
+import {ToastProvider} from '../../components/toast/toastProvider'
+import {BoundaryElementProvider} from '../../utils/boundaryElement/boundaryElementProvider'
+import {PortalProvider} from '../../utils/portal/portalProvider'
+import {CardProvider} from '../card/cardProvider'
+import {LayerProvider} from '../layer/layerProvider'
+
+/** @public */
+export interface RootProviderProps {
+  boundaryElement?: HTMLElement | null
+  children?: ReactNode
+  portalElement?: HTMLElement | null
+  scheme?: ThemeColorSchemeKey
+  tone?: ThemeColorCardToneKey
+}
+
+/** @public */
+export function RootProvider(props: RootProviderProps) {
+  const {
+    boundaryElement = null,
+    children,
+    portalElement = null,
+    scheme = 'light',
+    tone = 'transparent',
+  } = props
+
+  return (
+    <LayerProvider>
+      <CardProvider scheme={scheme} tone={tone}>
+        <ToastProvider>
+          <BoundaryElementProvider element={boundaryElement}>
+            <PortalProvider element={portalElement}>{children}</PortalProvider>
+          </BoundaryElementProvider>
+        </ToastProvider>
+      </CardProvider>
+    </LayerProvider>
+  )
+}

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

@@ -11,8 +11,8 @@ import {useImperativeHandle, useRef} from 'react'
 
 import {useCustomValidity} from '../../hooks/useCustomValidity'
 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'
 
 /** @public */
 export const DEFAULT_SELECT_ELEMENT = 'select'

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

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

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

@@ -2,7 +2,7 @@ import {type ResponsiveProp, spinner} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {ComponentType, Props} from '../../types/props'
-import {Text} from '../text'
+import {Text} from '../text/text'
 import {AnimatedSpinnerIcon} from './animatedSpinnerIcon'
 
 /** @public */

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

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

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

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

package/src/core/primitives/textInput/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/props'
-import {Box} from '../box'
-import {Button, type ButtonProps} from '../button'
-import {Text} from '../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/tooltip/tooltip.test.tsx

@@ -5,8 +5,8 @@ import {act, fireEvent, screen} from '@testing-library/react'
 import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
-import {Button} from '../button'
-import {Text} from '../text'
+import {Button} from '../button/button'
+import {Text} from '../text/text'
 import {Tooltip} from './tooltip'
 import {TooltipDelayGroupProvider} from './tooltipDelayGroup'
 

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

@@ -36,11 +36,13 @@ import {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'
 import {origin} from '../../middleware/origin'
 import type {Placement} from '../../types/placement'
 import type {ComponentType, Props} from '../../types/props'
-import {useBoundaryElement} from '../../utils/boundaryElement'
+import {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'
 import {getElementRef} from '../../utils/getElementRef'
-import {Portal, usePortal} from '../../utils/portal'
-import {CardProvider, useCard} from '../card'
-import type {LayerOwnProps} from '../layer'
+import {Portal} from '../../utils/portal/portal'
+import {usePortal} from '../../utils/portal/usePortal'
+import {CardProvider} from '../card/cardProvider'
+import {useCard} from '../card/useCard'
+import type {LayerOwnProps} from '../layer/layer'
 import type {Delay} from '../types'
 import {
   DEFAULT_FALLBACK_PLACEMENTS,

package/src/core/primitives/tooltip/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/placement'
-import {Arrow} from '../arrow'
-import {Layer, type LayerOwnProps, type LayerProps} from '../layer'
+import {Arrow} from '../arrow/arrow'
+import {Layer, type LayerOwnProps, type LayerProps} from '../layer/layer'
 import {
   DEFAULT_TOOLTIP_ARROW_HEIGHT,
   DEFAULT_TOOLTIP_ARROW_RADIUS,

package/src/core/utils/errorBoundary.tsx

@@ -1,6 +1,6 @@
 import {Component, type ErrorInfo, type PropsWithChildren, type ReactNode} from 'react'
 
-import {Code} from '../primitives/code'
+import {Code} from '../primitives/code/code'
 
 /**
  * DO NOT USE IN PRODUCTION

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

@@ -1,7 +1,8 @@
 import type {ReactNode, ReactPortal} from 'react'
 import {createPortal} from 'react-dom'
 
-import {CardProvider, useCard} from '../../primitives/card'
+import {CardProvider} from '../../primitives/card/cardProvider'
+import {useCard} from '../../primitives/card/useCard'
 import {usePortal} from './usePortal'
 
 /** @public */

package/src/css/components/dialog/dialog.ts

@@ -1,5 +1,5 @@
 import {_composeClassNames} from '../../_composeClassNames'
-import {inset} from '../../props/inset'
+import {inset} from '../../props/inset/inset'
 import {
   card,
   container,

package/src/css/components/skeleton/skeleton.ts

@@ -1,8 +1,8 @@
 import {_composeClassNames} from '../../_composeClassNames'
 import {_responsiveClassName} from '../../_responsiveClassName'
-import {flex} from '../../props/flex'
-import {margin} from '../../props/margin'
-import {radius} from '../../props/radius'
+import {flex} from '../../props/flex/flex'
+import {margin} from '../../props/margin/margin'
+import {radius} from '../../props/radius/radius'
 import {codeScale, font, headingScale, labelScale, root, textScale} from './skeleton.css'
 import type {
   CodeSkeletonStyleProps,

package/src/css/components/skeleton/types.ts

@@ -1,8 +1,8 @@
 import type {FontCodeSize, FontHeadingSize, FontLabelSize, FontTextSize} from '@sanity/ui/theme'
 
-import type {FlexStyleProps} from '../../props/flex'
-import type {MarginStyleProps} from '../../props/margin'
-import type {RadiusStyleProps} from '../../props/radius'
+import type {FlexStyleProps} from '../../props/flex/types'
+import type {MarginStyleProps} from '../../props/margin/types'
+import type {RadiusStyleProps} from '../../props/radius/types'
 import type {ResponsiveProp} from '../../types'
 
 /** @beta */

package/src/css/defaultTheme.css.ts

@@ -33,7 +33,7 @@ import type {CSSTheme, CSSThemeColorCard} from './types'
 import {px, toBoxShadow} from './util'
 import {paletteVars, themeVars} from './vars.css'
 
-const fontDisplay: FontDisplay = 'auto'
+const fontDisplay: FontDisplay = 'swap'
 
 globalFontFace('Inter', [
   {

package/src/css/index.ts

@@ -7,79 +7,136 @@ export * from './vars.css'
 export * from './defaultTheme.css'
 
 // props
-export * from './props/alignItems'
-export * from './props/border'
-export * from './props/boxSizing'
-export * from './props/display'
-export * from './props/flex'
-export * from './props/flexDirection'
-export * from './props/flexWrap'
-export * from './props/font'
-export * from './props/gap'
-export * from './props/gridAutoColumns'
-export * from './props/gridAutoFlow'
-export * from './props/gridAutoRows'
-export * from './props/gridColumn'
-export * from './props/gridColumnEnd'
-export * from './props/gridColumnStart'
-export * from './props/gridRow'
-export * from './props/gridRowEnd'
-export * from './props/gridRowStart'
-export * from './props/gridTemplateColumns'
-export * from './props/gridTemplateRows'
-export * from './props/height'
-export * from './props/inset'
-export * from './props/justifyContent'
-export * from './props/margin'
-export * from './props/maxWidth'
-export * from './props/minHeight'
-export * from './props/minWidth'
-export * from './props/outline'
-export * from './props/overflow'
-export * from './props/padding'
-export * from './props/pointerEvents'
-export * from './props/position'
-export * from './props/radius'
-export * from './props/shadow'
-export * from './props/textAlign'
-export * from './props/textOverflow'
-export * from './props/width'
+export * from './props/alignItems/alignItems'
+export * from './props/alignItems/types'
+export * from './props/border/border'
+export * from './props/border/types'
+export * from './props/boxSizing/boxSizing'
+export * from './props/boxSizing/types'
+export * from './props/display/display'
+export * from './props/display/types'
+export * from './props/flex/flex'
+export * from './props/flex/types'
+export * from './props/flexDirection/flexDirection'
+export * from './props/flexDirection/types'
+export * from './props/flexWrap/flexWrap'
+export * from './props/flexWrap/types'
+export * from './props/font/font'
+export * from './props/font/types'
+export * from './props/gap/gap'
+export * from './props/gap/types'
+export * from './props/gridAutoColumns/gridAutoColumns'
+export * from './props/gridAutoColumns/types'
+export * from './props/gridAutoFlow/gridAutoFlow'
+export * from './props/gridAutoFlow/types'
+export * from './props/gridAutoRows/gridAutoRows'
+export * from './props/gridAutoRows/types'
+export * from './props/gridColumn/gridColumn'
+export * from './props/gridColumn/types'
+export * from './props/gridColumnEnd/gridColumnEnd'
+export * from './props/gridColumnEnd/types'
+export * from './props/gridColumnStart/gridColumnStart'
+export * from './props/gridColumnStart/types'
+export * from './props/gridRow/gridRow'
+export * from './props/gridRow/types'
+export * from './props/gridRowEnd/gridRowEnd'
+export * from './props/gridRowEnd/types'
+export * from './props/gridRowStart/gridRowStart'
+export * from './props/gridRowStart/types'
+export * from './props/gridTemplateColumns/gridTemplateColumns'
+export * from './props/gridTemplateColumns/types'
+export * from './props/gridTemplateRows/gridTemplateRows'
+export * from './props/gridTemplateRows/types'
+export * from './props/height/height'
+export * from './props/height/types'
+export * from './props/inset/inset'
+export * from './props/inset/types'
+export * from './props/justifyContent/justifyContent'
+export * from './props/justifyContent/types'
+export * from './props/margin/margin'
+export * from './props/margin/types'
+export * from './props/maxWidth/maxWidth'
+export * from './props/maxWidth/types'
+export * from './props/minHeight/minHeight'
+export * from './props/minHeight/types'
+export * from './props/minWidth/minWidth'
+export * from './props/minWidth/types'
+export * from './props/outline/outline'
+export * from './props/outline/types'
+export * from './props/overflow/overflow'
+export * from './props/overflow/types'
+export * from './props/padding/padding'
+export * from './props/padding/types'
+export * from './props/pointerEvents/pointerEvents'
+export * from './props/pointerEvents/types'
+export * from './props/position/position'
+export * from './props/position/types'
+export * from './props/radius/radius'
+export * from './props/radius/types'
+export * from './props/shadow/shadow'
+export * from './props/shadow/types'
+export * from './props/textAlign/textAlign'
+export * from './props/textAlign/types'
+export * from './props/textOverflow/textOverflow'
+export * from './props/textOverflow/types'
+export * from './props/width/width'
+export * from './props/width/types'
 
 // primitives
-export * from './primitives/_arrow'
-export * from './primitives/_input'
-export * from './primitives/_selectable'
-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/heading'
-export * from './primitives/kbd'
-export * from './primitives/label'
-export * from './primitives/popover'
-export * from './primitives/radio'
-export * from './primitives/root'
-export * from './primitives/select'
-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/_input/input'
+export * from './primitives/_input/types'
+export * from './primitives/_selectable/selectable'
+export * from './primitives/_selectable/types'
+export * from './primitives/avatar/avatar'
+export * from './primitives/avatar/types'
+export * from './primitives/badge/badge'
+export * from './primitives/badge/types'
+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/types'
+export * from './primitives/checkbox/checkbox'
+export * from './primitives/code/code'
+export * from './primitives/code/types'
+export * from './primitives/container/container'
+export * from './primitives/container/types'
+export * from './primitives/heading/heading'
+export * from './primitives/heading/types'
+export * from './primitives/kbd/kbd'
+export * from './primitives/kbd/types'
+export * from './primitives/label/label'
+export * from './primitives/label/types'
+export * from './primitives/popover/popover'
+export * from './primitives/radio/radio'
+export * from './primitives/root/root'
+export * from './primitives/root/types'
+export * from './primitives/select/select'
+export * from './primitives/select/types'
+export * from './primitives/spinner/spinner'
+export * from './primitives/spinner/types'
+export * from './primitives/srOnly/srOnly'
+export * from './primitives/stack/stack'
+export * from './primitives/switch/switch'
+export * from './primitives/text/text'
+export * from './primitives/text/types'
+export * from './primitives/textArea/textArea'
+export * from './primitives/textArea/types'
+export * from './primitives/textInput/textInput'
+export * from './primitives/textInput/types'
+export * from './primitives/tooltip/tooltip'
+export * from './primitives/tooltip/types'
 
 // components
-export * from './components/breadcrumbs'
-export * from './components/dialog'
-export * from './components/menu'
-export * from './components/skeleton'
-export * from './components/toast'
-export * from './components/tree'
+export * from './components/breadcrumbs/breadcrumbs'
+export * from './components/dialog/dialog'
+export * from './components/menu/menu'
+export * from './components/skeleton/skeleton'
+export * from './components/skeleton/types'
+export * from './components/toast/toast'
+export * from './components/tree/tree'
 
 export * from './constants'
 export * from './types'

package/src/css/primitives/_input/input.ts

@@ -1,7 +1,7 @@
 import {_composeClassNames} from '../../_composeClassNames'
 import {_responsiveClassName} from '../../_responsiveClassName'
-import {radius} from '../../props/radius'
-import {width} from '../../props/width'
+import {radius} from '../../props/radius/radius'
+import {width} from '../../props/width/width'
 import {border, element, fontSize, gap, padding, presentation, root} from './_input.css'
 import type {InputStyleProps} from './types'