@sanity/ui 3.0.0-static.5 → 3.0.0-static.6

package/dist/_chunks-es/_visual-editing.mjs

@@ -142,6 +142,10 @@ const createColorTheme = createColorTheme$1, hexToRgb = hexToRgb$1, hslToRgb = h
     visualDuration: 0.2,
     bounce: 0.25
   }
+}, Z_OFFSETS = {
+  dialog: 600,
+  popover: 400,
+  tooltip: 200
 };
 function _isEnterToClickElement(element) {
   return isHTMLAnchorElement(element) || isHTMLButtonElement(element);
@@ -950,7 +954,7 @@ const LazyRefractor = lazy(() => import("./refractor.mjs")), Code = forwardRef(f
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = className, $[3] = languageProp, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = weight) : (children = $[1], className = $[2], languageProp = $[3], restProps = $[4], t0 = $[5], t1 = $[6], weight = $[7]);
-  const As = t0 === void 0 ? "pre" : t0, size2 = t1 === void 0 ? 1 : t1, language = typeof languageProp == "string" ? languageProp : void 0;
+  const As = t0 === void 0 ? "pre" : t0, size2 = t1 === void 0 ? 2 : t1, language = typeof languageProp == "string" ? languageProp : void 0;
   let t2;
   $[8] !== className || $[9] !== size2 || $[10] !== weight ? (t2 = composeClassNames(className, code({
     size: size2,
@@ -1786,6 +1790,7 @@ const ViewportOverlay = () => {
     __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,
     animate: _animate = !1,
     arrow: arrowProp = !1,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     boundaryElement = boundaryElementContext.element,
     children: childProp,
     constrainSize = !1,
@@ -1811,7 +1816,7 @@ const ViewportOverlay = () => {
     tone = "inherit",
     width: widthProp = "auto",
     // zOffset: zOffsetProp = layer.popover.zOffset,
-    zOffset: zOffsetProp,
+    zOffset: zOffsetProp = Z_OFFSETS.popover,
     updateRef,
     ...restProps
   } = props, animate = usePrefersReducedMotion() ? !1 : _animate, zOffset = useArrayProp(zOffsetProp), ref = useRef(null), arrowRef = useRef(null), rootBoundary = "viewport";
@@ -2127,7 +2132,7 @@ const CLEAR_BUTTON_BOX_STYLE = {
     __unstable_disableFocusRing = t72, t0 = t82, className = t92, clearButton = t102, t1 = t112, t2 = t122, gap = t132, IconComponent = t142, IconRightComponent = t152, onClear = t162, t3 = t172, prefix = t182, t4 = t192, readOnly = t202, t5 = t212, suffix = t222, customValidity = t232, t6 = t242, width = t252, restProps = t262, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = className, $[5] = clearButton, $[6] = customValidity, $[7] = gap, $[8] = onClear, $[9] = prefix, $[10] = readOnly, $[11] = restProps, $[12] = suffix, $[13] = t0, $[14] = t1, $[15] = t2, $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6, $[20] = width;
   } else
     IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], className = $[4], clearButton = $[5], customValidity = $[6], gap = $[7], onClear = $[8], prefix = $[9], readOnly = $[10], restProps = $[11], suffix = $[12], t0 = $[13], t1 = $[14], t2 = $[15], t3 = $[16], t4 = $[17], t5 = $[18], t6 = $[19], width = $[20];
-  const border = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSize = t2 === void 0 ? 1 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, space = t5 === void 0 ? 3 : t5, type = t6 === void 0 ? "text" : t6, ref = useRef(null), paddingArray = useArrayProp(padding), withClearButton = !!clearButton;
+  const border = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSize = t2 === void 0 ? 2 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, space = t5 === void 0 ? 3 : t5, type = t6 === void 0 ? "text" : t6, ref = useRef(null), paddingArray = useArrayProp(padding), withClearButton = !!clearButton;
   let t7;
   $[21] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => ref.current, $[21] = t7) : t7 = $[21], useImperativeHandle(forwardedRef, t7), useCustomValidity(ref, customValidity);
   const handleClearMouseDown = _temp;
@@ -2328,8 +2333,6 @@ function useTooltipDelayGroup() {
 }
 const Tooltip = forwardRef(function(props, forwardedRef) {
   const boundaryElementContext = useBoundaryElement(), {
-    layer
-  } = useTheme_v2(), {
     animate: _animate = !1,
     arrow: arrowProp = !1,
     boundaryElement = boundaryElementContext?.element,
@@ -2345,7 +2348,7 @@ const Tooltip = forwardRef(function(props, forwardedRef) {
     radius = 3,
     scheme,
     shadow = 2,
-    zOffset = layer.tooltip.zOffset,
+    zOffset = Z_OFFSETS.tooltip,
     tone,
     ...restProps
   } = props, animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = useRef(null), [referenceElement, setReferenceElement] = useState(null), arrowRef = useRef(null), rootBoundary = "viewport", [tooltipMaxWidth, setTooltipMaxWidth] = useState(0);
@@ -3096,6 +3099,7 @@ export {
   TooltipDelayGroupContext,
   TooltipDelayGroupProvider,
   VirtualList,
+  Z_OFFSETS,
   _ResizeObserver,
   _elementSizeObserver,
   _getArrayProp,