@sanity/ui 0.36.13 → 0.36.16

package/lib/esm/components/dialog/dialog.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ResponsivePaddingProps, ResponsiveWidthProps } from '../../primitives/types';
-import { ThemeColorSchemeKey } from '../../theme';
-import { DialogPosition } from '../../types';
-/**
- * @public
- */
-export interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {
-    /**
-     * @beta
-     */
-    __unstable_autoFocus?: boolean;
-    /**
-     * @beta
-     */
-    __unstable_hideCloseButton?: boolean;
-    cardRadius?: number | number[];
-    cardShadow?: number | number[];
-    contentRef?: React.ForwardedRef<HTMLDivElement>;
-    footer?: React.ReactNode;
-    header?: React.ReactNode;
-    id: string;
-    onClickOutside?: () => void;
-    onClose?: () => void;
-    portal?: string;
-    position?: DialogPosition | DialogPosition[];
-    scheme?: ThemeColorSchemeKey;
-    zOffset?: number | number[];
-}
-/**
- * @public
- */
-export declare const Dialog: React.ForwardRefExoticComponent<Pick<DialogProps & Omit<React.HTMLProps<HTMLDivElement>, "width" | "id" | "as">, "default" | "disabled" | "selected" | "name" | "muted" | "key" | "readOnly" | "label" | "color" | "media" | "value" | "children" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "size" | "wrap" | "open" | "multiple" | "min" | "max" | "sizes" | "height" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | keyof DialogProps> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=dialog.d.ts.map

package/lib/esm/components/dialog/dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAKjF,OAAO,EAAC,sBAAsB,EAAE,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAEnF,OAAO,EAAC,mBAAmB,EAAW,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAS1C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,sBAAsB,EAAE,oBAAoB;IAC/E;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AA2MD;;GAEG;AACH,eAAO,MAAM,MAAM,m3LA0FjB,CAAA"}

package/lib/esm/components/dialog/dialog.js

@@ -1,280 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { CloseIcon } from "@sanity/icons";
-import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
-import styled from "styled-components";
-import { focusFirstDescendant, focusLastDescendant } from "../../helpers";
-import { useClickOutside, useForwardedRef, useGlobalKeyDown } from "../../hooks";
-import { Box, Button, Card, Container, Flex, Text } from "../../primitives";
-import { responsivePaddingStyle } from "../../styles/internal";
-import { useTheme } from "../../theme";
-import { Layer, Portal, useLayer } from "../../utils";
-import {
-  dialogStyle,
-  responsiveDialogPositionStyle
-} from "./styles";
-import { useDialog } from "./useDialog";
-const Root = styled(Layer)(responsivePaddingStyle, dialogStyle, responsiveDialogPositionStyle);
-const DialogContainer = styled(Container)`
-  &:not([hidden]) {
-    display: flex;
-  }
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`;
-const DialogCardRoot = styled(Card)`
-  &:not([hidden]) {
-    display: flex;
-  }
-  width: 100%;
-  min-height: 0;
-  max-height: 100%;
-  overflow: hidden;
-`;
-const DialogLayout = styled(Flex)`
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-`;
-const DialogHeader = styled(Card)`
-  position: relative;
-  z-index: 2;
-
-  &:after {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -1px;
-    border-bottom: 1px solid var(--card-hairline-soft-color);
-  }
-`;
-const DialogContent = styled(Box)`
-  position: relative;
-  z-index: 1;
-  overflow: auto;
-  outline: none;
-`;
-const DialogFooter = styled(Box)`
-  position: relative;
-  z-index: 3;
-  border-top: 1px solid var(--card-hairline-soft-color);
-`;
-const DialogCard = forwardRef(function DialogCard2(props, ref) {
-  const {
-    __unstable_autoFocus: autoFocus,
-    __unstable_hideCloseButton: hideCloseButton,
-    children,
-    contentRef,
-    footer,
-    header,
-    id,
-    onClickOutside,
-    onClose,
-    radius,
-    scheme,
-    shadow,
-    width
-  } = props;
-  const forwardedRef = useForwardedRef(ref);
-  const [rootElement, setRootElement] = useState(null);
-  const localContentRef = useRef(null);
-  const layer = useLayer();
-  const { isTopLayer } = layer;
-  const labelId = `${id}_label`;
-  const showCloseButton = Boolean(onClose) && hideCloseButton === false;
-  const showHeader = Boolean(header) || showCloseButton;
-  useEffect(() => {
-    if (!autoFocus)
-      return;
-    if (forwardedRef.current) {
-      focusFirstDescendant(forwardedRef.current);
-    }
-  }, [autoFocus, forwardedRef]);
-  useGlobalKeyDown(useCallback((event) => {
-    if (!isTopLayer || !onClose)
-      return;
-    if (event.key === "Escape") {
-      event.preventDefault();
-      event.stopPropagation();
-      onClose();
-    }
-  }, [isTopLayer, onClose]));
-  useClickOutside(useCallback(() => {
-    if (!isTopLayer || !onClickOutside)
-      return;
-    onClickOutside();
-  }, [isTopLayer, onClickOutside]), [rootElement]);
-  const setRef = useCallback((el) => {
-    setRootElement(el);
-    forwardedRef.current = el;
-  }, [forwardedRef]);
-  const setContentRef = useCallback((el) => {
-    localContentRef.current = el;
-    if (typeof contentRef === "function")
-      contentRef(el);
-    else if (contentRef)
-      contentRef.current = el;
-  }, [contentRef]);
-  return /* @__PURE__ */ React.createElement(DialogContainer, {
-    "data-ui": "DialogCard",
-    width
-  }, /* @__PURE__ */ React.createElement(DialogCardRoot, {
-    radius,
-    ref: setRef,
-    scheme,
-    shadow
-  }, /* @__PURE__ */ React.createElement(DialogLayout, {
-    direction: "column"
-  }, showHeader && /* @__PURE__ */ React.createElement(DialogHeader, null, /* @__PURE__ */ React.createElement(Flex, null, /* @__PURE__ */ React.createElement(Box, {
-    flex: 1,
-    padding: 4
-  }, header && /* @__PURE__ */ React.createElement(Text, {
-    id: labelId,
-    weight: "semibold"
-  }, header)), showCloseButton && /* @__PURE__ */ React.createElement(Box, {
-    padding: 2
-  }, /* @__PURE__ */ React.createElement(Button, {
-    "aria-label": "Close dialog",
-    disabled: !onClose,
-    icon: CloseIcon,
-    mode: "bleed",
-    onClick: onClose,
-    padding: 3
-  })))), /* @__PURE__ */ React.createElement(DialogContent, {
-    flex: 1,
-    ref: setContentRef,
-    tabIndex: -1
-  }, children), footer && /* @__PURE__ */ React.createElement(DialogFooter, null, footer))));
-});
-const Dialog = forwardRef(function Dialog2(props, ref) {
-  var _a;
-  const dialog = useDialog();
-  const theme = useTheme();
-  const _b = props, {
-    __unstable_autoFocus: autoFocus = true,
-    __unstable_hideCloseButton: hideCloseButton = false,
-    cardRadius = 3,
-    cardShadow = 4,
-    children,
-    contentRef,
-    footer,
-    header,
-    id,
-    onClickOutside,
-    onClose,
-    padding = 4,
-    portal,
-    position = dialog.position || "fixed",
-    scheme,
-    width = 0,
-    zOffset = dialog.zOffset || ((_a = theme.sanity.layer) == null ? void 0 : _a.dialog.zOffset)
-  } = _b, restProps = __objRest(_b, [
-    "__unstable_autoFocus",
-    "__unstable_hideCloseButton",
-    "cardRadius",
-    "cardShadow",
-    "children",
-    "contentRef",
-    "footer",
-    "header",
-    "id",
-    "onClickOutside",
-    "onClose",
-    "padding",
-    "portal",
-    "position",
-    "scheme",
-    "width",
-    "zOffset"
-  ]);
-  const preDivRef = useRef(null);
-  const postDivRef = useRef(null);
-  const cardRef = useRef(null);
-  const handleFocus = useCallback((event) => {
-    const target = event.target;
-    const cardElement = cardRef.current;
-    if (!cardElement) {
-      return;
-    }
-    if (target === preDivRef.current) {
-      focusLastDescendant(cardElement);
-      return;
-    }
-    if (target === postDivRef.current) {
-      focusFirstDescendant(cardElement);
-      return;
-    }
-  }, []);
-  const labelId = `${id}_label`;
-  return /* @__PURE__ */ React.createElement(Portal, {
-    __unstable_name: portal
-  }, /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({}, restProps), {
-    $padding: padding,
-    $position: position,
-    "aria-labelledby": labelId,
-    "aria-modal": true,
-    "data-ui": "Dialog",
-    id,
-    onFocus: handleFocus,
-    ref,
-    role: "dialog",
-    zOffset
-  }), /* @__PURE__ */ React.createElement("div", {
-    ref: preDivRef,
-    tabIndex: 0
-  }), /* @__PURE__ */ React.createElement(DialogCard, {
-    __unstable_autoFocus: autoFocus,
-    __unstable_hideCloseButton: hideCloseButton,
-    contentRef,
-    footer,
-    header,
-    id,
-    onClickOutside,
-    onClose,
-    radius: cardRadius,
-    ref: cardRef,
-    scheme,
-    shadow: cardShadow,
-    width
-  }, children), /* @__PURE__ */ React.createElement("div", {
-    ref: postDivRef,
-    tabIndex: 0
-  })));
-});
-export {
-  Dialog
-};

