@sanity/ui 2.16.24 → 2.16.26

package/dist/_visual-editing.d.mts

@@ -47,7 +47,8 @@ declare type BoxOverflow = "visible" | "hidden" | "auto";
  * @public
  */
 declare interface BoxProps
-  extends ResponsiveFlexItemProps,
+  extends
+    ResponsiveFlexItemProps,
     ResponsiveBoxProps,
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
@@ -81,8 +82,7 @@ declare type ButtonMode = ThemeColorButtonModeKey;
  * @public
  */
 declare interface ButtonProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   mode?: ButtonMode;
@@ -134,7 +134,8 @@ export declare const Card: ForwardRefExoticComponent<
  * @public
  */
 declare interface CardProps
-  extends BoxProps,
+  extends
+    BoxProps,
     ResponsiveBorderProps,
     ResponsiveRadiusProps,
     ResponsiveShadowProps {
@@ -183,20 +184,13 @@ export declare const Flex: ForwardRefExoticComponent<
  * @public
  */
 declare type FlexAlign =
-  | "flex-start"
-  | "flex-end"
-  | "center"
-  | "baseline"
-  | "stretch";
+  "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 
 /**
  * @public
  */
 declare type FlexDirection =
-  | "row"
-  | "row-reverse"
-  | "column"
-  | "column-reverse";
+  "row" | "row-reverse" | "column" | "column-reverse";
 
 /**
  * @public
@@ -213,7 +207,8 @@ declare type FlexJustify =
  * @public
  */
 declare interface FlexProps
-  extends Omit<BoxProps, "display">,
+  extends
+    Omit<BoxProps, "display">,
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[];
@@ -291,8 +286,7 @@ declare type GridItemRowStart = "auto" | number;
  * @public
  */
 declare interface GridProps
-  extends Omit<BoxProps, "display">,
-    ResponsiveGridProps {}
+  extends Omit<BoxProps, "display">, ResponsiveGridProps {}
 
 /**
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -448,8 +442,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   hotkeys?: string[];
@@ -526,9 +519,7 @@ export declare type PopoverMargins = [number, number, number, number];
 
 /** @public */
 declare interface PopoverProps
-  extends Omit<LayerProps, "as">,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends Omit<LayerProps, "as">, ResponsiveRadiusProps, ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins;
   /**

package/dist/_visual-editing.d.ts

@@ -47,7 +47,8 @@ declare type BoxOverflow = "visible" | "hidden" | "auto";
  * @public
  */
 declare interface BoxProps
-  extends ResponsiveFlexItemProps,
+  extends
+    ResponsiveFlexItemProps,
     ResponsiveBoxProps,
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
@@ -81,8 +82,7 @@ declare type ButtonMode = ThemeColorButtonModeKey;
  * @public
  */
 declare interface ButtonProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   mode?: ButtonMode;
@@ -134,7 +134,8 @@ export declare const Card: ForwardRefExoticComponent<
  * @public
  */
 declare interface CardProps
-  extends BoxProps,
+  extends
+    BoxProps,
     ResponsiveBorderProps,
     ResponsiveRadiusProps,
     ResponsiveShadowProps {
@@ -183,20 +184,13 @@ export declare const Flex: ForwardRefExoticComponent<
  * @public
  */
 declare type FlexAlign =
-  | "flex-start"
-  | "flex-end"
-  | "center"
-  | "baseline"
-  | "stretch";
+  "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 
 /**
  * @public
  */
 declare type FlexDirection =
-  | "row"
-  | "row-reverse"
-  | "column"
-  | "column-reverse";
+  "row" | "row-reverse" | "column" | "column-reverse";
 
 /**
  * @public
@@ -213,7 +207,8 @@ declare type FlexJustify =
  * @public
  */
 declare interface FlexProps
-  extends Omit<BoxProps, "display">,
+  extends
+    Omit<BoxProps, "display">,
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[];
@@ -291,8 +286,7 @@ declare type GridItemRowStart = "auto" | number;
  * @public
  */
 declare interface GridProps
-  extends Omit<BoxProps, "display">,
-    ResponsiveGridProps {}
+  extends Omit<BoxProps, "display">, ResponsiveGridProps {}
 
 /**
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -448,8 +442,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   hotkeys?: string[];
@@ -526,9 +519,7 @@ export declare type PopoverMargins = [number, number, number, number];
 
 /** @public */
 declare interface PopoverProps
-  extends Omit<LayerProps, "as">,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends Omit<LayerProps, "as">, ResponsiveRadiusProps, ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins;
   /**

package/dist/index.d.mts

@@ -78,11 +78,7 @@ import { ThemeStyles } from "@sanity/ui/theme";
 
 /** @beta */
 export declare type ArrayPropPrimitive =
-  | string
-  | number
-  | boolean
-  | undefined
-  | null;
+  string | number | boolean | undefined | null;
 
 /** @internal */
 export declare const Arrow: ForwardRefExoticComponent<
@@ -470,11 +466,7 @@ export declare const Box: ForwardRefExoticComponent<
  * @public
  */
 export declare type BoxDisplay =
-  | "none"
-  | "block"
-  | "grid"
-  | "flex"
-  | "inline-block";
+  "none" | "block" | "grid" | "flex" | "inline-block";
 
 /**
  * @public
@@ -490,7 +482,8 @@ export declare type BoxOverflow = "visible" | "hidden" | "auto";
  * @public
  */
 export declare interface BoxProps
-  extends ResponsiveFlexItemProps,
+  extends
+    ResponsiveFlexItemProps,
     ResponsiveBoxProps,
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
@@ -548,8 +541,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2;
  * @public
  */
 export declare interface ButtonProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   mode?: ButtonMode;
@@ -601,7 +593,8 @@ export declare const Card: ForwardRefExoticComponent<
  * @public
  */
 export declare interface CardProps
-  extends BoxProps,
+  extends
+    BoxProps,
     ResponsiveBorderProps,
     ResponsiveRadiusProps,
     ResponsiveShadowProps {
@@ -661,18 +654,14 @@ export declare interface CheckboxProps {
  * @public
  */
 export declare type ClickOutsideElements = (
-  | HTMLElement
-  | null
-  | (HTMLElement | null)[]
+  HTMLElement | null | (HTMLElement | null)[]
 )[];
 
 /**
  * @public
  */
 export declare type ClickOutsideEventElements = (
-  | HTMLElement
-  | null
-  | (HTMLElement | null)[]
+  HTMLElement | null | (HTMLElement | null)[]
 )[];
 
 /**
@@ -760,8 +749,7 @@ export declare const Container: ForwardRefExoticComponent<
  * @public
  */
 export declare interface ContainerProps
-  extends BoxProps,
-    ResponsiveWidthProps {}
+  extends BoxProps, ResponsiveWidthProps {}
 
 /**
  * @internal
@@ -824,8 +812,7 @@ export declare type DialogPosition = "absolute" | "fixed";
  * @public
  */
 export declare interface DialogProps
-  extends ResponsivePaddingProps,
-    ResponsiveWidthProps {
+  extends ResponsivePaddingProps, ResponsiveWidthProps {
   /**
    * @beta
    */
@@ -991,20 +978,13 @@ export declare const Flex: ForwardRefExoticComponent<
  * @public
  */
 export declare type FlexAlign =
-  | "flex-start"
-  | "flex-end"
-  | "center"
-  | "baseline"
-  | "stretch";
+  "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 
 /**
  * @public
  */
 export declare type FlexDirection =
-  | "row"
-  | "row-reverse"
-  | "column"
-  | "column-reverse";
+  "row" | "row-reverse" | "column" | "column-reverse";
 
 /**
  * @public
@@ -1021,7 +1001,8 @@ export declare type FlexJustify =
  * @public
  */
 export declare interface FlexProps
-  extends Omit<BoxProps, "display">,
+  extends
+    Omit<BoxProps, "display">,
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[];
@@ -1093,10 +1074,7 @@ export declare type GridAutoCols = "auto" | "min" | "max" | "fr";
  * @public
  */
 export declare type GridAutoFlow =
-  | "row"
-  | "column"
-  | "row dense"
-  | "column dense";
+  "row" | "column" | "row dense" | "column dense";
 
 /**
  * @public
@@ -1137,8 +1115,7 @@ export declare type GridItemRowStart = "auto" | number;
  * @public
  */
 export declare interface GridProps
-  extends Omit<BoxProps, "display">,
-    ResponsiveGridProps {}
+  extends Omit<BoxProps, "display">, ResponsiveGridProps {}
 
 /**
  * @internal
@@ -1573,8 +1550,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   hotkeys?: string[];
@@ -1665,9 +1641,7 @@ export declare type PopoverMargins = [number, number, number, number];
 
 /** @public */
 export declare interface PopoverProps
-  extends Omit<LayerProps, "as">,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends Omit<LayerProps, "as">, ResponsiveRadiusProps, ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins;
   /**
@@ -1924,7 +1898,8 @@ export declare interface ResponsiveFontSizeStyleProps {
  * @internal
  */
 export declare interface ResponsiveFontStyleProps
-  extends FontWeightStyleProps,
+  extends
+    FontWeightStyleProps,
     ResponsiveFontSizeStyleProps,
     ResponsiveTextAlignStyleProps {
   $accent?: boolean;
@@ -2130,8 +2105,7 @@ export declare const Skeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface SkeletonProps
-  extends ResponsiveRadiusProps,
-    Omit<BoxProps, "children"> {
+  extends ResponsiveRadiusProps, Omit<BoxProps, "children"> {
   animated?: boolean;
   delay?: number;
 }
@@ -2249,8 +2223,10 @@ export declare const TabList: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare interface TabListProps
-  extends Omit<InlineProps, "as" | "height"> {
+export declare interface TabListProps extends Omit<
+  InlineProps,
+  "as" | "height"
+> {
   children: Array<React.JSX.Element | null | undefined | false>;
 }
 
@@ -2310,11 +2286,7 @@ export { Text_2 as Text };
  * @public
  */
 export declare type TextAlign =
-  | "left"
-  | "right"
-  | "center"
-  | "justify"
-  | "initial";
+  "left" | "right" | "center" | "justify" | "initial";
 
 /**
  * A multiline text input.
@@ -2732,8 +2704,10 @@ export declare namespace ToastProvider {
 /**
  * @public
  */
-export declare interface ToastProviderProps
-  extends Omit<ToastLayerProps, "children"> {
+export declare interface ToastProviderProps extends Omit<
+  ToastLayerProps,
+  "children"
+> {
   children?: React.ReactNode;
   zOffset?: number | number[];
 }

package/dist/index.d.ts

@@ -78,11 +78,7 @@ import { ThemeStyles } from "@sanity/ui/theme";
 
 /** @beta */
 export declare type ArrayPropPrimitive =
-  | string
-  | number
-  | boolean
-  | undefined
-  | null;
+  string | number | boolean | undefined | null;
 
 /** @internal */
 export declare const Arrow: ForwardRefExoticComponent<
@@ -470,11 +466,7 @@ export declare const Box: ForwardRefExoticComponent<
  * @public
  */
 export declare type BoxDisplay =
-  | "none"
-  | "block"
-  | "grid"
-  | "flex"
-  | "inline-block";
+  "none" | "block" | "grid" | "flex" | "inline-block";
 
 /**
  * @public
@@ -490,7 +482,8 @@ export declare type BoxOverflow = "visible" | "hidden" | "auto";
  * @public
  */
 export declare interface BoxProps
-  extends ResponsiveFlexItemProps,
+  extends
+    ResponsiveFlexItemProps,
     ResponsiveBoxProps,
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
@@ -548,8 +541,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2;
  * @public
  */
 export declare interface ButtonProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   mode?: ButtonMode;
@@ -601,7 +593,8 @@ export declare const Card: ForwardRefExoticComponent<
  * @public
  */
 export declare interface CardProps
-  extends BoxProps,
+  extends
+    BoxProps,
     ResponsiveBorderProps,
     ResponsiveRadiusProps,
     ResponsiveShadowProps {
@@ -661,18 +654,14 @@ export declare interface CheckboxProps {
  * @public
  */
 export declare type ClickOutsideElements = (
-  | HTMLElement
-  | null
-  | (HTMLElement | null)[]
+  HTMLElement | null | (HTMLElement | null)[]
 )[];
 
 /**
  * @public
  */
 export declare type ClickOutsideEventElements = (
-  | HTMLElement
-  | null
-  | (HTMLElement | null)[]
+  HTMLElement | null | (HTMLElement | null)[]
 )[];
 
 /**
@@ -760,8 +749,7 @@ export declare const Container: ForwardRefExoticComponent<
  * @public
  */
 export declare interface ContainerProps
-  extends BoxProps,
-    ResponsiveWidthProps {}
+  extends BoxProps, ResponsiveWidthProps {}
 
 /**
  * @internal
@@ -824,8 +812,7 @@ export declare type DialogPosition = "absolute" | "fixed";
  * @public
  */
 export declare interface DialogProps
-  extends ResponsivePaddingProps,
-    ResponsiveWidthProps {
+  extends ResponsivePaddingProps, ResponsiveWidthProps {
   /**
    * @beta
    */
@@ -991,20 +978,13 @@ export declare const Flex: ForwardRefExoticComponent<
  * @public
  */
 export declare type FlexAlign =
-  | "flex-start"
-  | "flex-end"
-  | "center"
-  | "baseline"
-  | "stretch";
+  "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 
 /**
  * @public
  */
 export declare type FlexDirection =
-  | "row"
-  | "row-reverse"
-  | "column"
-  | "column-reverse";
+  "row" | "row-reverse" | "column" | "column-reverse";
 
 /**
  * @public
@@ -1021,7 +1001,8 @@ export declare type FlexJustify =
  * @public
  */
 export declare interface FlexProps
-  extends Omit<BoxProps, "display">,
+  extends
+    Omit<BoxProps, "display">,
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[];
@@ -1093,10 +1074,7 @@ export declare type GridAutoCols = "auto" | "min" | "max" | "fr";
  * @public
  */
 export declare type GridAutoFlow =
-  | "row"
-  | "column"
-  | "row dense"
-  | "column dense";
+  "row" | "column" | "row dense" | "column dense";
 
 /**
  * @public
@@ -1137,8 +1115,7 @@ export declare type GridItemRowStart = "auto" | number;
  * @public
  */
 export declare interface GridProps
-  extends Omit<BoxProps, "display">,
-    ResponsiveGridProps {}
+  extends Omit<BoxProps, "display">, ResponsiveGridProps {}
 
 /**
  * @internal
@@ -1573,8 +1550,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps
-  extends ResponsivePaddingProps,
-    ResponsiveRadiusProps {
+  extends ResponsivePaddingProps, ResponsiveRadiusProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   fontSize?: number | number[];
   hotkeys?: string[];
@@ -1665,9 +1641,7 @@ export declare type PopoverMargins = [number, number, number, number];
 
 /** @public */
 export declare interface PopoverProps
-  extends Omit<LayerProps, "as">,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
+  extends Omit<LayerProps, "as">, ResponsiveRadiusProps, ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins;
   /**
@@ -1924,7 +1898,8 @@ export declare interface ResponsiveFontSizeStyleProps {
  * @internal
  */
 export declare interface ResponsiveFontStyleProps
-  extends FontWeightStyleProps,
+  extends
+    FontWeightStyleProps,
     ResponsiveFontSizeStyleProps,
     ResponsiveTextAlignStyleProps {
   $accent?: boolean;
@@ -2130,8 +2105,7 @@ export declare const Skeleton: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface SkeletonProps
-  extends ResponsiveRadiusProps,
-    Omit<BoxProps, "children"> {
+  extends ResponsiveRadiusProps, Omit<BoxProps, "children"> {
   animated?: boolean;
   delay?: number;
 }
@@ -2249,8 +2223,10 @@ export declare const TabList: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare interface TabListProps
-  extends Omit<InlineProps, "as" | "height"> {
+export declare interface TabListProps extends Omit<
+  InlineProps,
+  "as" | "height"
+> {
   children: Array<React.JSX.Element | null | undefined | false>;
 }
 
@@ -2310,11 +2286,7 @@ export { Text_2 as Text };
  * @public
  */
 export declare type TextAlign =
-  | "left"
-  | "right"
-  | "center"
-  | "justify"
-  | "initial";
+  "left" | "right" | "center" | "justify" | "initial";
 
 /**
  * A multiline text input.
@@ -2732,8 +2704,10 @@ export declare namespace ToastProvider {
 /**
  * @public
  */
-export declare interface ToastProviderProps
-  extends Omit<ToastLayerProps, "children"> {
+export declare interface ToastProviderProps extends Omit<
+  ToastLayerProps,
+  "children"
+> {
   children?: React.ReactNode;
   zOffset?: number | number[];
 }