@sanity/ui 3.0.0-static.14 → 3.0.0-static.15

package/dist/_chunks-cjs/_visual-editing.js

@@ -1679,18 +1679,16 @@ function size(options) {
     }
   };
 }
-const DEFAULT_POPOVER_LAYER_ELEMENT = "div", MotionLayer$1 = framerMotion.motion.create(Layer);
 function PopoverLayer(props) {
-  const $ = reactCompilerRuntime.c(67), t0 = props;
-  let animate, arrow, arrowRef, arrowX, arrowY, children, marginsProp, maxWidth, originX, originY, overflow, padding, placement, radius, referenceWidth, rest, shadow, strategy, style, t1, t2, xProp, yProp;
-  $[0] !== t0 ? ({
+  const $ = reactCompilerRuntime.c(65);
+  let animate, arrow, arrowRef, arrowX, arrowY, children, marginsProp, maxWidth, originX, originY, overflow, padding, placement, radius, referenceWidth, rest, shadow, strategy, style, t0, xProp, yProp;
+  $[0] !== props ? ({
     __unstable_margins: marginsProp,
     animate,
     arrow,
     arrowRef,
     arrowX,
     arrowY,
-    as: t1,
     children,
     maxWidth,
     padding,
@@ -1703,57 +1701,57 @@ function PopoverLayer(props) {
     shadow,
     strategy,
     style,
-    tone: t2,
+    tone: t0,
     x: xProp,
     y: yProp,
     ...rest
-  } = t0, $[0] = t0, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = marginsProp, $[8] = maxWidth, $[9] = originX, $[10] = originY, $[11] = overflow, $[12] = padding, $[13] = placement, $[14] = radius, $[15] = referenceWidth, $[16] = rest, $[17] = shadow, $[18] = strategy, $[19] = style, $[20] = t1, $[21] = t2, $[22] = xProp, $[23] = yProp) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], marginsProp = $[7], maxWidth = $[8], originX = $[9], originY = $[10], overflow = $[11], padding = $[12], placement = $[13], radius = $[14], referenceWidth = $[15], rest = $[16], shadow = $[17], strategy = $[18], style = $[19], t1 = $[20], t2 = $[21], xProp = $[22], yProp = $[23]);
-  const as = t1 === void 0 ? DEFAULT_POPOVER_LAYER_ELEMENT : t1, tone = t2 === void 0 ? "inherit" : t2;
-  let t3;
-  t3 = marginsProp || DEFAULT_POPOVER_MARGINS;
-  const margins = t3, x = (xProp ?? 0) + margins[3], y = (yProp ?? 0) + margins[0];
+  } = props, $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = marginsProp, $[8] = maxWidth, $[9] = originX, $[10] = originY, $[11] = overflow, $[12] = padding, $[13] = placement, $[14] = radius, $[15] = referenceWidth, $[16] = rest, $[17] = shadow, $[18] = strategy, $[19] = style, $[20] = t0, $[21] = xProp, $[22] = yProp) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], marginsProp = $[7], maxWidth = $[8], originX = $[9], originY = $[10], overflow = $[11], padding = $[12], placement = $[13], radius = $[14], referenceWidth = $[15], rest = $[16], shadow = $[17], strategy = $[18], style = $[19], t0 = $[20], xProp = $[21], yProp = $[22]);
+  const tone = t0 === void 0 ? "inherit" : t0;
+  let t1;
+  t1 = marginsProp || DEFAULT_POPOVER_MARGINS;
+  const margins = t1, x = (xProp ?? 0) + margins[3], y = (yProp ?? 0) + margins[0];
+  let t2;
+  const t3 = animate ? "transform" : void 0;
   let t4;
