@sanity/ui 3.0.0-static.0 → 3.0.0-static.1

package/dist/index.d.mts

@@ -1,5 +1,9 @@
 import {AvatarSize} from '@sanity/ui/theme'
 import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
+import {Display as BoxDisplay} from '@sanity/ui/css'
+import {BoxHeight} from '@sanity/ui/css'
+import {BoxOverflow} from '@sanity/ui/css'
+import {BoxSizing} from '@sanity/ui/css'
 import {BoxStyleProps} from '@sanity/ui/css'
 import {CardStyleProps as CardStyleProps_2} from '@sanity/ui/css'
 import {Component} from 'react'
@@ -7,18 +11,22 @@ import {ContainerStyleProps} from '@sanity/ui/css'
 import {Context} from 'react'
 import {createColorTheme as createColorTheme_2} from '@sanity/ui/theme'
 import {CSSObject} from '@sanity/ui/theme'
-import {DetailedHTMLProps} from 'react'
 import {ElementType} from 'react'
-import {FastOmit} from 'styled-components'
 import {FlexAlign} from '@sanity/ui/css'
 import {FlexDirection} from '@sanity/ui/css'
 import {FlexJustify} from '@sanity/ui/css'
 import {FlexValue} from '@sanity/ui/css'
 import {FlexWrap} from '@sanity/ui/css'
+import {FontCodeSize} from '@sanity/ui/theme'
+import {FontHeadingSize} from '@sanity/ui/theme'
+import {FontLabelSize} from '@sanity/ui/theme'
+import {FontStyleProps} from '@sanity/ui/css'
 import {FontTextSize} from '@sanity/ui/theme'
-import {FontWeight} from '@sanity/ui/theme'
 import {ForwardRefExoticComponent} from 'react'
 import {GapStyleProps} from '@sanity/ui/css'
+import {GridAutoCols} from '@sanity/ui/css'
+import {GridAutoFlow} from '@sanity/ui/css'
+import {GridAutoRows} from '@sanity/ui/css'
 import {GridItemColumn} from '@sanity/ui/css'
 import {GridItemColumnEnd} from '@sanity/ui/css'
 import {GridItemColumnStart} from '@sanity/ui/css'
@@ -28,9 +36,7 @@ import {GridItemRowStart} from '@sanity/ui/css'
 import {hexToRgb as hexToRgb_2} from '@sanity/ui/theme'
 import {HSL as HSL_2} from '@sanity/ui/theme'
 import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
-import {HTMLAttributes} from 'react'
 import {HTMLProps} from 'react'
-import {IStyledComponentBase} from 'styled-components/dist/types'
 import {MemoExoticComponent} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
@@ -54,7 +60,9 @@ import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
 import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
 import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
 import {screen as screen_3} from '@sanity/ui/theme'
+import {SkeletonStyleProps} from '@sanity/ui/css'
 import {Space} from '@sanity/ui/theme'
+import {TextAlign} from '@sanity/ui/css'
 import {TextStyleProps} from '@sanity/ui/css'
 import {Theme as Theme_2} from '@sanity/ui/theme'
 import {Theme_v2} from '@sanity/ui/theme'
@@ -474,24 +482,18 @@ export declare interface BoundaryElementProviderProps {
  * @public
  */
 export declare const Box: ForwardRefExoticComponent<
-  Omit<BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'as'>, 'ref'> &
+  Omit<
+    BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'as' | 'rows'>,
+    'ref'
+  > &
     RefAttributes<HTMLDivElement>
 >
 
-/**
- * @public
- */
-export declare type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block'
+export {BoxDisplay}
 
-/**
- * @public
- */
-export declare type BoxHeight = 'stretch' | 'fill'
+export {BoxHeight}
 
-/**
- * @public
- */
-export declare type BoxOverflow = 'visible' | 'hidden' | 'auto'
+export {BoxOverflow}
 
 /**
  * @public
@@ -507,10 +509,7 @@ export declare interface BoxProps extends BoxStyleProps, GapStyleProps, Position
  */
 export declare type BoxShadow = ThemeBoxShadow
 
-/**
- * @public
- */
-export declare type BoxSizing = 'content' | 'border'
+export {BoxSizing}
 
 /**
  * @beta
@@ -685,12 +684,11 @@ export declare const Code: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare interface CodeProps {
+export declare interface CodeProps extends Omit<FontStyleProps, 'align'> {
   as?: React.ElementType | keyof JSX.IntrinsicElements
   /** Define the language to use for syntax highlighting. */
   language?: string
   size?: number | number[]
-  weight?: FontWeight
 }
 
 /**
@@ -699,7 +697,11 @@ export declare interface CodeProps {
  */
 export declare const CodeSkeleton: ForwardRefExoticComponent<
   Omit<