package/lib/esm/components/dialog/dialog.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/dialog.tsx"],
-  "sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React, {forwardRef, useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {focusFirstDescendant, focusLastDescendant} from '../../helpers'\nimport {useClickOutside, useForwardedRef, useGlobalKeyDown} from '../../hooks'\nimport {Box, Button, Card, Container, Flex, Text} from '../../primitives'\nimport {ResponsivePaddingProps, ResponsiveWidthProps} from '../../primitives/types'\nimport {responsivePaddingStyle, ResponsivePaddingStyleProps} from '../../styles/internal'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {DialogPosition} from '../../types'\nimport {Layer, Portal, useLayer} from '../../utils'\nimport {\n  dialogStyle,\n  responsiveDialogPositionStyle,\n  ResponsiveDialogPositionStyleProps,\n} from './styles'\nimport {useDialog} from './useDialog'\n\n/**\n * @public\n */\nexport interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus?: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton?: boolean\n  cardRadius?: number | number[]\n  cardShadow?: number | number[]\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer?: React.ReactNode\n  header?: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  portal?: string\n  position?: DialogPosition | DialogPosition[]\n  scheme?: ThemeColorSchemeKey\n  zOffset?: number | number[]\n}\n\ninterface DialogCardProps extends ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton: boolean\n  children: React.ReactNode\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer: React.ReactNode\n  header: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  radius: number | number[]\n  scheme?: ThemeColorSchemeKey\n  shadow: number | number[]\n}\n\nconst Root = styled(Layer)<ResponsiveDialogPositionStyleProps & ResponsivePaddingStyleProps>(\n  responsivePaddingStyle,\n  dialogStyle,\n  responsiveDialogPositionStyle\n)\n\nconst DialogContainer = styled(Container)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`\n\nconst DialogCardRoot = styled(Card)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  min-height: 0;\n  max-height: 100%;\n  overflow: hidden;\n`\n\nconst DialogLayout = styled(Flex)`\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n`\n\nconst DialogHeader = styled(Card)`\n  position: relative;\n  z-index: 2;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-hairline-soft-color);\n  }\n`\n\nconst DialogContent = styled(Box)`\n  position: relative;\n  z-index: 1;\n  overflow: auto;\n  outline: none;\n`\n\nconst DialogFooter = styled(Box)`\n  position: relative;\n  z-index: 3;\n  border-top: 1px solid var(--card-hairline-soft-color);\n`\n\nconst DialogCard = forwardRef(function DialogCard(\n  props: DialogCardProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    __unstable_autoFocus: autoFocus,\n    __unstable_hideCloseButton: hideCloseButton,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    radius,\n    scheme,\n    shadow,\n    width,\n  } = props\n  const forwardedRef = useForwardedRef(ref)\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const localContentRef = useRef<HTMLDivElement | null>(null)\n  const layer = useLayer()\n  const {isTopLayer} = layer\n  const labelId = `${id}_label`\n  const showCloseButton = Boolean(onClose) && hideCloseButton === false\n  const showHeader = Boolean(header) || showCloseButton\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    // On mount: focus the first interactive element in the contents\n    if (forwardedRef.current) {\n      focusFirstDescendant(forwardedRef.current)\n    }\n  }, [autoFocus, forwardedRef])\n\n  useGlobalKeyDown(\n    useCallback(\n      (event: KeyboardEvent) => {\n        if (!isTopLayer || !onClose) return\n\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          onClose()\n        }\n      },\n      [isTopLayer, onClose]\n    )\n  )\n\n  useClickOutside(\n    useCallback(() => {\n      if (!isTopLayer || !onClickOutside) return\n\n      onClickOutside()\n    }, [isTopLayer, onClickOutside]),\n    [rootElement]\n  )\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      setRootElement(el)\n      forwardedRef.current = el\n    },\n    [forwardedRef]\n  )\n\n  const setContentRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      localContentRef.current = el\n      if (typeof contentRef === 'function') contentRef(el)\n      else if (contentRef) contentRef.current = el\n    },\n    [contentRef]\n  )\n\n  return (\n    <DialogContainer data-ui=\"DialogCard\" width={width}>\n      <DialogCardRoot radius={radius} ref={setRef} scheme={scheme} shadow={shadow}>\n        <DialogLayout direction=\"column\">\n          {showHeader && (\n            <DialogHeader>\n              <Flex>\n                <Box flex={1} padding={4}>\n                  {header && (\n                    <Text id={labelId} weight=\"semibold\">\n                      {header}\n                    </Text>\n                  )}\n                </Box>\n                {showCloseButton && (\n                  <Box padding={2}>\n                    <Button\n                      aria-label=\"Close dialog\"\n                      disabled={!onClose}\n                      icon={CloseIcon}\n                      mode=\"bleed\"\n                      onClick={onClose}\n                      padding={3}\n                    />\n                  </Box>\n                )}\n              </Flex>\n            </DialogHeader>\n          )}\n\n          <DialogContent flex={1} ref={setContentRef} tabIndex={-1}>\n            {children}\n          </DialogContent>\n\n          {footer && <DialogFooter>{footer}</DialogFooter>}\n        </DialogLayout>\n      </DialogCardRoot>\n    </DialogContainer>\n  )\n})\n\n/**\n * @public\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: DialogProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'id' | 'width'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const dialog = useDialog()\n  const theme = useTheme()\n  const {\n    __unstable_autoFocus: autoFocus = true,\n    __unstable_hideCloseButton: hideCloseButton = false,\n    cardRadius = 3,\n    cardShadow = 4,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    padding = 4,\n    portal,\n    position = dialog.position || 'fixed',\n    scheme,\n    width = 0,\n    zOffset = dialog.zOffset || theme.sanity.layer?.dialog.zOffset,\n    ...restProps\n  } = props\n  const preDivRef = useRef<HTMLDivElement | null>(null)\n  const postDivRef = useRef<HTMLDivElement | null>(null)\n  const cardRef = useRef<HTMLDivElement | null>(null)\n\n  const handleFocus = useCallback((event: React.FocusEvent<HTMLDivElement>) => {\n    const target = event.target\n    const cardElement = cardRef.current\n\n    if (!cardElement) {\n      return\n    }\n\n    if (target === preDivRef.current) {\n      focusLastDescendant(cardElement)\n\n      return\n    }\n\n    if (target === postDivRef.current) {\n      focusFirstDescendant(cardElement)\n\n      return\n    }\n  }, [])\n\n  const labelId = `${id}_label`\n\n  return (\n    <Portal __unstable_name={portal}>\n      <Root\n        {...restProps}\n        $padding={padding}\n        $position={position}\n        aria-labelledby={labelId}\n        aria-modal\n        data-ui=\"Dialog\"\n        id={id}\n        onFocus={handleFocus}\n        ref={ref}\n        role=\"dialog\"\n        zOffset={zOffset}\n      >\n        <div ref={preDivRef} tabIndex={0} />\n        <DialogCard\n          __unstable_autoFocus={autoFocus}\n          __unstable_hideCloseButton={hideCloseButton}\n          contentRef={contentRef}\n          footer={footer}\n          header={header}\n          id={id}\n          onClickOutside={onClickOutside}\n          onClose={onClose}\n          radius={cardRadius}\n          ref={cardRef}\n          scheme={scheme}\n          shadow={cardShadow}\n          width={width}\n        >\n          {children}\n        </DialogCard>\n        <div ref={postDivRef} tabIndex={0} />\n      </Root>\n    </Portal>\n  )\n})\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/esm/components/dialog/dialogContext.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { DialogPosition } from '../../types';
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export interface DialogContextValue {
-    version: 0.0;
-    position?: DialogPosition | DialogPosition[];
-    zOffset?: number | number[];
-}
-/**
- * @internal
- */
-export declare const DialogContext: React.Context<DialogContextValue>;
-//# sourceMappingURL=dialogContext.d.ts.map