-  const t5 = animate ? "transform" : void 0;
-  let t6;
-  $[24] !== originX || $[25] !== originY || $[26] !== referenceWidth || $[27] !== style || $[28] !== t5 || $[29] !== x || $[30] !== y ? (t6 = {
+  $[23] !== originX || $[24] !== originY || $[25] !== referenceWidth || $[26] !== style || $[27] !== t3 || $[28] !== x || $[29] !== y ? (t4 = {
     left: x,
     originX,
     originY,
     top: y,
     width: referenceWidth,
-    willChange: t5,
+    willChange: t3,
     ...style
-  }, $[24] = originX, $[25] = originY, $[26] = referenceWidth, $[27] = style, $[28] = t5, $[29] = x, $[30] = y, $[31] = t6) : t6 = $[31], t4 = t6;
-  const rootStyle = t4;
-  let t7;
-  const t8 = arrowX !== null ? arrowX : void 0, t9 = arrowY !== null ? arrowY : void 0;
-  let t10;
-  $[32] !== t8 || $[33] !== t9 ? (t10 = {
-    left: t8,
-    top: t9,
+  }, $[23] = originX, $[24] = originY, $[25] = referenceWidth, $[26] = style, $[27] = t3, $[28] = x, $[29] = y, $[30] = t4) : t4 = $[30], t2 = t4;
+  const rootStyle = t2;
+  let t5;
+  const t6 = arrowX !== null ? arrowX : void 0, t7 = arrowY !== null ? arrowY : void 0;
+  let t8;
+  $[31] !== t6 || $[32] !== t7 ? (t8 = {
+    left: t6,
+    top: t7,
     right: void 0,
     bottom: void 0
-  }, $[32] = t8, $[33] = t9, $[34] = t10) : t10 = $[34], t7 = t10;
-  const arrowStyle = t7;
+  }, $[31] = t6, $[32] = t7, $[33] = t8) : t8 = $[33], t5 = t8;
+  const arrowStyle = t5;
+  let t9;
+  $[34] === Symbol.for("react.memo_cache_sentinel") ? (t9 = css.popoverCard(), $[34] = t9) : t9 = $[34];
+  let t10;
+  $[35] !== animate ? (t10 = animate ? ["hidden", "initial"] : void 0, $[35] = animate, $[36] = t10) : t10 = $[36];
   let t11;
-  $[35] === Symbol.for("react.memo_cache_sentinel") ? (t11 = css.popoverCard(), $[35] = t11) : t11 = $[35];
+  $[37] !== animate ? (t11 = animate ? ["visible", "scaleIn"] : void 0, $[37] = animate, $[38] = t11) : t11 = $[38];
   let t12;
-  $[36] !== animate ? (t12 = animate ? ["hidden", "initial"] : void 0, $[36] = animate, $[37] = t12) : t12 = $[37];
+  $[39] !== animate ? (t12 = animate ? ["hidden", "scaleOut"] : void 0, $[39] = animate, $[40] = t12) : t12 = $[40];
   let t13;
-  $[38] !== animate ? (t13 = animate ? ["visible", "scaleIn"] : void 0, $[38] = animate, $[39] = t13) : t13 = $[39];
+  $[41] !== children || $[42] !== padding ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", flex: 1, padding, children }), $[41] = children, $[42] = padding, $[43] = t13) : t13 = $[43];
   let t14;
-  $[40] !== animate ? (t14 = animate ? ["hidden", "scaleOut"] : void 0, $[40] = animate, $[41] = t14) : t14 = $[41];
+  $[44] !== maxWidth || $[45] !== overflow || $[46] !== t13 ? (t14 = /* @__PURE__ */ jsxRuntime.jsx(Flex, { "data-ui": "Popover__wrapper", direction: "column", flex: 1, maxWidth, overflow, children: t13 }), $[44] = maxWidth, $[45] = overflow, $[46] = t13, $[47] = t14) : t14 = $[47];
   let t15;
