@doenet/doenetml 0.7.20-dev.299 → 0.7.20-dev.301

package/{ellipsis-Br_oQm-F.js → ellipsis-BbO-EfB4.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const ellipsis = React__default.memo(function Ellipsis(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{em-CO7AT1eT.js → em-CS99vQ7t.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { r as renderMarkupBody } from "./markupRenderer-OOAvz-Fe.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { r as renderMarkupBody } from "./markupRenderer-BpzDcmlG.js";
 const em = React__default.memo(function Em(props) {
   const { id, SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{embed-DeYnyI-d.js → embed-DqM8Wi85.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const embed = React__default.memo(function Embed(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{feedback-Dz-8pq1y.js → feedback-D-xH9rSs.js}

@@ -1,9 +1,9 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { F as FontAwesomeIcon } from "./index.es-B-BUq3tz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { F as FontAwesomeIcon } from "./index.es-DpCR_AB_.js";
 import { f as faComment } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
 const feedback = React__default.memo(function Feedback(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{figure-bAWhX6G-.js → figure-BuBwpCjh.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { createElement, Component, useRef, useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { _ as _setPrototypeOf, a as _objectWithoutPropertiesLoose, b as _extends } from "./setPrototypeOf-C-47lAIH.js";
-import { P as PropTypes } from "./index-PF-ZA2p3.js";
+import { P as PropTypes } from "./index-DQ_IGGYL.js";
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }

package/{fillPatterns-CtvZKAjB.js → fillPatterns-DdtUUOND.js}

@@ -1,4 +1,4 @@
-import { x as encodeFillPatternColorToken } from "./doenetml-BUGtOEgk.js";
+import { x as encodeFillPatternColorToken } from "./doenetml-z8RlzWPI.js";
 const warnedUnsupportedFillStyles = /* @__PURE__ */ new Set();
 function warnUnsupportedFillStyle(fillStyle) {
   if (warnedUnsupportedFillStyles.has(fillStyle)) {

package/{footnote-CFJV4i--.js → footnote-BCu3S78k.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports, p as Button } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, p as Button } from "./doenetml-z8RlzWPI.js";
 import React__default, { useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-CM332qFW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-PUupfF3l.js";
 const footnote = React__default.memo(function Footnote(props) {
   let { id, SVs } = useDoenetRenderer(props, false);
   let [isVisible, setIsVisible] = useState(false);

package/{fractionInput-Bz6p38zE.js → fractionInput-CZZuKrF_.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
-import { D as DescriptionPopover } from "./Description-D04TztX3.js";
+import { D as DescriptionPopover } from "./Description-CNHIKFoN.js";
 const fractionInput = React__default.memo(function FractionInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{graph-Da8qFDvw.js → graph-AZJbUlAI.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, al as roundForDisplay, l as Context, u as useRecordVisibilityChanges } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, al as roundForDisplay, l as Context, u as useRecordVisibilityChanges } from "./doenetml-z8RlzWPI.js";
 import React__default, { useState, useRef, useEffect, useMemo, createContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import Prefigure from "./prefigure-0h-RLFAX.js";
-import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-DnvhQJo0.js";
-import GraphFrame from "./GraphFrame-pbSi9cuP.js";
-import { J as JSXGraphRenderer } from "./JSXGraphRenderer-BrXKVqTB.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import Prefigure from "./prefigure-DFtvdC3R.js";
+import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-DjLovTzQ.js";
+import GraphFrame from "./GraphFrame-DKgYEFNT.js";
+import { J as JSXGraphRenderer } from "./JSXGraphRenderer-UkH1CcXh.js";
 const GRAPH_CONTROL_CARD_STYLE = {
   width: "100%",
   boxSizing: "border-box",

package/{hint-CTEoYwwx.js → hint-5Bc-hhgS.js}

@@ -1,10 +1,10 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { F as FontAwesomeIcon } from "./index.es-B-BUq3tz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { F as FontAwesomeIcon } from "./index.es-DpCR_AB_.js";
 import { b as faLightbulb } from "./index-BDlitCgu.js";
 import { a as faLightbulb$1 } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
 const hint = React__default.memo(function Hint(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{hr-y5_PvooJ.js → hr-DaZ3-BWu.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const hr = React__default.memo(function Hr(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{image-CNEhxcdL.js → image-BadwQvui.js}

@@ -1,15 +1,15 @@
-import { k as DocContext, u as useRecordVisibilityChanges, l as Context, j as jsxRuntimeExports, e as getMediaLicenseDisplay } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, u as useRecordVisibilityChanges, l as Context, j as jsxRuntimeExports, e as getMediaLicenseDisplay } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef, useMemo } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-D04TztX3.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CNHIKFoN.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BQn22h_P.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-PFKgKoQL.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-sqtrGVDe.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BRIzZ5N0.js";
 const image = React__default.memo(function Image(props) {
   let { componentIdx, id, SVs, children, actions, callAction } = useDoenetRenderer(props, false);
   Image.ignoreActionsWithoutCore = () => true;

package/{index-PF-ZA2p3.js → index-DQ_IGGYL.js}

@@ -1,4 +1,4 @@
-import { ak as getDefaultExportFromCjs } from "./doenetml-BUGtOEgk.js";
+import { ak as getDefaultExportFromCjs } from "./doenetml-z8RlzWPI.js";
 var propTypes = { exports: {} };
 var reactIs = { exports: {} };
 var reactIs_production_min = {};

package/{index.es-B-BUq3tz.js → index.es-DpCR_AB_.js}

@@ -1,4 +1,4 @@
-import { P as PropTypes } from "./index-PF-ZA2p3.js";
+import { P as PropTypes } from "./index-DQ_IGGYL.js";
 import React__default from "react";
 function _defineProperty$1(e, r2, t2) {
   return (r2 = _toPropertyKey$1(r2)) in e ? Object.defineProperty(e, r2, {

package/index.js

@@ -1,4 +1,4 @@
-import { C, a, D, c, f, h, e, g, m, d, r, s, b } from "./doenetml-BUGtOEgk.js";
+import { C, a, D, c, f, h, e, g, m, d, r, s, b } from "./doenetml-z8RlzWPI.js";
 export {
   C as CodeMirror,
   a as DoenetEditor,

package/{label-CQ64EFDP.js → label-CPjyx4YA.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-FesVg1vs.js";
-import { ChoiceInputInlineContext } from "./choiceInput-B-EvpUoi.js";
+import { ChoiceInputInlineContext } from "./choiceInput-JdAvGY0k.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-sqtrGVDe.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BRIzZ5N0.js";
 const label = React__default.memo(function Label(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Label.ignoreActionsWithoutCore = () => true;

package/{labelWithLatex-DnvhQJo0.js → labelWithLatex-DjLovTzQ.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-z8RlzWPI.js";
 function renderLabelWithLatex({
   label,
   labelHasLatex

package/{legend-ZMLxM3S2.js → legend-Ciu_KJck.js}

@@ -1,8 +1,8 @@
-import { y as deepCompare, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { y as deepCompare, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext } from "./graph-Da8qFDvw.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext } from "./graph-AZJbUlAI.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 const legend = React__default.memo(function Legend(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{line-DphBkRmx.js → line-2NV-JzWI.js}

@@ -1,9 +1,9 @@
-import { k as DocContext, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, e as syncLineFamilyVisibility, s as syncLayer, b as syncLineStrokeStyle, a as syncWithLabelToggle, c as syncLabelStrokeColor, f as applyLineFamilyLabelPlacement, g as buildLineFamilyLabelAttributes, h as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { ChoiceInputInlineContext } from "./choiceInput-B-EvpUoi.js";
+import { j as jxg, e as syncLineFamilyVisibility, s as syncLayer, b as syncLineStrokeStyle, a as syncWithLabelToggle, c as syncLabelStrokeColor, f as applyLineFamilyLabelPlacement, g as buildLineFamilyLabelAttributes, h as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { ChoiceInputInlineContext } from "./choiceInput-JdAvGY0k.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-1Y9NDMT1.js";

package/{lineSegment-BXpe0IAe.js → lineSegment-_IEng_VN.js}

@@ -1,8 +1,8 @@
-import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, e as syncLineFamilyVisibility, s as syncLayer, d as syncVisPropValues, b as syncLineStrokeStyle, a as syncWithLabelToggle, c as syncLabelStrokeColor, f as applyLineFamilyLabelPlacement, g as buildLineFamilyLabelAttributes, h as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
+import { j as jxg, e as syncLineFamilyVisibility, s as syncLayer, d as syncVisPropValues, b as syncLineStrokeStyle, a as syncWithLabelToggle, c as syncLabelStrokeColor, f as applyLineFamilyLabelPlacement, g as buildLineFamilyLabelAttributes, h as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-1Y9NDMT1.js";

package/{list-D2QEb62i.js → list-Crh8wZGX.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
 const list = React__default.memo(function List(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{lq-DbFn1nk2.js → lq-MeqrJCRQ.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const lq = React__default.memo(function Lq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{lsq-B-8u-0IW.js → lsq-C8FO-gWc.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const lsq = React__default.memo(function Lsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{markupRenderer-OOAvz-Fe.js → markupRenderer-BpzDcmlG.js}

@@ -1,4 +1,4 @@
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
 function renderMarkupBody({
   SVs,
   children

package/{math-ITpMDufn.js → math-BhmQZk1P.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-FesVg1vs.js";
-import { ChoiceInputInlineContext } from "./choiceInput-B-EvpUoi.js";
+import { ChoiceInputInlineContext } from "./choiceInput-JdAvGY0k.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-sqtrGVDe.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BRIzZ5N0.js";
 function getMathDelimiters(SVs) {
   if (SVs.renderMode === "inline") {
     return ["\\(", "\\)"];

package/{mathInput-576jdIUi.js → mathInput-C2qKGkpA.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, q as useAppSelector, Z as keyboardSlice, $ as FocusedMathInputContext, a0 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, a1 as PopoverAnchor, M as MathJax, V as usePopoverStore, O as useStoreState, Y as Popover } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, q as useAppSelector, Z as keyboardSlice, $ as FocusedMathInputContext, a0 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, a1 as PopoverAnchor, M as MathJax, V as usePopoverStore, O as useStoreState, Y as Popover } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useEffect, useContext, useState, useMemo } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { P as PropTypes } from "./index-PF-ZA2p3.js";
-import { D as DescriptionPopover, P as PopoverArrow } from "./Description-D04TztX3.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { P as PropTypes } from "./index-DQ_IGGYL.js";
+import { D as DescriptionPopover, P as PopoverArrow } from "./Description-CNHIKFoN.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
 var __extends = /* @__PURE__ */ (function() {
   var extendStatics = function(d, b) {

package/{matrixInput-DzXgXvK2.js → matrixInput-Bf68naN_.js}

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports, A as ActionButtonGroup, z as ActionButton, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, A as ActionButtonGroup, z as ActionButton, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
-import { D as DescriptionPopover } from "./Description-D04TztX3.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
+import { D as DescriptionPopover } from "./Description-CNHIKFoN.js";
 const matrixInput = React__default.memo(function MatrixInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{mdash-DLDjiNgm.js → mdash-BqUoG5tv.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const mdash = React__default.memo(function Mdash(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{nbsp-BEw1tVT0.js → nbsp-BbHxKw3w.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const nbsp = React__default.memo(function Nbsp(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{ndash-C2ux8bpC.js → ndash-Lb9m4XfK.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const ndash = React__default.memo(function Ndash(props) {
   let { SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{number-pa8NRoOM.js → number-BjRZ0Cl5.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-FesVg1vs.js";
-import { ChoiceInputInlineContext } from "./choiceInput-B-EvpUoi.js";
+import { ChoiceInputInlineContext } from "./choiceInput-JdAvGY0k.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-sqtrGVDe.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BRIzZ5N0.js";
 const number = React__default.memo(function NumberComponent(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   NumberComponent.ignoreActionsWithoutCore = () => true;

package/{orbitalDiagram-BG5JEGCj.js → orbitalDiagram-BINGRvvC.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{orbitalDiagramInput-Bj2liDzF.js → orbitalDiagramInput-BnmQOagl.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports, B as Button } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports, B as Button } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{p-DI25uhS9.js → p-BjUPpCaN.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
 const p = React__default.memo(function P(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/package.json

@@ -2,7 +2,7 @@
     "name": "@doenet/doenetml",
     "type": "module",
     "description": "Semantic markup for building interactive web activities",
-    "version": "0.7.20-dev.299",
+    "version": "0.7.20-dev.301",
     "license": "AGPL-3.0-or-later",
     "homepage": "https://github.com/Doenet/DoenetML#readme",
     "repository": {

package/{paginatorControls-LDqiyhEU.js → paginatorControls-BlzSj8jj.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports, B as Button } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports, B as Button } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
 const paginatorControls = React__default.memo(function PaginatorControls(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{pegboard-BgzDHhtN.js → pegboard-CF3Jl6hU.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, BASE_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
-import { l as Context } from "./doenetml-BUGtOEgk.js";
+import { j as jxg } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, BASE_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
+import { l as Context } from "./doenetml-z8RlzWPI.js";
 const { round } = Context.math;
 const pegboard = React__default.memo(function Pegboard(props) {
   let { SVs } = useDoenetRenderer(props);

package/{point-Ceyttn7j.js → point-DlHxWdX7.js}

@@ -1,11 +1,11 @@
-import { k as DocContext, t as textRendererStyle, j as jsxRuntimeExports, M as MathJax } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, t as textRendererStyle, j as jsxRuntimeExports, M as MathJax } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, c as syncLabelStrokeColor } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, POINT_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
+import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, c as syncLabelStrokeColor } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, POINT_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
 import { c as characterizeOffGraphPoint } from "./offGraphIndicators-C1kTHL4X.js";
 import { n as normalizePointStyle, a as normalizePointSize, b as adjustPointLabelPosition, c as calculatePointLabelAnchor } from "./graph-FesVg1vs.js";
-import { ChoiceInputInlineContext } from "./choiceInput-B-EvpUoi.js";
+import { ChoiceInputInlineContext } from "./choiceInput-JdAvGY0k.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-1Y9NDMT1.js";
 import { b as resolveMarkerColor } from "./styleColors-DH1y_fdG.js";

package/{polygon-DTLEAieW.js → polygon-BJQvz4t1.js}

@@ -1,8 +1,8 @@
-import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, d as syncVisPropValues, s as syncLayer, c as syncLabelStrokeColor, b as syncLineStrokeStyle } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
+import { r as removeJXGEventHandlers, j as jxg, d as syncVisPropValues, s as syncLayer, c as syncLabelStrokeColor, b as syncLineStrokeStyle } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-1Y9NDMT1.js";
 import { c as resolveHandleColor, a as resolveLineColor, r as resolveFillColor } from "./styleColors-DH1y_fdG.js";
@@ -10,7 +10,7 @@ import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
 import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-BFAmG26N.js";
 import { c as buildBaseAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-CtvZKAjB.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-DdtUUOND.js";
 const polygon = React__default.memo(function Polygon(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polygon.ignoreActionsWithoutCore = () => true;

package/{polyline-79PkSpnU.js → polyline-Cb5AgDXI.js}

@@ -1,8 +1,8 @@
-import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useContext, useRef } from "react";
-import { s as syncLayer, r as removeJXGEventHandlers, j as jxg, d as syncVisPropValues, b as syncLineStrokeStyle, c as syncLabelStrokeColor } from "./JSXGraphRenderer-BrXKVqTB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-Da8qFDvw.js";
+import { s as syncLayer, r as removeJXGEventHandlers, j as jxg, d as syncVisPropValues, b as syncLineStrokeStyle, c as syncLabelStrokeColor } from "./JSXGraphRenderer-UkH1CcXh.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-AZJbUlAI.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DeK-TkFS.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-1Y9NDMT1.js";
 import { c as resolveHandleColor, a as resolveLineColor } from "./styleColors-DH1y_fdG.js";

package/{pre-DuXDvQgs.js → pre-DYJ5iGvj.js}

@@ -1,7 +1,7 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { a as addCommasForCompositeRanges } from "./composites-BUjUe27w.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { a as addCommasForCompositeRanges } from "./composites-dMz4m52O.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 const pre = React__default.memo(function Pre(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{prefigure-0h-RLFAX.js → prefigure-DFtvdC3R.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useState, useRef, useEffect } from "react";
 const __vite_import_meta_env__ = { "VITE_PREFIGURE_MODULE_URL": "https://cdn.jsdelivr.net/npm/@doenet/prefigure@latest/prefigure.js" };
 const DEFAULT_PREFIGURE_BUILD_ENDPOINT = "https://prefigure.doenet.org/build";

package/{pretzel-CALWkNBP.js → pretzel-CL6RNGnU.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, k as DocContext, j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { u as useRecordVisibilityChanges, k as DocContext, j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default, { useRef, useContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { A as AnswerResponseButton } from "./AnswerResponseButton-nM8rRv2y.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BN0fm6bM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { A as AnswerResponseButton } from "./AnswerResponseButton-DM4a6oHW.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DNG_4j8Q.js";
 const pretzel = React__default.memo(function Pretzel(props) {
   let {
     componentIdx,

package/{q-D2NS4gLl.js → q-0Zwe6b9o.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "./doenetml-BUGtOEgk.js";
+import { j as jsxRuntimeExports } from "./doenetml-z8RlzWPI.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-OppRN8_U.js";
-import { r as renderMarkupBody } from "./markupRenderer-OOAvz-Fe.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-gI6qC2I3.js";
+import { r as renderMarkupBody } from "./markupRenderer-BpzDcmlG.js";
 const q = React__default.memo(function Q(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });