@sanity/ui 3.0.0-static.20 → 3.0.0-static.21

package/dist/_visual-editing.d.ts

@@ -1,3 +1,4 @@
+import type {AlignItems} from '@sanity/ui/css'
 import type {BoxStyleProps} from '@sanity/ui/css'
 import type {ButtonStyleProps} from '@sanity/ui/css'
 import {CardStyleProps} from '@sanity/ui/css'
@@ -6,7 +7,8 @@ import type {ComponentProps} from 'react'
 import type {DisplayStyleProps} from '@sanity/ui/css'
 import {ElementType as ElementType_2} from 'react'
 import type {ExoticComponent} from 'react'
-import type {FlexStyleProps} from '@sanity/ui/css'
+import type {FlexDirection} from '@sanity/ui/css'
+import type {FlexWrap} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
 import type {FunctionComponent} from 'react'
@@ -15,6 +17,8 @@ import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
 import type {InsetStyleProps} from '@sanity/ui/css'
 import {JSX} from 'react'
+import type {JustifyContent} from '@sanity/ui/css'
+import {MaxWidth} from '@sanity/ui/css'
 import {PaddingStyleProps} from '@sanity/ui/css'
 import type {PositionStyleProps} from '@sanity/ui/css'
 import {RadiusStyleProps} from '@sanity/ui/css'
@@ -30,7 +34,6 @@ import type {Space} from '@sanity/ui/theme'
 import {TextOverflowStyleProps} from '@sanity/ui/css'
 import {TextStyleProps} from '@sanity/ui/css'
 import {Theme_v2} from '@sanity/ui/theme'
-import type {ThemeColorButtonModeKey} from '@sanity/ui/theme'
 import {ThemeColorCardToneKey} from '@sanity/ui/theme'
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
 import type {ThemeColorStateToneKey} from '@sanity/ui/theme'
@@ -54,10 +57,6 @@ export declare function Box<E extends BoxElementType = typeof DEFAULT_BOX_ELEMEN
   props: BoxProps<E>,
 ): JSX.Element
 
-export declare namespace Box {
-  var displayName: string
-}
-
 /** @public */
 declare type BoxElementType =
   | 'a'
@@ -101,10 +100,6 @@ export declare function Button<E extends ButtonElementType = typeof DEFAULT_BUTT
   props: ButtonProps<E>,
 ): JSX.Element
 
-export declare namespace Button {
-  var displayName: string
-}
-
 /** @public */
 declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
 
@@ -113,14 +108,13 @@ declare type ButtonOwnProps = ButtonStyleProps &
   DisplayStyleProps &
   GapStyleProps &
   PaddingStyleProps & {
-    'align'?: FlexStyleProps['align']
+    'align'?: BoxStyleProps['alignItems']
     'data-ui'?: string
     'disabled'?: boolean
     'fontSize'?: ResponsiveProp<FontTextSize>
-    'mode'?: ThemeColorButtonModeKey
     'icon'?: ElementType_2 | ReactNode
     'iconRight'?: ElementType_2 | ReactNode
-    'justify'?: FlexStyleProps['justify']
+    'justify'?: BoxStyleProps['justifyContent']
     /** @beta Do not use in production, as this might change.*/
     'loading'?: boolean
     'selected'?: boolean
@@ -132,7 +126,6 @@ declare type ButtonOwnProps = ButtonStyleProps &
     'text'?: ReactNode
     'textOverflow'?: TextOwnProps['textOverflow']
     'textWeight'?: TextOwnProps['weight']
-    'tone'?: ThemeColorStateToneKey
     'width'?: ResponsiveProp<Width>
   }
 
@@ -155,10 +148,6 @@ export declare function Card<E extends CardElementType = typeof DEFAULT_CARD_ELE
   props: CardProps<E>,
 ): JSX.Element
 
-export declare namespace Card {
-  var displayName: string
-}
-
 /** @public */
 declare type CardElementType = BoxElementType
 
@@ -263,15 +252,19 @@ export declare function Flex<E extends FlexElementType = typeof DEFAULT_FLEX_ELE
   props: FlexProps<E>,
 ): JSX.Element
 
-export declare namespace Flex {
-  var displayName: string
-}
-
 /** @public */
 declare type FlexElementType = BoxElementType
 
 /** @public */