package/lib/esm/components/dialog/dialogContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogContext.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialogContext.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAMD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAoB,CAAA"}

package/lib/esm/components/dialog/dialogContext.js

@@ -1,8 +0,0 @@
-import { createContext } from "react";
-import { globalScope } from "../../lib/globalScope";
-const key = Symbol.for("@sanity/ui/context/dialog");
-globalScope[key] = globalScope[key] || createContext({ version: 0 });
-const DialogContext = globalScope[key];
-export {
-  DialogContext
-};

package/lib/esm/components/dialog/dialogContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/dialogContext.ts"],
-  "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\nimport {DialogPosition} from '../../types'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface DialogContextValue {\n  version: 0.0\n  position?: DialogPosition | DialogPosition[]\n  zOffset?: number | number[]\n}\n\nconst key = Symbol.for('@sanity/ui/context/dialog')\n\nglobalScope[key] = globalScope[key] || createContext<DialogContextValue>({version: 0.0})\n\n/**\n * @internal\n */\nexport const DialogContext: React.Context<DialogContextValue> = globalScope[key]\n"],
-  "mappings": "AAAA;AACA;AAaA,MAAM,MAAM,OAAO,IAAI;AAEvB,YAAY,OAAO,YAAY,QAAQ,cAAkC,EAAC,SAAS;AAK5E,MAAM,gBAAmD,YAAY;",
-  "names": []
-}

