@sanity/ui 5.0.0-alpha.5 → 5.0.0-alpha.7

package/dist/index.d.ts

@@ -180,6 +180,47 @@ declare const DENSITY: readonly ["compact", "regular", "loose"];
 /** @public */
 export declare type Density = (typeof DENSITY)[number];
 
+/**
+ * @beta
+ *
+ * Renders a modal dialog element — should not be used for nonmodal dialogs.
+ * Modal dialogs make their containing documents inert, and render on the topmost
+ * layer within that containing document; they must be dimissed before the containing
+ * document and its contents become unblocked. They also trap focus within the bounds
+ * of the dialog element and its descendants.
+ *
+ * For more on dialogs and modality, refer to the HTML specification for the dialog element:
+ * https://html.spec.whatwg.org/dev/interactive-elements.html#the-dialog-element
+ */
+export declare const Dialog: typeof DialogRoot;
+
+declare function DialogContent(props: ComponentProps<"div">): JSX.Element;
+
+declare function DialogFooter(props: ComponentProps<"div">): JSX.Element;
+
+/** @beta */
+export declare interface DialogProps extends Omit<
+  React.ComponentProps<"dialog">,
+  "open"
+> {
+  /** Text to be displayed as the dialog's heading; optional but recommended for optimal accessibility and presentation */
+  header?: string;
+  /** Used to set the value of open to false. Fires whenever the dialog is closed, either programmatically or by the user (via Esc key, clicking background, clicking the dialog's close button, or any other means.)  */
+  onClose: React.ReactEventHandler<HTMLDialogElement>;
+  /** Whether the dialog is open; defaults to false. */
+  open?: boolean;
+  /** Max width of the dialog */
+  size?: Responsive<ContainerSize>;
+}
+
+declare function DialogRoot({ open, size, ...props }: DialogProps): JSX.Element;
+
+declare namespace DialogRoot {
+  var displayName: string;
+  var Content: typeof DialogContent;
+  var Footer: typeof DialogFooter;
+}
+
 declare const DISPLAY_BLOCK: readonly ["block", "inline-block", "none"];
 
 declare const DISPLAY_FLEX: readonly ["flex", "inline-flex", "none"];
@@ -641,45 +682,6 @@ export declare type MarginProps = {
   marginLeft?: Responsive<SpaceAutoNegative>;
 };
 
-/**
- * @beta
- *
- * Renders a modal dialog element — should not be used for nonmodal dialogs.
- * Modal dialogs make their containing documents inert, and render on the topmost
- * layer within that containing document; they must be dimissed before the containing
- * document and its contents become unblocked. They also trap focus within the bounds
- * of the modal element and its descendants.
- *
- * For more on dialogs and modality, refer to the HTML specification for the dialog element:
- * https://html.spec.whatwg.org/dev/interactive-elements.html#the-dialog-element
- */
-export declare const Modal: typeof ModalRoot;
-
-declare function ModalContent(props: ComponentProps<"div">): JSX.Element;
-
-declare function ModalFooter(props: ComponentProps<"div">): JSX.Element;
-
-/** @beta */
-export declare interface ModalProps extends Omit<
-  React.ComponentProps<"dialog">,
-  "open"
-> {
-  /** Text to be displayed as the modal's heading; optional but recommended for optimal accessibility and presentation */
-  header?: string;
-  /** Used to set the value of open to false. Fires whenever the modal is closed, either programmatically or by the user (via Esc key, clicking background, clicking the modal's close button, or any other means.)  */
-  onClose: React.ReactEventHandler<HTMLDialogElement>;
-  /** Whether the modal is open; defaults to false. */
-  open?: boolean;
-}
-
-declare function ModalRoot(props: ModalProps): JSX.Element;
-
-declare namespace ModalRoot {
-  var displayName: string;
-  var Content: typeof ModalContent;
-  var Footer: typeof ModalFooter;
-}
-
 declare const OVERFLOW: readonly [
   "visible",
   "hidden",
@@ -742,6 +744,33 @@ export declare type PlacementProps = {
   placement?: Placement;
 };
 
+/** @beta */
+export declare const Popover: typeof PopoverRoot & {
+  forwardsTriggerProps: boolean;
+};
+
+/** @beta */
+export declare interface PopoverProps
+  extends
+    Omit<React.ComponentProps<"div">, "children" | "content">,
+    PlacementProps {
+  /** Anchor name for positioning */
+  anchorName?: React.ReactNode;
+  /** Focusable trigger element */
+  children: React.ReactElement<Record<string, unknown>>;
+  /** Popover content */
+  content?: React.ReactNode;
+  /** Render tooltip in portal */
+  portal?: boolean;
+}
+
+declare function PopoverRoot({
+  placement,
+  ...props
+}: PopoverProps & {
+  triggerProps?: Record<string, unknown>;
+}): JSX.Element;
+
 declare const POSITION: readonly [
   "absolute",
   "fixed",
@@ -952,8 +981,8 @@ declare type ToneProps = {
   tone?: Tone;
 };
 
-/** @public */
-export declare function Tooltip({ placement, ...props }: TooltipProps): any;
+/** @beta */
+export declare const Tooltip: typeof TooltipRoot;
 
 /** @public */
 export declare function TooltipGroup<T extends ElementType = "div">(
@@ -969,15 +998,28 @@ export declare interface TooltipGroupProps<
   as?: T;
 }
 
-/** @public */
+/** @beta */
 export declare interface TooltipProps
-  extends React.ComponentProps<"div">, PlacementProps {
-  /** Tooltip text */
-  text?: React.ReactNode;
-  /** Disabled state */
-  disabled?: boolean;
+  extends
+    Omit<React.ComponentProps<"div">, "children" | "content">,
+    PlacementProps {
+  /** Anchor name for positioning */
+  anchorName?: React.ReactNode;
+  /** Focusable trigger element */
+  children: React.ReactElement<Record<string, unknown>>;
+  /** Tooltip content */
+  content?: React.ReactNode;
+  /** Render tooltip in portal */
+  portal?: boolean;
 }
 
+declare function TooltipRoot({
+  placement,
+  ...props
+}: TooltipProps & {
+  triggerProps?: Record<string, unknown>;
+}): JSX.Element;
+
 /** @public */
 export declare interface TypographyProps extends MarginProps, ToneProps {
   /** CSS **text-align** property */
@@ -992,6 +1034,9 @@ export declare interface TypographyProps extends MarginProps, ToneProps {
   weight?: FontWeight;
 }
 
+/** @public */
+export declare function useIsClient(): boolean;
+
 /** @public */
 export declare function VisuallyHidden<T extends ElementType = "span">(
   props: VisuallyHiddenProps<T> &