-declare type FlexOwnProps = Omit<BoxOwnProps, 'display'>
+declare type FlexOwnProps = Omit<
+  BoxOwnProps,
+  'align' | 'display' | 'flexDirection' | 'flexWrap'
+> & {
+  align?: ResponsiveProp<AlignItems>
+  direction?: ResponsiveProp<FlexDirection>
+  justify?: ResponsiveProp<JustifyContent>
+  wrap?: ResponsiveProp<FlexWrap>
+}
 
 /** @public */
 export declare type FlexProps<E extends FlexElementType = FlexElementType> = Props<FlexOwnProps, E>
@@ -285,10 +278,6 @@ export declare function Grid<E extends GridElementType = typeof DEFAULT_GRID_ELE
   props: GridProps<E>,
 ): JSX.Element
 
-export declare namespace Grid {
-  var displayName: string
-}
-
 /** @public */
 declare type GridElementType = BoxElementType
 
@@ -307,10 +296,6 @@ export declare function Hotkeys<E extends HotkeysElementType = typeof DEFAULT_HO
   props: HotkeysProps<E>,
 ): JSX.Element | undefined
 
-export declare namespace Hotkeys {
-  var displayName: string
-}
-
 /** @public */
 declare type HotkeysElementType = 'kbd' | ComponentType
 
@@ -343,20 +328,16 @@ export declare function isHTMLElement(node: unknown): node is HTMLElement
 declare type LayerOwnProps = CardOwnProps & {
   /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
   onActivate?: (props: {activeElement: HTMLElement | null}) => void
-  zOffset?: number | number[]
+  zOffset?: ResponsiveProp<number>
 }
 
 /** @public */
 export declare function LayerProvider(props: LayerProviderProps): ReactElement
 
-export declare namespace LayerProvider {
-  var displayName: string
-}
-
 /** @public */
 declare interface LayerProviderProps {
   children?: ReactNode
-  zOffset?: number | number[]
+  zOffset?: ResponsiveProp<number>
 }
 
 /**
@@ -368,19 +349,11 @@ export declare function Menu<E extends MenuElementType = typeof DEFAULT_MENU_ELE
   props: MenuProps<E>,
 ): JSX.Element
 
-export declare namespace Menu {
-  var displayName: string
-}
-
 /** @public */
 export declare function MenuDivider<
   E extends MenuDividerElementType = typeof DEFAULT_MENU_DIVIDER_ELEMENT,
 >(props: MenuDividerProps<E>): JSX.Element
 
-export declare namespace MenuDivider {
-  var displayName: string
-}
-
 /** @public */
 declare type MenuDividerElementType = 'div' | 'hr' | 'span' | ComponentType
 
@@ -401,10 +374,6 @@ export declare function MenuGroup<
   E extends MenuGroupElementType = typeof DEFAULT_MENU_GROUP_ELEMENT,
 >(props: MenuGroupProps<E>): JSX.Element
 
-export declare namespace MenuGroup {
-  var displayName: string
-}
-
 /** @public */
 declare type MenuGroupElementType = 'button' | ComponentType
 
@@ -444,10 +413,6 @@ export declare function MenuItem<E extends MenuItemElementType = typeof DEFAULT_
   props: MenuItemProps<E>,
 ): JSX.Element
 
-export declare namespace MenuItem {
-  var displayName: string
-}
-
 /** @public */
 declare type MenuItemElementType = 'button' | 'a' | ComponentType
 
@@ -456,7 +421,7 @@ declare type MenuItemOwnProps = GapStyleProps &
   PaddingStyleProps &
   RadiusStyleProps & {
     disabled?: boolean
-    fontSize?: number | number[]
+    fontSize?: ResponsiveProp<FontTextSize>
     hotkeys?: string[]
     icon?: ElementType_2 | ReactNode
     iconRight?: ElementType_2 | ReactNode
@@ -528,10 +493,6 @@ export declare function Popover<E extends PopoverElementType = typeof DEFAULT_PO
   props: PopoverProps<E>,
 ): JSX.Element
 
-export declare namespace Popover {
-  var displayName: string
-}
-
 /** @public */
 declare type PopoverElementType = 'div' | ComponentType
 
@@ -541,7 +502,7 @@ declare type PopoverElementType = 'div' | ComponentType
 export declare type PopoverMargins = [number, number, number, number]
 
 /** @public */