-  $[42] !== children || $[43] !== padding ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", flex: 1, padding, children }), $[42] = children, $[43] = padding, $[44] = t15) : t15 = $[44];
+  $[48] !== arrow || $[49] !== arrowRef || $[50] !== arrowStyle ? (t15 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_POPOVER_ARROW_WIDTH, height: DEFAULT_POPOVER_ARROW_HEIGHT, radius: DEFAULT_POPOVER_ARROW_RADIUS }), $[48] = arrow, $[49] = arrowRef, $[50] = arrowStyle, $[51] = t15) : t15 = $[51];
   let t16;
-  $[45] !== maxWidth || $[46] !== overflow || $[47] !== t15 ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(Flex, { "data-ui": "Popover__wrapper", direction: "column", flex: 1, maxWidth, overflow, children: t15 }), $[45] = maxWidth, $[46] = overflow, $[47] = t15, $[48] = t16) : t16 = $[48];
-  let t17;
-  $[49] !== arrow || $[50] !== arrowRef || $[51] !== arrowStyle ? (t17 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_POPOVER_ARROW_WIDTH, height: DEFAULT_POPOVER_ARROW_HEIGHT, radius: DEFAULT_POPOVER_ARROW_RADIUS }), $[49] = arrow, $[50] = arrowRef, $[51] = arrowStyle, $[52] = t17) : t17 = $[52];
-  let t18;
-  return $[53] !== as || $[54] !== placement || $[55] !== radius || $[56] !== rest || $[57] !== rootStyle || $[58] !== shadow || $[59] !== strategy || $[60] !== t12 || $[61] !== t13 || $[62] !== t14 || $[63] !== t16 || $[64] !== t17 || $[65] !== tone ? (t18 = /* @__PURE__ */ jsxRuntime.jsxs(MotionLayer$1, { className: t11, "data-ui": "Popover", ...rest, as, "data-context-tone": tone, "data-placement": placement, direction: "column", display: "flex", position: strategy, radius, shadow, sizing: "border", style: rootStyle, tone, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t12, animate: t13, exit: t14, children: [
-    t16,
-    t17
-  ] }), $[53] = as, $[54] = placement, $[55] = radius, $[56] = rest, $[57] = rootStyle, $[58] = shadow, $[59] = strategy, $[60] = t12, $[61] = t13, $[62] = t14, $[63] = t16, $[64] = t17, $[65] = tone, $[66] = t18) : t18 = $[66], t18;
+  return $[52] !== placement || $[53] !== radius || $[54] !== rest || $[55] !== rootStyle || $[56] !== shadow || $[57] !== strategy || $[58] !== t10 || $[59] !== t11 || $[60] !== t12 || $[61] !== t14 || $[62] !== t15 || $[63] !== tone ? (t16 = /* @__PURE__ */ jsxRuntime.jsxs(Layer, { className: t9, "data-ui": "Popover", ...rest, as: framerMotion.motion.div, "data-context-tone": tone, "data-placement": placement, direction: "column", display: "flex", position: strategy, radius, shadow, sizing: "border", style: rootStyle, tone, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t10, animate: t11, exit: t12, children: [
+    t14,
+    t15
+  ] }), $[52] = placement, $[53] = radius, $[54] = rest, $[55] = rootStyle, $[56] = shadow, $[57] = strategy, $[58] = t10, $[59] = t11, $[60] = t12, $[61] = t14, $[62] = t15, $[63] = tone, $[64] = t16) : t16 = $[64], t16;
 }
 PopoverLayer.displayName = "PopoverCard";
 const DEFAULT_POPOVER_ELEMENT = "div";
@@ -2255,17 +2253,15 @@ TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
 function useTooltipDelayGroup() {
   return react.useContext(TooltipDelayGroupContext);
 }
-const DEFAULT_TOOLTIP_LAYER_ELEMENT = "div", MotionLayer = framerMotion.motion.create(Layer);
 function TooltipLayer(props) {
-  const $ = reactCompilerRuntime.c(53), t0 = props;
-  let animate, arrow, arrowRef, arrowX, arrowY, children, originX, originY, padding, placement, radius, rest, scheme, shadow, style, t1, t2;
-  $[0] !== t0 ? ({
+  const $ = reactCompilerRuntime.c(51);
+  let animate, arrow, arrowRef, arrowX, arrowY, children, originX, originY, padding, placement, radius, rest, scheme, shadow, style, t0;
+  $[0] !== props ? ({
     animate,
     arrow,
     arrowRef,
     arrowX,
     arrowY,
-    as: t1,
     children,
     originX,
     originY,
@@ -2275,46 +2271,46 @@ function TooltipLayer(props) {
     scheme,
     shadow,
     style,
-    tone: t2,
+    tone: t0,
     ...rest
-  } = t0, $[0] = t0, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = originX, $[8] = originY, $[9] = padding, $[10] = placement, $[11] = radius, $[12] = rest, $[13] = scheme, $[14] = shadow, $[15] = style, $[16] = t1, $[17] = t2) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], originX = $[7], originY = $[8], padding = $[9], placement = $[10], radius = $[11], rest = $[12], scheme = $[13], shadow = $[14], style = $[15], t1 = $[16], t2 = $[17]);
-  const as = t1 === void 0 ? DEFAULT_TOOLTIP_LAYER_ELEMENT : t1, tone = t2 === void 0 ? "inherit" : t2;
+  } = props, $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = originX, $[8] = originY, $[9] = padding, $[10] = placement, $[11] = radius, $[12] = rest, $[13] = scheme, $[14] = shadow, $[15] = style, $[16] = t0) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], originX = $[7], originY = $[8], padding = $[9], placement = $[10], radius = $[11], rest = $[12], scheme = $[13], shadow = $[14], style = $[15], t0 = $[16]);
+  const tone = t0 === void 0 ? "inherit" : t0;
+  let t1;
+  const t2 = animate ? "transform" : void 0;
   let t3;
-  const t4 = animate ? "transform" : void 0;
-  let t5;
-  $[18] !== originX || $[19] !== originY || $[20] !== style || $[21] !== t4 ? (t5 = {
+  $[17] !== originX || $[18] !== originY || $[19] !== style || $[20] !== t2 ? (t3 = {
     originX,
     originY,
-    willChange: t4,
+    willChange: t2,
     ...style
-  }, $[18] = originX, $[19] = originY, $[20] = style, $[21] = t4, $[22] = t5) : t5 = $[22], t3 = t5;
-  const rootStyle = t3;
-  let t6;
-  const t7 = arrowX !== null ? arrowX : void 0, t8 = arrowY !== null ? arrowY : void 0;
-  let t9;
-  $[23] !== t7 || $[24] !== t8 ? (t9 = {
-    left: t7,
-    top: t8,
+  }, $[17] = originX, $[18] = originY, $[19] = style, $[20] = t2, $[21] = t3) : t3 = $[21], t1 = t3;
+  const rootStyle = t1;
+  let t4;
+  const t5 = arrowX !== null ? arrowX : void 0, t6 = arrowY !== null ? arrowY : void 0;
+  let t7;
+  $[22] !== t5 || $[23] !== t6 ? (t7 = {
+    left: t5,
+    top: t6,
     right: void 0,
     bottom: void 0
-  }, $[23] = t7, $[24] = t8, $[25] = t9) : t9 = $[25], t6 = t9;
-  const arrowStyle = t6;
+  }, $[22] = t5, $[23] = t6, $[24] = t7) : t7 = $[24], t4 = t7;
+  const arrowStyle = t4;
+  let t8;
+  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t8 = css.tooltipCard(), $[25] = t8) : t8 = $[25];
+  const t9 = animate ? "" : void 0;
   let t10;
-  $[26] === Symbol.for("react.memo_cache_sentinel") ? (t10 = css.tooltipCard(), $[26] = t10) : t10 = $[26];
-  const t11 = animate ? "" : void 0;
+  $[26] !== animate ? (t10 = animate ? ["hidden", "initial"] : void 0, $[26] = animate, $[27] = t10) : t10 = $[27];
+  let t11;
+  $[28] !== animate ? (t11 = animate ? ["visible", "scaleIn"] : void 0, $[28] = animate, $[29] = t11) : t11 = $[29];
   let t12;