package/lib/esm/components/dialog/dialogProvider.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { DialogPosition } from '../../types';
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export interface DialogProviderProps {
-    children?: React.ReactNode;
-    position?: DialogPosition | DialogPosition[];
-    zOffset?: number | number[];
-}
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function DialogProvider(props: DialogProviderProps): React.ReactElement;
-//# sourceMappingURL=dialogProvider.d.ts.map

package/lib/esm/components/dialog/dialogProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialogProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAG1C;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAa7E"}

package/lib/esm/components/dialog/dialogProvider.js

@@ -1,16 +0,0 @@
-import React, { useMemo } from "react";
-import { DialogContext } from "./dialogContext";
-function DialogProvider(props) {
-  const { children, position, zOffset } = props;
-  const contextValue = useMemo(() => ({
-    version: 0,
-    position,
-    zOffset
-  }), [position, zOffset]);
-  return /* @__PURE__ */ React.createElement(DialogContext.Provider, {
-    value: contextValue
-  }, children);
-}
-export {
-  DialogProvider
-};

package/lib/esm/components/dialog/dialogProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/dialogProvider.tsx"],
-  "sourcesContent": ["import React, {useMemo} from 'react'\nimport {DialogPosition} from '../../types'\nimport {DialogContext, DialogContextValue} from './dialogContext'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface DialogProviderProps {\n  children?: React.ReactNode\n  position?: DialogPosition | DialogPosition[]\n  zOffset?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function DialogProvider(props: DialogProviderProps): React.ReactElement {\n  const {children, position, zOffset} = props\n\n  const contextValue: DialogContextValue = useMemo(\n    () => ({\n      version: 0.0,\n      position,\n      zOffset,\n    }),\n    [position, zOffset]\n  )\n\n  return <DialogContext.Provider value={contextValue}>{children}</DialogContext.Provider>\n}\n"],
-  "mappings": "AAAA;AAEA;AAgBO,wBAAwB,OAAgD;AAC7E,QAAM,EAAC,UAAU,UAAU,YAAW;AAEtC,QAAM,eAAmC,QACvC,MAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,MAEF,CAAC,UAAU;AAGb,SAAO,oCAAC,cAAc,UAAf;AAAA,IAAwB,OAAO;AAAA,KAAe;AAAA;",
-  "names": []
-}

package/lib/esm/components/dialog/index.d.ts

@@ -1,5 +0,0 @@
-export * from './dialog';
-export * from './dialogContext';
-export * from './dialogProvider';
-export * from './useDialog';
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/dialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA"}

package/lib/esm/components/dialog/index.js

@@ -1,4 +0,0 @@
-export * from "./dialog";
-export * from "./dialogContext";
-export * from "./dialogProvider";
-export * from "./useDialog";

package/lib/esm/components/dialog/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/index.ts"],
-  "sourcesContent": ["export * from './dialog'\nexport * from './dialogContext'\nexport * from './dialogProvider'\nexport * from './useDialog'\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;",
-  "names": []
-}

package/lib/esm/components/dialog/styles.d.ts

@@ -1,12 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeProps } from '../../styles';
-import { DialogPosition } from '../../types';
-/**
- * @internal
- */
-export interface ResponsiveDialogPositionStyleProps {
-    $position: DialogPosition | DialogPosition[];
-}
-export declare function dialogStyle({ theme }: ThemeProps): CSSObject;
-export declare function responsiveDialogPositionStyle(props: ResponsiveDialogPositionStyleProps & ThemeProps): CSSObject[];
-//# sourceMappingURL=styles.d.ts.map

package/lib/esm/components/dialog/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAgC,UAAU,EAAC,MAAM,cAAc,CAAA;AACtE,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE1C;;GAEG;AACH,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;CAC7C;AAED,wBAAgB,WAAW,CAAC,EAAC,KAAK,EAAC,EAAE,UAAU,GAAG,SAAS,CAiB1D;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,GAAG,UAAU,GACrD,SAAS,EAAE,CAKb"}

package/lib/esm/components/dialog/styles.js

@@ -1,26 +0,0 @@
-import { getResponsiveProp, responsive } from "../../styles";
-function dialogStyle({ theme }) {
-  const color = theme.sanity.color.base;
-  return {
-    "&:not([hidden])": {
-      display: "flex"
-    },
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    outline: "none",
-    background: color.shadow.penumbra
-  };
-}
-function responsiveDialogPositionStyle(props) {
-  const { theme } = props;
-  const { media } = theme.sanity;
-  return responsive(media, getResponsiveProp(props.$position), (position) => ({ "&&": { position } }));
-}
-export {
-  dialogStyle,
-  responsiveDialogPositionStyle
-};

package/lib/esm/components/dialog/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/styles.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive, ThemeProps} from '../../styles'\nimport {DialogPosition} from '../../types'\n\n/**\n * @internal\n */\nexport interface ResponsiveDialogPositionStyleProps {\n  $position: DialogPosition | DialogPosition[]\n}\n\nexport function dialogStyle({theme}: ThemeProps): CSSObject {\n  const color = theme.sanity.color.base\n\n  return {\n    '&:not([hidden])': {\n      display: 'flex',\n    },\n\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    outline: 'none',\n    background: color.shadow.penumbra,\n  }\n}\n\nexport function responsiveDialogPositionStyle(\n  props: ResponsiveDialogPositionStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$position), (position) => ({'&&': {position}}))\n}\n"],
-  "mappings": "AACA;AAUO,qBAAqB,EAAC,SAA+B;AAC1D,QAAM,QAAQ,MAAM,OAAO,MAAM;AAEjC,SAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,SAAS;AAAA;AAAA,IAGX,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,YAAY,MAAM,OAAO;AAAA;AAAA;AAItB,uCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,WAAW,OAAO,kBAAkB,MAAM,YAAY,CAAC,aAAc,GAAC,MAAM,EAAC;AAAA;",
-  "names": []
-}

package/lib/esm/components/dialog/useDialog.d.ts

@@ -1,7 +0,0 @@
-import { DialogContextValue } from './dialogContext';
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useDialog(): DialogContextValue;
-//# sourceMappingURL=useDialog.d.ts.map

package/lib/esm/components/dialog/useDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/useDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEjE;;;GAGG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAE9C"}

package/lib/esm/components/dialog/useDialog.js

@@ -1,8 +0,0 @@
-import { useContext } from "react";
-import { DialogContext } from "./dialogContext";
-function useDialog() {
-  return useContext(DialogContext);
-}
-export {
-  useDialog
-};

package/lib/esm/components/dialog/useDialog.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/dialog/useDialog.ts"],
-  "sourcesContent": ["import {useContext} from 'react'\nimport {DialogContext, DialogContextValue} from './dialogContext'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function useDialog(): DialogContextValue {\n  return useContext(DialogContext)\n}\n"],
-  "mappings": "AAAA;AACA;AAMO,qBAAyC;AAC9C,SAAO,WAAW;AAAA;",
-  "names": []
-}

package/lib/esm/components/hotkeys/hotkeys.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-/**
- * @public
- */
-export interface HotkeysProps {
-    fontSize?: number | number[];
-    padding?: number | number[];
-    radius?: number | number[];
-    space?: number | number[];
-    keys?: string[];
-}
-/**
- * @public
- */
-export declare const Hotkeys: React.ForwardRefExoticComponent<HotkeysProps & Omit<React.HTMLProps<HTMLElement>, "ref" | "size" | "as"> & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=hotkeys.d.ts.map

package/lib/esm/components/hotkeys/hotkeys.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotkeys.d.ts","sourceRoot":"","sources":["../../../../src/components/hotkeys/hotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAChB;AAeD;;GAEG;AACH,eAAO,MAAM,OAAO,8IAqBlB,CAAA"}