-declare type PopoverOwnProps = LayerOwnProps & {
+declare type PopoverOwnProps = Omit<LayerOwnProps, 'maxWidth'> & {
   /** @beta */
   __unstable_margins?: PopoverMargins
   /**
@@ -602,6 +563,7 @@ declare type PopoverOwnProps = LayerOwnProps & {
   referenceElement?: HTMLElement | null
   /** @beta */
   updateRef?: Ref<PopoverUpdateCallback | undefined>
+  width?: ResponsiveProp<MaxWidth>
 }
 
 /** @public */
@@ -616,10 +578,6 @@ declare type PopoverUpdateCallback = () => void
 /** @public */
 export declare function Portal(props: PortalProps): ReactPortal | null
 
-export declare namespace Portal {
-  var displayName: string
-}
-
 /** @public */
 export declare interface PortalProps {
   children: ReactNode
@@ -632,10 +590,6 @@ export declare interface PortalProps {
 /** @public */
 export declare function PortalProvider(props: PortalProviderProps): ReactElement
 
-export declare namespace PortalProvider {
-  var displayName: string
-}
-
 /** @public */
 export declare interface PortalProviderProps {
   /**
@@ -667,10 +621,6 @@ export declare function Spinner<E extends SpinnerElementType = typeof DEFAULT_SP
   props: SpinnerProps<E>,
 ): JSX.Element
 
-export declare namespace Spinner {
-  var displayName: string
-}
-
 /** @public */
 declare type SpinnerElementType = 'div' | 'span' | ComponentType
 
@@ -695,17 +645,25 @@ export declare function Stack<E extends StackElementType = typeof DEFAULT_STACK_
   props: StackProps<E>,
 ): JSX.Element
 
-export declare namespace Stack {
-  var displayName: string
-}
-
 /** @public */
 declare type StackElementType = BoxElementType
 
 /** @public */
 declare type StackOwnProps = Omit<
   BoxOwnProps,
-  'align' | 'columns' | 'direction' | 'display' | 'gapX' | 'gapY' | 'justify'
+  | 'align'
+  | 'alignItems'
+  | 'columns'
+  | 'gridTemplateColumns'
+  | 'direction'
+  | 'display'
+  | 'flexDirection'
+  | 'gapX'
+  | 'gapY'
+  | 'justify'
+  | 'justifyContent'
+  | 'rows'
+  | 'gridTemplateRows'
 > & {
   /** @deprecated Use `gap` instead. */
   space?: ResponsiveProp<Space>
@@ -722,10 +680,6 @@ export declare function Tab<E extends TabElementType = typeof DEFAULT_TAB_ELEMEN
   props: TabProps<E>,
 ): JSX.Element
 
-export declare namespace Tab {
-  var displayName: string
-}
-
 /** @public */
 declare type TabElementType = 'button' | ComponentType
 
@@ -734,10 +688,6 @@ export declare function TabList<E extends TabListElementType = typeof DEFAULT_TA
   props: TabListProps<E>,
 ): JSX.Element
 
-export declare namespace TabList {
-  var displayName: string
-}
-
 /** @public */
 declare type TabListChild = ReactElement<Props<TabProps, 'button'>> | null | undefined | false
 
@@ -787,10 +737,6 @@ declare type TagType = keyof JSX.IntrinsicElements
 declare function Text_2<E extends TextElementType = typeof DEFAULT_TEXT_ELEMENT>(
   props: TextProps<E>,
 ): JSX.Element
-
-declare namespace Text_2 {
-  var displayName: string
-}
 export {Text_2 as Text}
 
 /** @public */
@@ -817,10 +763,6 @@ export declare function TextInput<
   E extends TextInputElementType = typeof DEFAULT_TEXT_INPUT_ELEMENT,
 >(props: TextInputProps<E>): JSX.Element
 
-export declare namespace TextInput {
-  var displayName: string
-}
-
 /** @public */
 declare type TextInputClearButtonProps = Omit<
   ButtonProps<'button'>,
@@ -869,10 +811,6 @@ export declare type TextProps<E extends TextElementType = TextElementType> = Pro
 /** @public */
 export declare function ThemeProvider(props: ThemeProviderProps): ReactElement
 
-export declare namespace ThemeProvider {
-  var displayName: string
-}
-
 /** @public */
 export declare interface ThemeProviderProps {
   children?: ReactNode
@@ -890,10 +828,6 @@ export declare function Tooltip<E extends TooltipElementType = typeof DEFAULT_TO
   props: TooltipProps<E>,
 ): JSX.Element
 
-export declare namespace Tooltip {
-  var displayName: string
-}
-
 /** @public */
 declare type TooltipElementType = 'div' | 'span' | ComponentType