-    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
+    CodeSkeletonProps &
+      Omit<
+        HTMLProps<HTMLDivElement>,
+        'height' | 'width' | 'size' | 'wrap' | 'children' | 'as' | 'rows'
+      >,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -710,7 +712,7 @@ export declare const CodeSkeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface CodeSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: ResponsiveProp<FontCodeSize>
 }
 
 /**
@@ -774,7 +776,8 @@ export declare type Delay =
  */
 export declare const Dialog: ForwardRefExoticComponent<
   Omit<
-    DialogProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'height' | 'width' | 'wrap' | 'as'>,
+    DialogProps &
+      Omit<HTMLProps<HTMLDivElement>, 'id' | 'height' | 'width' | 'wrap' | 'as' | 'rows'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1007,20 +1010,11 @@ export declare const Grid: ForwardRefExoticComponent<
     RefAttributes<HTMLDivElement>
 >
 
-/**
- * @public
- */
-export declare type GridAutoCols = 'auto' | 'min' | 'max' | 'fr'
+export {GridAutoCols}
 
-/**
- * @public
- */
-export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
+export {GridAutoFlow}
 
-/**
- * @public
- */
-export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
+export {GridAutoRows}
 
 export {GridItemColumn}
 
@@ -1037,7 +1031,7 @@ export {GridItemRowStart}
 /**
  * @public
  */
-export declare interface GridProps extends Omit<BoxProps, 'display'>, ResponsiveGridProps {}
+export declare interface GridProps extends Omit<BoxProps, 'display'> {}
 
 /**
  * @internal
@@ -1057,19 +1051,17 @@ export declare const Heading: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare interface HeadingProps {
+export declare interface HeadingProps extends FontStyleProps {
   accent?: boolean
-  align?: TextAlign | TextAlign[]
   as?: React.ElementType | keyof JSX.IntrinsicElements
   muted?: boolean
-  size?: number | number[]
+  size?: ResponsiveProp<FontHeadingSize>
   /**
    * Controls how overflowing text is treated.
    * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1078,7 +1070,11 @@ export declare interface HeadingProps {
  */
 export declare const HeadingSkeleton: ForwardRefExoticComponent<
   Omit<
-    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
+    HeadingSkeletonProps &
+      Omit<
+        HTMLProps<HTMLDivElement>,
+        'height' | 'width' | 'size' | 'wrap' | 'children' | 'as' | 'rows'
+      >,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1089,7 +1085,7 @@ export declare const HeadingSkeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface HeadingSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: ResponsiveProp<FontHeadingSize>
 }
 
 /**
@@ -1107,7 +1103,7 @@ export declare const Hotkeys: ForwardRefExoticComponent<
   HotkeysProps &
     Omit<
       HTMLProps<HTMLDivElement>,
-      'display' | 'height' | 'width' | 'size' | 'wrap' | 'ref' | 'as'
+      'display' | 'height' | 'width' | 'size' | 'wrap' | 'ref' | 'as' | 'rows'
     > &
     RefAttributes<HTMLDivElement>
 >
@@ -1140,7 +1136,7 @@ export declare const hslToRgb: typeof hslToRgb_2
  * @public
  */
 export declare const Inline: ForwardRefExoticComponent<
-  Omit<InlineProps & Omit<HTMLProps<HTMLDivElement>, 'wrap'>, 'ref'> & RefAttributes<unknown>
+  Omit<InlineProps & Omit<HTMLProps<HTMLDivElement>, 'wrap'>, 'ref'> & RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1228,9 +1224,8 @@ export declare const Label: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare interface LabelProps {
+export declare interface LabelProps extends FontStyleProps {
   accent?: boolean
-  align?: TextAlign | TextAlign[]
   as?: React.ElementType | keyof JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
@@ -1249,7 +1244,11 @@ export declare interface LabelProps {
  */
 export declare const LabelSkeleton: ForwardRefExoticComponent<
   Omit<
-    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
+    LabelSkeletonProps &
+      Omit<
+        HTMLProps<HTMLDivElement>,
+        'height' | 'width' | 'size' | 'wrap' | 'children' | 'as' | 'rows'
+      >,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1260,14 +1259,14 @@ export declare const LabelSkeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface LabelSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: ResponsiveProp<FontLabelSize>
 }
 
 /**
  * @public
  */
 export declare const Layer: ForwardRefExoticComponent<
-  Omit<LayerProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'wrap' | 'as'>, 'ref'> &
+  Omit<LayerProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'wrap' | 'as' | 'rows'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -1332,7 +1331,10 @@ export declare interface _MediaStore {
 export declare const Menu: ForwardRefExoticComponent<
   Omit<
     MenuProps &
-      Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'role' | 'tabIndex' | 'as'>,
+      Omit<
+        HTMLProps<HTMLDivElement>,
+        'height' | 'width' | 'wrap' | 'role' | 'tabIndex' | 'as' | 'rows'
+      >,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1391,11 +1393,9 @@ export declare interface MenuButtonProps {
 /**
  * @public
  */
-export declare const MenuDivider: IStyledComponentBase<
-  'web',
-  FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>
-> &
-  string
+export declare const MenuDivider: ForwardRefExoticComponent<
+  Omit<HTMLProps<HTMLHRElement>, 'ref'> & RefAttributes<HTMLHRElement>
+>
 
 /**
  * @public
@@ -1403,7 +1403,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<
     React.HTMLProps<HTMLDivElement>,
-    'as' | 'height' | 'popover' | 'ref' | 'tabIndex' | 'width' | 'wrap'
+    'as' | 'height' | 'popover' | 'ref' | 'rows' | 'tabIndex' | 'width' | 'wrap'
   > &
     MenuGroupProps,
 ): React.ReactElement
@@ -1434,7 +1434,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
   MenuItemProps &
     Omit<
       HTMLProps<HTMLDivElement>,
-      'selected' | 'height' | 'width' | 'wrap' | 'tabIndex' | 'ref' | 'as'
+      'selected' | 'height' | 'width' | 'wrap' | 'tabIndex' | 'ref' | 'as' | 'rows'
     > &
     RefAttributes<HTMLDivElement>
 >
@@ -1521,7 +1521,7 @@ export declare const Popover: MemoExoticComponent<
       PopoverProps &
         Omit<
           HTMLProps<HTMLDivElement>,
-          'content' | 'height' | 'width' | 'wrap' | 'children' | 'as'
+          'content' | 'height' | 'width' | 'wrap' | 'children' | 'as' | 'rows'
         >,
       'ref'
     > &
@@ -1804,6 +1804,7 @@ export declare interface ResponsiveGridItemProps {
 
 /**
  * @public
+ * @deprecated
  */
 export declare interface ResponsiveGridProps {
   autoRows?: GridAutoRows | GridAutoRows[]
@@ -1982,14 +1983,18 @@ export declare interface SelectProps {
  * @beta
  */
 export declare const Skeleton: ForwardRefExoticComponent<
-  Omit<SkeletonProps & HTMLProps<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>
+  Omit<
+    SkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'as' | 'rows'>,
+    'ref'
+  > &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxProps, 'children'> {
+export declare interface SkeletonProps extends SkeletonStyleProps, Omit<BoxProps, 'children'> {
   animated?: boolean
   delay?: number
 }
@@ -2099,7 +2104,7 @@ export declare const Tab: ForwardRefExoticComponent<
  */
 export declare const TabList: ForwardRefExoticComponent<
   Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
-    RefAttributes<unknown>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -2160,10 +2165,7 @@ declare const Text_2: ForwardRefExoticComponent<
 >
 export {Text_2 as Text}
 
-/**
- * @public
- */
-export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial'
+export {TextAlign}
 
 /**
  * A multiline text input.
@@ -2228,7 +2230,7 @@ export declare interface TextInputProps extends RadiusStyleProps {
    * @beta
    */
   onClear?: () => void
-  padding: ResponsiveProp<Space>
+  padding?: ResponsiveProp<Space>
   prefix?: React.ReactNode
   space?: ResponsiveProp<Space>
   suffix?: React.ReactNode
@@ -2258,7 +2260,6 @@ export declare type TextInputType =
  */
 export declare interface TextProps extends TextStyleProps {
   accent?: boolean
-  align?: TextAlign | TextAlign[]
   as?: React.ElementType | keyof JSX.IntrinsicElements
   /** When `true` the text color will be muted. */
   muted?: boolean
@@ -2277,7 +2278,11 @@ export declare interface TextProps extends TextStyleProps {
  */
 export declare const TextSkeleton: ForwardRefExoticComponent<
   Omit<
-    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
+    TextSkeletonProps &
+      Omit<
+        HTMLProps<HTMLDivElement>,
+        'height' | 'width' | 'size' | 'wrap' | 'children' | 'as' | 'rows'
+      >,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -2288,7 +2293,7 @@ export declare const TextSkeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface TextSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: ResponsiveProp<FontTextSize>
 }
 
 /**
@@ -2483,7 +2488,10 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps &
-    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title' | 'width' | 'wrap'>,
+    Omit<
+      React.HTMLProps<HTMLDivElement>,
+      'as' | 'height' | 'ref' | 'rows' | 'title' | 'width' | 'wrap'
+    >,
 ): React.ReactElement
 
 export declare namespace Toast {
@@ -2651,7 +2659,7 @@ export declare const Tree: MemoExoticComponent<
     TreeProps &
       Omit<
         HTMLProps<HTMLDivElement>,
-        'height' | 'width' | 'wrap' | 'role' | 'ref' | 'as' | 'align'
+        'height' | 'width' | 'wrap' | 'role' | 'ref' | 'as' | 'rows' | 'align'
       > &
       RefAttributes<HTMLDivElement>
   >
@@ -2678,7 +2686,7 @@ export declare interface TreeContextValue {
  */
 export declare const TreeItem: NamedExoticComponent<
   TreeItemProps &
-    Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'role' | 'ref' | 'as'>
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'wrap' | 'role' | 'ref' | 'as' | 'rows'>
 >
 
 /**