-  $[27] !== animate ? (t12 = animate ? ["hidden", "initial"] : void 0, $[27] = animate, $[28] = t12) : t12 = $[28];
+  $[30] !== animate ? (t12 = animate ? ["hidden", "scaleOut"] : void 0, $[30] = animate, $[31] = t12) : t12 = $[31];
   let t13;
-  $[29] !== animate ? (t13 = animate ? ["visible", "scaleIn"] : void 0, $[29] = animate, $[30] = t13) : t13 = $[30];
+  $[32] !== arrow || $[33] !== arrowRef || $[34] !== arrowStyle ? (t13 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[32] = arrow, $[33] = arrowRef, $[34] = arrowStyle, $[35] = t13) : t13 = $[35];
   let t14;
-  $[31] !== animate ? (t14 = animate ? ["hidden", "scaleOut"] : void 0, $[31] = animate, $[32] = t14) : t14 = $[32];
-  let t15;
-  $[33] !== arrow || $[34] !== arrowRef || $[35] !== arrowStyle ? (t15 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[33] = arrow, $[34] = arrowRef, $[35] = arrowStyle, $[36] = t15) : t15 = $[36];
-  let t16;
-  return $[37] !== as || $[38] !== children || $[39] !== padding || $[40] !== placement || $[41] !== radius || $[42] !== rest || $[43] !== rootStyle || $[44] !== scheme || $[45] !== shadow || $[46] !== t11 || $[47] !== t12 || $[48] !== t13 || $[49] !== t14 || $[50] !== t15 || $[51] !== tone ? (t16 = /* @__PURE__ */ jsxRuntime.jsxs(MotionLayer, { "data-ui": "Tooltip__card", ...rest, as, className: t10, "data-animate": t11, "data-placement": placement, padding, radius, scheme, shadow, style: rootStyle, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t12, animate: t13, exit: t14, tone, children: [
+  return $[36] !== children || $[37] !== padding || $[38] !== placement || $[39] !== radius || $[40] !== rest || $[41] !== rootStyle || $[42] !== scheme || $[43] !== shadow || $[44] !== t10 || $[45] !== t11 || $[46] !== t12 || $[47] !== t13 || $[48] !== t9 || $[49] !== tone ? (t14 = /* @__PURE__ */ jsxRuntime.jsxs(Layer, { "data-ui": "Tooltip__card", ...rest, as: framerMotion.motion.div, className: t8, "data-animate": t9, "data-placement": placement, padding, radius, scheme, shadow, style: rootStyle, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t10, animate: t11, exit: t12, tone, children: [
     children,
-    t15
-  ] }), $[37] = as, $[38] = children, $[39] = padding, $[40] = placement, $[41] = radius, $[42] = rest, $[43] = rootStyle, $[44] = scheme, $[45] = shadow, $[46] = t11, $[47] = t12, $[48] = t13, $[49] = t14, $[50] = t15, $[51] = tone, $[52] = t16) : t16 = $[52], t16;
+    t13
+  ] }), $[36] = children, $[37] = padding, $[38] = placement, $[39] = radius, $[40] = rest, $[41] = rootStyle, $[42] = scheme, $[43] = shadow, $[44] = t10, $[45] = t11, $[46] = t12, $[47] = t13, $[48] = t9, $[49] = tone, $[50] = t14) : t14 = $[50], t14;
 }
 TooltipLayer.displayName = "TooltipLayer";
 const DEFAULT_TOOLTIP_ELEMENT = "div";
@@ -2371,7 +2367,8 @@ function Tooltip(props) {
     whileElementsMounted: reactDom$1.autoUpdate,
     elements: {
       reference: referenceElement
-    }
+    },
+    transform: !1
   }), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), {
     setIsGroupActive,
     setOpenTooltipId