@khanacademy/perseus 52.0.0 → 53.0.0

package/dist/index.js

@@ -6,7 +6,6 @@ var KAS = require('@khanacademy/kas');
 var mathInput = require('@khanacademy/math-input');
 var perseusCore = require('@khanacademy/perseus-core');
 var PerseusLinter = require('@khanacademy/perseus-linter');
-var perseusScore = require('@khanacademy/perseus-score');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var Tooltip$1 = require('@khanacademy/wonder-blocks-tooltip');
 var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
@@ -21,6 +20,7 @@ var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var $ = require('jquery');
 var uuid = require('uuid');
 var PropTypes = require('prop-types');
+var perseusScore = require('@khanacademy/perseus-score');
 var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
 var wonderBlocksProgressSpinner = require('@khanacademy/wonder-blocks-progress-spinner');
 var kmath = require('@khanacademy/kmath');
@@ -109,213 +109,6 @@ function _extends() {
  * The translated strings that are used to render Perseus.
  */
 
-/**
- * Untranslated strings used in Perseus. To be used by an external
- * translator to produce translated strings, passed in as `PerseusStrings`.
- * !! Note: Ensure that all escape sequences are double-escaped. (e.g. `\\text` -> `\\\\text`)
- */
-const strings = {
-  closeKeypad: "close math keypad",
-  openKeypad: "open math keypad",
-  mathInputBox: "Math input box",
-  removeHighlight: "Remove highlight",
-  addHighlight: "Add highlight",
-  hintPos: "Hint #%(pos)s",
-  errorRendering: "Error rendering: %(error)s",
-  APPROXIMATED_PI_ERROR: "Your answer is close, but you may " + "have approximated pi. Enter your " + "answer as a multiple of pi, like " + "12 pi or " + "2/3 pi",
-  EXTRA_SYMBOLS_ERROR: "We could not understand your " + "answer. Please check your answer for extra " + "text or symbols.",
-  NEEDS_TO_BE_SIMPLFIED_ERROR: "Your answer is almost correct, " + "but it needs to be simplified.",
-  MISSING_PERCENT_ERROR: "Your answer is almost correct, " + "but it is missing a " + "<code>\\\\%</code> at the end.",
-  MULTIPLICATION_SIGN_ERROR: "I'm a computer. I only understand " + "multiplication if you use an asterisk " + "(*) as the multiplication sign.",
-  WRONG_CASE_ERROR: "Your answer includes use of a variable with the wrong case.",
-  WRONG_LETTER_ERROR: "Your answer includes a wrong variable letter.",
-  invalidSelection: "Make sure you select something for every row.",
-  ERROR_TITLE: "Oops!",
-  ERROR_MESSAGE: "Sorry, I don't understand that!",
-  hints: "Hints",
-  getAnotherHint: "Get another hint",
-  deprecatedStandin: "Sorry, this part of the question is no longer available. 😅 Don't worry, you won't be graded on this part. Keep going!",
-  keepTrying: "Keep trying",
-  tryAgain: "Try again",
-  check: "Check",
-  correctExcited: "Correct!",
-  nextQuestion: "Next question",
-  skipToTitle: "Skip to %(title)s",
-  current: "Current",
-  correct: "Correct",
-  correctSelected: "Correct (selected)",
-  correctCrossedOut: "Correct (but you crossed it out)",
-  incorrect: "Incorrect",
-  incorrectSelected: "Incorrect (selected)",
-  hideExplanation: "Hide explanation",
-  explain: "Explain",
-  INVALID_MESSAGE_PREFIX: "We couldn't grade your answer.",
-  DEFAULT_INVALID_MESSAGE_1: "It looks like you left something blank or ",
-  DEFAULT_INVALID_MESSAGE_2: "entered in an invalid answer.",
-  integerExample: "an integer, like $6$",
-  properExample: "a *proper* fraction, like $1/2$ or $6/10$",
-  simplifiedProperExample: "a *simplified proper* fraction, like $3/5$",
-  improperExample: "an *improper* fraction, like $10/7$ or $14/8$",
-  simplifiedImproperExample: "a *simplified improper* fraction, like $7/4$",
-  mixedExample: "a mixed number, like $1\\\\ 3/4$",
-  decimalExample: "an *exact* decimal, like $0.75$",
-  percentExample: "a percent, like $12.34\\\\%$",
-  piExample: "a multiple of pi, like $12$ pi or $2/3$ pi",
-  yourAnswer: "**Your answer should be** ",
-  yourAnswerLabel: "Your answer:",
-  addPoints: "Click to add points",
-  addVertices: "Click to add vertices",
-  tapMultiple: "Tap each dot on the image to select all answers that apply.",
-  tapSingle: "Tap each dot on the image to select an answer.",
-  clickMultiple: "Click each dot on the image to select all answers that apply.",
-  clickSingle: "Click each dot on the image to select an answer.",
-  choices: "Choices:",
-  answers: {
-    one: "%(num)s answer",
-    other: "%(num)s answers"
-  },
-  hideAnswersToggleLabel: "Hide answer choices",
-  moves: {
-    one: "Moves: %(num)s",
-    other: "Moves: %(num)s"
-  },
-  clickTiles: "Click on the tiles to change the lights.",
-  turnOffLights: "You must turn on all of the lights to continue.",
-  fillAllCells: "Make sure you fill in all cells in the matrix.",
-  molecularDrawing: "A molecular structure drawing. SMILES notation: %(content)s",
-  switchDirection: "Switch direction",
-  circleOpen: "Make circle open",
-  circleFilled: "Make circle filled",
-  numDivisions: "Number of divisions:",
-  divisions: "Please make sure the number of divisions is in the range %(divRangeString)s.",
-  lineRange: "lines %(lineRange)s",
-  lineNumber: "line %(lineNumber)s",
-  symbolPassage: "The symbol %(questionSymbol)s indicates that question %(questionNumber)s references this portion of the passage.",
-  symbolQuestion: " The symbol %(sentenceSymbol)s indicates that the following sentence is referenced in a question.",
-  lineLabel: {
-    context: "a label next to a reading passage to denote the line number",
-    message: "Line"
-  },
-  beginningPassage: "Beginning of reading passage.",
-  beginningFootnotes: "Beginning of reading passage footnotes.",
-  endPassage: "End of reading passage.",
-  questionMarker: "[Marker for question %(number)s]",
-  circleMarker: "[Circle marker %(number)s]",
-  sentenceMarker: "[Sentence %(number)s]",
-  dragHandles: "Drag handles to make graph",
-  tapAddPoints: "Tap to add points",
-  false: "False",
-  true: "True",
-  no: "No",
-  yes: "Yes",
-  chooseCorrectNum: "Please choose the correct number of answers.",
-  notNoneOfTheAbove: "'None of the above' may not be selected when other answers are selected.",
-  noneOfTheAbove: "None of the above",
-  chooseNumAnswers: "Choose %(numCorrect)s answers:",
-  chooseAllAnswers: "Choose all answers that apply:",
-  chooseOneAnswer: "Choose 1 answer:",
-  choiceCheckedCorrect: "(Choice %(letter)s, Checked, Correct)",
-  choiceCrossedOutCorrect: "(Choice %(letter)s, Crossed out, Correct)",
-  choiceCorrect: "(Choice %(letter)s, Correct)",
-  choiceCheckedIncorrect: "(Choice %(letter)s, Checked, Incorrect)",
-  choiceCrossedOutIncorrect: "(Choice %(letter)s, Crossed out, Incorrect)",
-  choiceIncorrect: "(Choice %(letter)s, Incorrect)",
-  choiceChecked: "(Choice %(letter)s, Checked)",
-  choiceCrossedOut: "(Choice %(letter)s, Crossed out)",
-  choice: "(Choice %(letter)s)",
-  crossOut: "Cross out",
-  crossOutOption: "Cross out option",
-  crossOutChoice: "Cross out Choice %(letter)s",
-  bringBack: "Bring back",
-  openMenuForChoice: "Open menu for Choice %(letter)s",
-  letters: {
-    context: "This is a list of single-character labels that will appear in front of multiple-choice options. For instance, a multiple-choice question with three options would display (A) first option (B) second option (C) third option. There must be spaces between each of the different characters. The characters will show up next to options in the order that they are listed here. Most multiple choice questions have 5 or fewer options.",
-    message: "A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"
-  },
-  rightArrow: "Reaction arrow pointing to the right.",
-  dontUnderstandUnits: "I couldn't understand those units.",
-  checkSigFigs: "Check your significant figures.",
-  answerNumericallyIncorrect: "That answer is numerically incorrect.",
-  checkUnits: "Check your units.",
-  dontUnderstand: "I don't understand that",
-  loading: "Loading...",
-  videoTranscript: "See video transcript",
-  somethingWrong: "Something went wrong.",
-  videoWrapper: "Khan Academy video wrapper",
-  mathInputTitle: "mathematics keyboard",
-  mathInputDescription: "Use keyboard/mouse to interact with math-based input fields",
-  sin: "sin",
-  cos: "cos",
-  tan: "tan",
-  simulationLoadFail: "Sorry, this simulation cannot load.",
-  simulationLocaleWarning: "Sorry, this simulation isn't available in your language.",
-  selectAnAnswer: "Select an answer",
-  // The following strings are used for interactive graph SR descriptions.
-  addPoint: "Add Point",
-  removePoint: "Remove Point",
-  graphKeyboardPrompt: "Press Shift + Enter to interact with the graph",
-  closePolygon: "Close shape",
-  openPolygon: "Re-open shape",
-  srInteractiveElements: "Interactive elements: %(elements)s",
-  srNoInteractiveElements: "No interactive elements",
-  // TODO(LEMS-2660): The following strings are ones that will need
-  // translation tickets after all interactive graph SR strings have
-  // been finalized. Remove this comment after the tickets have been
-  // created.
-  srPointAtCoordinates: "Point %(num)s at %(x)s comma %(y)s",
-  srCircleGraph: "A circle on a coordinate plane.",
-  srCircleShape: "Circle. The center point is at %(centerX)s comma %(centerY)s.",
-  srCircleRadiusPoint: "Radius point at %(radiusPointX)s comma %(radiusPointY)s.",
-  srCircleRadius: "Circle radius is %(radius)s.",
-  srCircleOuterPoints: "Points on the circle at %(point1X)s comma %(point1Y)s, %(point2X)s comma %(point2Y)s, %(point3X)s comma %(point3Y)s, %(point4X)s comma %(point4Y)s.",
-  srLinearGraph: "A line on a coordinate plane.",
-  srLinearGraphPoints: "The line has two points, point 1 at %(point1X)s comma %(point1Y)s and point 2 at %(point2X)s comma %(point2Y)s.",
-  srLinearGraphSlopeIncreasing: "Its slope increases from left to right.",
-  srLinearGraphSlopeDecreasing: "Its slope decreases from left to right.",
-  srLinearGraphSlopeHorizontal: "Its slope is zero.",
-  srLinearGraphSlopeVertical: "Its slope is undefined.",
-  srLinearGraphXOnlyIntercept: "The line crosses the X-axis at %(xIntercept)s comma 0.",
-  srLinearGraphYOnlyIntercept: "The line crosses the Y-axis at 0 comma %(yIntercept)s.",
-  srLinearGraphBothIntercepts: "The line crosses the X-axis at %(xIntercept)s comma 0 and the Y-axis at 0 comma %(yIntercept)s.",
-  srLinearGraphOriginIntercept: "The line crosses the x and y axes at the graph's origin.",
-  srLinearGrabHandle: "Line from %(point1X)s comma %(point1Y)s to %(point2X)s comma %(point2Y)s.",
-  srAngleSideAtCoordinates: "Point %(point)s, %(side)s at %(x)s comma %(y)s",
-  srAngleVertexAtCoordinatesWithAngleMeasure: "Point 2, vertex at %(x)s comma %(y)s. Angle %(angleMeasure)s degrees",
-  srAngleGraphAriaLabel: "An angle on a coordinate plane.",
-  srAngleGraphAriaDescription: "The angle measure is %(angleMeasure)s degrees with a vertex at %(vertexX)s comma %(vertexY)s, a point on the starting side at %(startingSideX)s comma %(startingSideY)s and a point on the ending side at %(endingSideX)s comma %(endingSideY)s",
-  srSingleSegmentGraphAriaLabel: "A line segment on a coordinate plane.",
-  srMultipleSegmentGraphAriaLabel: "%(countOfSegments)s line segments on a coordinate plane.",
-  srMultipleSegmentIndividualLabel: "Segment %(indexOfSegment)s: Endpoint 1 at %(point1X)s comma %(point1Y)s. Endpoint 2 %(point2X)s comma %(point2Y)s.",
-  srSingleSegmentLabel: "Endpoint 1 at %(point1X)s comma %(point1Y)s. Endpoint 2 %(point2X)s comma %(point2Y)s.",
-  srSegmentLength: "Segment length %(length)s units.",
-  srSingleSegmentGraphEndpointAriaLabel: "Endpoint %(endpointNumber)s at %(x)s comma %(y)s.",
-  srMultipleSegmentGraphEndpointAriaLabel: "Endpoint %(endpointNumber)s on segment %(indexOfSegment)s at %(x)s comma %(y)s.",
-  srSegmentGrabHandle: "Segment from %(point1X)s comma %(point1Y)s to %(point2X)s comma %(point2Y)s.",
-  srLinearSystemGraph: "Two lines on a coordinate plane.",
-  srLinearSystemPoints: "Line %(lineNumber)s has two points, point 1 at %(point1X)s comma %(point1Y)s and point 2 at %(point2X)s comma %(point2Y)s.",
-  srLinearSystemPoint: "Point %(pointSequence)s on line %(lineNumber)s at %(x)s comma %(y)s.",
-  srRayGraph: "A ray on a coordinate plane.",
-  srRayPoints: "The endpoint is at %(point1X)s comma %(point1Y)s and the ray goes through point %(point2X)s comma %(point2Y)s.",
-  srRayGrabHandle: "Ray with endpoint %(point1X)s comma %(point1Y)s going through point %(point2X)s comma %(point2Y)s.",
-  srRayEndpoint: "Endpoint at %(x)s comma %(y)s.",
-  srRayTerminalPoint: "Through point at %(x)s comma %(y)s.",
-  srQuadraticGraph: "A parabola on a 4-quadrant coordinate plane.",
-  srQuadraticFaceUp: "The parabola opens upward.",
-  srQuadraticFaceDown: "The parabola opens downward.",
-  srQuadraticGraphVertexOrigin: "Vertex is at the origin.",
-  srQuadraticGraphVertexXAxis: "Vertex is on the X-axis.",
-  srQuadraticGraphVertexYAxis: "Vertex is on the Y-axis.",
-  srQuadraticGraphVertexQuadrant: "Vertex is in quadrant %(quadrant)s.",
-  srQuadraticTwoXIntercepts: "The X-intercepts are at %(intercept1)s comma 0 and %(intercept2)s comma 0.",
-  srQuadraticOneXIntercept: "The X-intercept is at %(intercept)s comma 0.",
-  srQuadraticYIntercept: "The Y-intercept is at 0 comma %(intercept)s.",
-  srQuadraticPointOrigin: "Point %(pointNumber)s on parabola at the origin.",
-  srQuadraticPointAxis: "Point %(pointNumber)s on parabola at %(x)s comma %(y)s.",
-  srQuadraticPointQuadrant: "Point %(pointNumber)s on parabola in quadrant %(quadrant)s at %(x)s comma %(y)s.",
-  srQuadraticInteractiveElements: "Parabola with points at %(point1X)s comma %(point1Y)s, %(point2X)s comma %(point2Y)s, and %(point3X)s comma %(point3Y)s."
-  // The above strings are used for interactive graph SR descriptions.
-};
-
 /**
  * Mock strings for the Perseus package, to be used for tests and Storybook.
  */
@@ -883,24 +676,32 @@ const mockStrings = {
 
 // This type helps us make sure all error codes are mapped to strings
 
+/**
+ * Map an error string to a PerseusStrings key
+ * that we can use to get the translated error message
+ */
 const errorToString = {
-  MISSING_PERCENT_ERROR: strings.MISSING_PERCENT_ERROR,
-  NEEDS_TO_BE_SIMPLIFIED_ERROR: strings.NEEDS_TO_BE_SIMPLFIED_ERROR,
-  APPROXIMATED_PI_ERROR: strings.APPROXIMATED_PI_ERROR,
-  EXTRA_SYMBOLS_ERROR: strings.EXTRA_SYMBOLS_ERROR,
-  WRONG_CASE_ERROR: strings.WRONG_CASE_ERROR,
-  WRONG_LETTER_ERROR: strings.WRONG_LETTER_ERROR,
-  MULTIPLICATION_SIGN_ERROR: strings.MULTIPLICATION_SIGN_ERROR,
-  INVALID_SELECTION_ERROR: strings.invalidSelection,
-  CHOOSE_CORRECT_NUM_ERROR: strings.chooseCorrectNum,
-  NOT_NONE_ABOVE_ERROR: strings.notNoneOfTheAbove,
-  FILL_ALL_CELLS_ERROR: strings.fillAllCells
-};
-function mapErrorToString(err) {
+  MISSING_PERCENT_ERROR: "MISSING_PERCENT_ERROR",
+  NEEDS_TO_BE_SIMPLIFIED_ERROR: "NEEDS_TO_BE_SIMPLFIED_ERROR",
+  APPROXIMATED_PI_ERROR: "APPROXIMATED_PI_ERROR",
+  EXTRA_SYMBOLS_ERROR: "EXTRA_SYMBOLS_ERROR",
+  WRONG_CASE_ERROR: "WRONG_CASE_ERROR",
+  WRONG_LETTER_ERROR: "WRONG_LETTER_ERROR",
+  MULTIPLICATION_SIGN_ERROR: "MULTIPLICATION_SIGN_ERROR",
+  INVALID_SELECTION_ERROR: "invalidSelection",
+  CHOOSE_CORRECT_NUM_ERROR: "chooseCorrectNum",
+  NOT_NONE_ABOVE_ERROR: "notNoneOfTheAbove",
+  FILL_ALL_CELLS_ERROR: "fillAllCells"
+};
+function mapErrorToString(
+// the string representing an error code
+err,
+// the translated Perseus strings
+translatedStrings) {
   if (!err) {
     return err;
   }
-  return errorToString[err] || err;
+  return translatedStrings[errorToString[err]] || err;
 }
 
 /**
@@ -1811,7 +1612,6 @@ const ClassNames = {
     SELECTED: "perseus-radio-selected",
     OPTION_CONTENT: "perseus-radio-option-content"
   },
-  INTERACTIVE: "perseus-interactive",
   CORRECT: "perseus-correct",
   INCORRECT: "perseus-incorrect",
   UNANSWERED: "perseus-unanswered",
@@ -2067,7 +1867,6 @@ class Expression extends React__namespace.Component {
     // eslint-disable-next-line react/no-string-refs
     , {
       ref: "input",
-      className: ClassNames.INTERACTIVE,
       value: this.props.value,
       onChange: this.changeAndTrack,
       convertDotToTimes: this.props.times,
@@ -2169,7 +1968,6 @@ var Expression$1 = {
   name: "expression",
   displayName: "Expression / Equation",
   accessible: true,
-  defaultAlignment: "inline-block",
   widget: ExpressionWithDependencies,
   transform: widgetOptions => {
     const {
@@ -2194,12 +1992,6 @@ var Expression$1 = {
   propUpgrades: perseusCore.expressionLogic.widgetOptionsUpgrades,
   // For use by the editor
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusExpressionUserInput'.
-  scorer: perseusScore.scoreExpression,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusExpressionUserInput'.
-  validator: perseusScore.validateExpression,
   getPublicWidgetOptions: perseusCore.getExpressionPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusExpressionRubric'.
@@ -3479,10 +3271,6 @@ const pureMdMax$1 = "1023px";
 const pureLgMax$1 = "1279px";
 // @tableBackgroundAccent: #f9f9f9; // for striping
 const tableBackgroundAccent = "#F9F9F9";
-// @zIndexAboveScratchpad: @zIndexScratchPad + 1;
-const zIndexAboveScratchpad$1 = 2;
-// @zIndexInteractiveComponent: @zIndexAboveScratchpad + 1;
-const zIndexInteractiveComponent$1 = 3;
 // @phoneMargin: 16px;
 const phoneMargin = 16;
 const negativePhoneMargin = -16;
@@ -3526,8 +3314,6 @@ var constants = /*#__PURE__*/Object.freeze({
   pureMdMax: pureMdMax$1,
   pureLgMax: pureLgMax$1,
   tableBackgroundAccent: tableBackgroundAccent,
-  zIndexAboveScratchpad: zIndexAboveScratchpad$1,
-  zIndexInteractiveComponent: zIndexInteractiveComponent$1,
   phoneMargin: phoneMargin,
   negativePhoneMargin: negativePhoneMargin,
   hintBorderWidth: hintBorderWidth,
@@ -17822,657 +17608,6 @@ class QuestionParagraph extends React__namespace.Component {
   }
 }
 
-const noScore = {
-  type: "points",
-  earned: 0,
-  total: 0,
-  message: null
-};
-
-/**
- * If a widget says that it is empty once it is graded.
- * Trying to encapsulate references to the score format.
- */
-function scoreIsEmpty(score) {
-  // HACK(benkomalo): ugh. this isn't great; the Perseus score objects
-  // overload the type "invalid" for what should probably be three
-  // distinct cases:
-  //  - truly empty or not fully filled out
-  //  - invalid or malformed inputs
-  //  - "almost correct" like inputs where the widget wants to give
-  //  feedback (e.g. a fraction needs to be reduced, or `pi` should
-  //  be used instead of 3.14)
-  //
-  //  Unfortunately the coercion happens all over the place, as these
-  //  Perseus style score objects are created *everywhere* (basically
-  //  in every widget), so it's hard to change now. We assume that
-  //  anything with a "message" is not truly empty, and one of the
-  //  latter two cases for now.
-  return score.type === "invalid" && (!score.message || score.message.length === 0);
-}
-
-/**
- * Combine two score objects.
- *
- * Given two score objects for two different widgets, combine them so that
- * if one is wrong, the total score is wrong, etc.
- */
-function combineScores(scoreA, scoreB) {
-  let message;
-  if (scoreA.type === "points" && scoreB.type === "points") {
-    if (scoreA.message && scoreB.message && scoreA.message !== scoreB.message) {
-      // TODO(alpert): Figure out how to combine messages usefully
-      message = null;
-    } else {
-      message = scoreA.message || scoreB.message;
-    }
-    return {
-      type: "points",
-      earned: scoreA.earned + scoreB.earned,
-      total: scoreA.total + scoreB.total,
-      message: message
-    };
-  }
-  if (scoreA.type === "points" && scoreB.type === "invalid") {
-    return scoreB;
-  }
-  if (scoreA.type === "invalid" && scoreB.type === "points") {
-    return scoreA;
-  }
-  if (scoreA.type === "invalid" && scoreB.type === "invalid") {
-    if (scoreA.message && scoreB.message && scoreA.message !== scoreB.message) {
-      // TODO(alpert): Figure out how to combine messages usefully
-      message = null;
-    } else {
-      message = scoreA.message || scoreB.message;
-    }
-    return {
-      type: "invalid",
-      message: message
-    };
-  }
-
-  /**
-   * The above checks cover all combinations of score type, so if we get here
-   * then something is amiss with our inputs.
-   */
-  throw new perseusCore.PerseusError("PerseusScore with unknown type encountered", perseusCore.Errors.InvalidInput, {
-    metadata: {
-      scoreA: JSON.stringify(scoreA),
-      scoreB: JSON.stringify(scoreB)
-    }
-  });
-}
-function flattenScores(widgetScoreMap) {
-  return Object.values(widgetScoreMap).reduce(combineScores, noScore);
-}
-function isCorrect(score) {
-  return score.type === "points" && score.earned >= score.total;
-}
-function keScoreFromPerseusScore(score,
-// It's weird, but this is what we're passing it
-guess, state) {
-  if (score.type === "points") {
-    return {
-      empty: false,
-      correct: isCorrect(score),
-      message: score.message,
-      guess: guess,
-      state: state
-    };
-  }
-  if (score.type === "invalid") {
-    return {
-      empty: true,
-      correct: false,
-      message: score.message,
-      suppressAlmostThere: score.suppressAlmostThere,
-      guess: guess,
-      state: state
-    };
-  }
-  throw new perseusCore.PerseusError(
-  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
-  "Invalid score type: " + score.type, perseusCore.Errors.InvalidInput, {
-    metadata: {
-      score: JSON.stringify(score),
-      guess: JSON.stringify(guess),
-      state: JSON.stringify(state)
-    }
-  });
-}
-
-const DEFAULT_ALIGNMENT$1 = "block";
-// NOTE(kevinb): "default" is not one in `validAlignments`.
-const DEFAULT_SUPPORTED_ALIGNMENTS = ["default"];
-const DEFAULT_STATIC = false;
-const DEFAULT_TRACKING = "";
-const DEFAULT_LINTABLE = false;
-const widgets = {};
-const editors = {};
-
-// Widgets must be registered to avoid circular dependencies with the
-// core Editor and Renderer components.
-// TODO(jeremy): The widget name is already embedded in the WidgetExports type
-// so could we drop the `name` parameter here?
-const registerWidget = (name, widget) => {
-  widgets[name] = widget;
-};
-const registerWidgets = widgets => {
-  widgets.forEach(widget => {
-    registerWidget(widget.name, widget);
-  });
-  validateAlignments();
-};
-
-/**
- *
- * @param name - the widget that you are trying to replace
- * @param replacementName - the name of the widget that takes its place
- *
- * e.g. replaceWidget("transformer", "deprecated-standin") will make it so the
- * transformer widget is replaced by the always correct widget
- */
-const replaceWidget = (name, replacementName) => {
-  const substituteWidget = widgets[replacementName];
-
-  // If the replacement widget isn't found, we need to throw. Otherwise after
-  // removing the deprecated widget, we'll have data asking for a widget type
-  // that doesn't exist at all.
-  if (!substituteWidget) {
-    const errorMsg = `Failed to replace ${name} with ${replacementName}`;
-    throw new perseusCore.PerseusError(errorMsg, perseusCore.Errors.Internal);
-  }
-  registerWidget(name, substituteWidget);
-};
-const replaceDeprecatedWidgets = () => {
-  replaceWidget("transformer", "deprecated-standin");
-  replaceWidget("lights-puzzle", "deprecated-standin");
-  replaceWidget("reaction-diagram", "deprecated-standin");
-  replaceWidget("sequence", "deprecated-standin");
-  replaceWidget("simulator", "deprecated-standin");
-  replaceWidget("unit-input", "deprecated-standin");
-};
-const registerEditors = editorsToRegister => {
-  editorsToRegister.forEach(editor => {
-    if (!editor.widgetName) {
-      throw new perseusCore.PerseusError(`Editor ${editor.displayName} doesn't have a widgetName property`, perseusCore.Errors.Internal);
-    }
-    editors[editor.widgetName] = editor;
-  });
-};
-
-/**
- *
- * @param name - the widget that you are trying to replace
- * @param replacementName - the name of the widget that takes its place
- *
- * e.g. replaceEditor("transformer", "deprecated-standin") will make it so the
- * transformer widget is replaced by the deprecated stand-in widget
- */
-const replaceEditor = (name, replacementName) => {
-  const substituteEditor = editors[replacementName];
-  if (!substituteEditor && Log) {
-    const errorMsg = `Failed to replace editor ${name} with ${replacementName}`;
-    Log.error(errorMsg, perseusCore.Errors.Internal);
-    return;
-  }
-  editors[name] = substituteEditor;
-};
-const replaceDeprecatedEditors = () => {
-  replaceEditor("transformer", "deprecated-standin");
-  replaceEditor("lights-puzzle", "deprecated-standin");
-  replaceEditor("reaction-diagram", "deprecated-standin");
-  replaceEditor("sequence", "deprecated-standin");
-  replaceEditor("simulator", "deprecated-standin");
-  replaceEditor("unit-input", "deprecated-standin");
-};
-const getWidget = name => {
-  // TODO(alex): Consider referring to these as renderers to avoid
-  // overloading "widget"
-  if (!___default["default"].has(widgets, name)) {
-    return null;
-  }
-
-  // Allow widgets to specify a widget directly or via a function
-  if (widgets[name]?.getWidget) {
-    return widgets[name].getWidget?.();
-  }
-  return widgets[name].widget;
-};
-const getWidgetExport = name => {
-  return widgets[name] ?? null;
-};
-const getWidgetValidator = name => {
-  return widgets[name]?.validator ?? null;
-};
-const getWidgetScorer = name => {
-  return widgets[name]?.scorer ?? null;
-};
-const getPublicWidgetOptionsFunction = name => {
-  return widgets[name]?.getPublicWidgetOptions ?? (i => i);
-};
-const getEditor = name => {
-  return ___default["default"].has(editors, name) ? editors[name] : null;
-};
-const getTransform = name => {
-  return ___default["default"].has(widgets, name) ? widgets[name].transform || ___default["default"].identity : null;
-};
-const getVersion = name => {
-  const widgetInfo = widgets[name];
-  if (widgetInfo) {
-    return widgets[name].version || {
-      major: 0,
-      minor: 0
-    };
-  }
-  return;
-};
-const getVersionVector = () => {
-  const version = {};
-  ___default["default"].each(___default["default"].keys(widgets), function (name) {
-    version[name] = getVersion(name);
-  });
-  return version;
-};
-const getPublicWidgets = () => {
-  // TODO(alex): Update underscore.js so that _.pick can take a function.
-  // @ts-expect-error - TS2740 - Type 'Pick<{ [key: string]: Readonly<{ name: string; displayName: string; getWidget?: (() => ComponentType<any>) | undefined; accessible?: boolean | ((props: any) => boolean) | undefined; hidden?: boolean | undefined; ... 10 more ...; widget: ComponentType<...>; }>; }, string>' is missing the following properties from type 'readonly Readonly<{ name: string; displayName: string; getWidget?: (() => ComponentType<any>) | undefined; accessible?: boolean | ((props: any) => boolean) | undefined; hidden?: boolean | undefined; ... 10 more ...; widget: ComponentType<...>; }>[]': length, concat, join, slice, and 18 more.
-  return ___default["default"].pick(widgets,
-  // @ts-expect-error - TS2345 - Argument of type '(name: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
-  ___default["default"].reject(___default["default"].keys(widgets), function (name) {
-    return widgets[name].hidden;
-  }));
-};
-const isAccessible = widgetInfo => {
-  const accessible = widgets[widgetInfo.type].accessible;
-  if (typeof accessible === "function") {
-    return accessible(widgetInfo.options);
-  }
-  return !!accessible;
-};
-const getAllWidgetTypes = () => {
-  return ___default["default"].keys(widgets);
-};
-const upgradeWidgetInfoToLatestVersion = oldWidgetInfo => {
-  const type = oldWidgetInfo.type;
-  // NOTE(jeremy): This looks like it could be replaced by fixing types so
-  // that `type` is non-optional. But we're seeing this in Sentry today so I
-  // suspect we have legacy data (potentially unpublished) and we should
-  // figure that out before depending solely on types.
-  if (!___default["default"].isString(type)) {
-    throw new perseusCore.PerseusError("widget type must be a string, but was: " + type, perseusCore.Errors.Internal);
-  }
-  const widgetExports = widgets[type];
-  if (widgetExports == null) {
-    // If we have a widget that isn't registered, we can't upgrade it
-    // TODO(aria): Figure out what the best thing to do here would be
-    return oldWidgetInfo;
-  }
-
-  // Unversioned widgets (pre-July 2014) are all implicitly 0.0
-  const initialVersion = oldWidgetInfo.version || {
-    major: 0,
-    minor: 0
-  };
-  const latestVersion = widgetExports.version || {
-    major: 0,
-    minor: 0
-  };
-
-  // If the widget version is later than what we understand (major
-  // version is higher than latest, or major versions are equal and minor
-  // version is higher than latest), don't perform any upgrades.
-  if (initialVersion.major > latestVersion.major || initialVersion.major === latestVersion.major && initialVersion.minor > latestVersion.minor) {
-    return oldWidgetInfo;
-  }
-
-  // We do a clone here so that it's safe to mutate the input parameter
-  // in propUpgrades functions (which I will probably accidentally do at
-  // some point, and we would like to not break when that happens).
-  let newEditorProps = ___default["default"].clone(oldWidgetInfo.options) || {};
-  const upgradePropsMap = widgetExports.propUpgrades || {};
-
-  // Empty props usually mean a newly created widget by the editor,
-  // and are always considerered up-to-date.
-  // Mostly, we'd rather not run upgrade functions on props that are
-  // not complete.
-  if (___default["default"].keys(newEditorProps).length !== 0) {
-    // We loop through all the versions after the current version of
-    // the loaded widget, up to and including the latest version of the
-    // loaded widget, and run the upgrade function to bring our loaded
-    // widget's props up to that version.
-    // There is a little subtlety here in that we call
-    // upgradePropsMap[1] to upgrade *to* version 1,
-    // (not from version 1).
-    for (let nextVersion = initialVersion.major + 1; nextVersion <= latestVersion.major; nextVersion++) {
-      if (upgradePropsMap[String(nextVersion)]) {
-        newEditorProps = upgradePropsMap[String(nextVersion)](newEditorProps);
-      } else {
-        // This is a Log.error because it is unlikely to be hit in
-        // local testing, and a Log.error is slightly less scary in
-        // prod than a `throw new Error`
-        Log.error("No upgrade found for widget. Cannot render.", perseusCore.Errors.Internal, {
-          loggedMetadata: {
-            type,
-            fromMajorVersion: nextVersion - 1,
-            toMajorVersion: nextVersion
-          }
-        });
-        // But try to keep going anyways (yolo!)
-        // (Throwing an error here would just break the page
-        // silently anyways, so that doesn't seem much better
-        // than a halfhearted attempt to continue, however
-        // shallow...)
-      }
-    }
-  }
-
-  // Minor version upgrades (eg. new optional props) don't have
-  // transform functions. Instead, we fill in the new props with their
-  // defaults.
-  const defaultProps = type in editors ? editors[type].defaultProps : {};
-  newEditorProps = {
-    ...defaultProps,
-    ...newEditorProps
-  };
-  let alignment = oldWidgetInfo.alignment;
-
-  // Widgets that support multiple alignments will "lock in" the
-  // alignment to the alignment that would be listed first in the
-  // select box. If the widget only supports one alignment, the
-  // alignment value will likely just end up as "default".
-  if (alignment == null || alignment === "default") {
-    alignment = getSupportedAlignments(type)[0];
-  }
-  let widgetStatic = oldWidgetInfo.static;
-  if (widgetStatic == null) {
-    widgetStatic = DEFAULT_STATIC;
-  }
-  return ___default["default"].extend({}, oldWidgetInfo, {
-    // maintain other info, like type
-    // After upgrading we guarantee that the version is up-to-date
-    version: latestVersion,
-    // Default graded to true (so null/undefined becomes true):
-    graded: oldWidgetInfo.graded != null ? oldWidgetInfo.graded : true,
-    alignment: alignment,
-    static: widgetStatic,
-    options: newEditorProps
-  });
-};
-const getRendererPropsForWidgetInfo = (widgetInfo, strings, problemNum) => {
-  const type = widgetInfo.type;
-  const widgetExports = widgets[type];
-  if (widgetExports == null) {
-    // The widget is not a registered widget
-    // It shouldn't matter what we return here, but for consistency
-    // we return the untransformed options, as if the widget did
-    // not have a transform defined.
-    return widgetInfo;
-  }
-  let transform;
-  if (widgetInfo.static) {
-    // There aren't a lot of real places where we'll have to default to
-    // _.identity, but it's theoretically possible if someone changes
-    // the JSON manually / we have to back out static support for a
-    // widget.
-    transform = getStaticTransform(type) || ___default["default"].identity;
-  } else {
-    transform = widgetExports.transform || ___default["default"].identity;
-  }
-  // widgetInfo.options are the widgetEditor's props:
-  return transform(widgetInfo.options, strings, problemNum);
-};
-const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
-  if (!traverseRenderer) {
-    throw new perseusCore.PerseusError("traverseRenderer must be provided, but was not", perseusCore.Errors.Internal);
-  }
-  if (!widgetInfo || !widgetInfo.type || !widgets[widgetInfo.type]) {
-    return widgetInfo;
-  }
-  const widgetExports = widgets[widgetInfo.type];
-  const props = widgetInfo.options;
-  if (widgetExports.traverseChildWidgets && props) {
-    const newProps = widgetExports.traverseChildWidgets(props, traverseRenderer);
-    return ___default["default"].extend({}, widgetInfo, {
-      options: newProps
-    });
-  }
-  return widgetInfo;
-};
-
-/**
- * Handling for the optional alignments for widgets
- * See widget-container.jsx for details on how alignments are implemented.
- */
-
-/**
- * Returns the list of supported alignments for the given (string) widget
- * type. This is used primarily at editing time to display the choices
- * for the user.
- *
- * Supported alignments are given as an array of strings in the exports of
- * a widget's module.
- */
-const getSupportedAlignments = type => {
-  const widgetExport = widgets[type];
-  // @ts-expect-error - TS2322 - Type 'string[] | readonly Alignment[]' is not assignable to type 'readonly Alignment[]'.
-  return widgetExport && widgetExport.supportedAlignments || DEFAULT_SUPPORTED_ALIGNMENTS;
-};
-
-/**
- * For the given (string) widget type, determine the default alignment for
- * the widget. This is used at rendering time to go from "default" alignment
- * to the actual alignment displayed on the screen.
- *
- * The default alignment is given either as a string (called
- * `defaultAlignment`) or a function (called `getDefaultAlignment`) on
- * the exports of a widget's module.
- */
-const getDefaultAlignment = type => {
-  const widgetExports = widgets[type];
-  let alignment;
-  if (!widgetExports) {
-    return DEFAULT_ALIGNMENT$1;
-  }
-  if (widgetExports.getDefaultAlignment) {
-    alignment = widgetExports.getDefaultAlignment();
-  } else {
-    alignment = widgetExports.defaultAlignment;
-  }
-  return alignment || DEFAULT_ALIGNMENT$1;
-};
-const validAlignments = ["block", "inline-block", "inline", "float-left", "float-right", "full-width"];
-
-/**
- * Used at startup to fail fast if an alignment given by a widget is
- * invalid.
- */
-// TODO(alex): Change this to run as a testcase (vs. being run at runtime)
-// TODO(LP-10707): I think this can be completely removed because our TypeScript types
-// enforce this!
-const validateAlignments = () => {
-  ___default["default"].each(widgets, function (widgetInfo) {
-    if (widgetInfo.defaultAlignment && !___default["default"].contains(validAlignments, widgetInfo.defaultAlignment)) {
-      throw new perseusCore.PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid defaultAlignment value: " + widgetInfo.defaultAlignment, perseusCore.Errors.InvalidInput);
-    }
-    if (widgetInfo.supportedAlignments) {
-      const unknownAlignments = ___default["default"].difference(widgetInfo.supportedAlignments, validAlignments);
-      if (unknownAlignments.length) {
-        throw new perseusCore.PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid value for supportedAlignments: " + unknownAlignments.join(" "), perseusCore.Errors.InvalidInput);
-      }
-    }
-  });
-};
-
-/**
- * Handling for static mode for widgets that support it.
- */
-
-/**
- * Returns true iff the widget supports static mode.
- * A widget implicitly supports static mode if it exports a
- * staticTransform function.
- */
-const supportsStaticMode = type => {
-  const widgetInfo = widgets[type];
-  return widgetInfo && widgetInfo.staticTransform != null;
-};
-
-/**
- * Return the staticTransform function used to convert the editorProps to
- * the rendered widget state.
- */
-const getStaticTransform = type => {
-  const widgetInfo = widgets[type];
-  return widgetInfo && widgetInfo.staticTransform;
-};
-
-/**
- * Returns the tracking option for the widget. The default is "",
- * which means simply to track interactions once. The other available
- * option is "all" which means to track all interactions.
- */
-const getTracking = type => {
-  const widgetExport = widgets[type];
-  return widgetExport && widgetExport.tracking || DEFAULT_TRACKING;
-};
-
-/**
- * Returns true if this widget can include lintable markdown text
- * and supports a highlightLint prop, or false otherwise.
- */
-const isLintable = type => {
-  const widgetExports = widgets[type];
-  return widgetExports && widgetExports.isLintable || DEFAULT_LINTABLE;
-};
-
-var widgets$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  registerWidget: registerWidget,
-  registerWidgets: registerWidgets,
-  replaceWidget: replaceWidget,
-  replaceDeprecatedWidgets: replaceDeprecatedWidgets,
-  registerEditors: registerEditors,
-  replaceEditor: replaceEditor,
-  replaceDeprecatedEditors: replaceDeprecatedEditors,
-  getWidget: getWidget,
-  getWidgetExport: getWidgetExport,
-  getWidgetValidator: getWidgetValidator,
-  getWidgetScorer: getWidgetScorer,
-  getPublicWidgetOptionsFunction: getPublicWidgetOptionsFunction,
-  getEditor: getEditor,
-  getTransform: getTransform,
-  getVersion: getVersion,
-  getVersionVector: getVersionVector,
-  getPublicWidgets: getPublicWidgets,
-  isAccessible: isAccessible,
-  getAllWidgetTypes: getAllWidgetTypes,
-  upgradeWidgetInfoToLatestVersion: upgradeWidgetInfoToLatestVersion,
-  getRendererPropsForWidgetInfo: getRendererPropsForWidgetInfo,
-  traverseChildWidgets: traverseChildWidgets$3,
-  getSupportedAlignments: getSupportedAlignments,
-  getDefaultAlignment: getDefaultAlignment,
-  validateAlignments: validateAlignments,
-  supportsStaticMode: supportsStaticMode,
-  getStaticTransform: getStaticTransform,
-  getTracking: getTracking,
-  isLintable: isLintable
-});
-
-function getUpgradedWidgetOptions(oldWidgetOptions) {
-  return perseusCore.mapObject(oldWidgetOptions, (widgetInfo, widgetId) => {
-    if (!widgetInfo.type || !widgetInfo.alignment) {
-      const newValues = {};
-      if (!widgetInfo.type) {
-        // TODO: why does widget have no type?
-        // We don't want to derive type from widget ID
-        // see: LEMS-1845
-        newValues.type = widgetId.split(" ")[0];
-      }
-      if (!widgetInfo.alignment) {
-        newValues.alignment = "default";
-      }
-      widgetInfo = {
-        ...widgetInfo,
-        ...newValues
-      };
-    }
-    // TODO(LEMS-2656): remove TS suppression
-    return upgradeWidgetInfoToLatestVersion(widgetInfo);
-  });
-}
-
-/**
- * Checks the given user input to see if any answerable widgets have not been
- * "filled in" (ie. if they're empty). Another way to think about this
- * function is that its a check to see if we can score the provided input.
- */
-function emptyWidgetsFunctional(widgets,
-// This is a port of old code, I'm not sure why
-// we need widgetIds vs the keys of the widgets object
-widgetIds, userInputMap, strings, locale) {
-  return widgetIds.filter(id => {
-    const widget = widgets[id];
-    if (!widget || widget.static === true) {
-      // Static widgets shouldn't count as empty
-      return false;
-    }
-    const validator = getWidgetValidator(widget.type);
-    const userInput = userInputMap[id];
-    const validationData = widget.options;
-    const score = validator?.(userInput, validationData, strings, locale);
-    if (score) {
-      return scoreIsEmpty(score);
-    }
-  });
-}
-
-// TODO: combine scorePerseusItem with scoreWidgetsFunctional
-// once scorePerseusItem is the only one calling scoreWidgetsFunctional
-function scorePerseusItem(perseusRenderData, userInputMap,
-// TODO(LEMS-2461,LEMS-2391): these probably
-// need to be removed before we move this to the server
-strings, locale) {
-  // There seems to be a chance that PerseusRenderer.widgets might include
-  // widget data for widgets that are not in PerseusRenderer.content,
-  // so this checks that the widgets are being used before scoring them
-  const usedWidgetIds = perseusCore.getWidgetIdsFromContent(perseusRenderData.content);
-  const scores = scoreWidgetsFunctional(perseusRenderData.widgets, usedWidgetIds, userInputMap, strings, locale);
-  return flattenScores(scores);
-}
-function scoreWidgetsFunctional(widgets,
-// This is a port of old code, I'm not sure why
-// we need widgetIds vs the keys of the widgets object
-widgetIds, userInputMap, strings, locale) {
-  const upgradedWidgets = getUpgradedWidgetOptions(widgets);
-  const gradedWidgetIds = widgetIds.filter(id => {
-    const props = upgradedWidgets[id];
-    const widgetIsGraded = props?.graded == null || props.graded;
-    const widgetIsStatic = !!props?.static;
-    // Ungraded widgets or widgets set to static shouldn't be graded.
-    return widgetIsGraded && !widgetIsStatic;
-  });
-  const widgetScores = {};
-  gradedWidgetIds.forEach(id => {
-    const widget = upgradedWidgets[id];
-    if (!widget) {
-      return;
-    }
-    const userInput = userInputMap[id];
-    const validator = getWidgetValidator(widget.type);
-    const scorer = getWidgetScorer(widget.type);
-
-    // We do validation (empty checks) first and then scoring. If
-    // validation fails, it's result is itself a PerseusScore.
-    const score = validator?.(userInput, widget.options, strings, locale) ?? scorer?.(userInput, widget.options, strings, locale);
-    if (score != null) {
-      widgetScores[id] = score;
-    }
-  });
-  return widgetScores;
-}
-
 /**
  * TranslationLinter asynchronously calls Khan Academy's poentry linter.
  *
@@ -18629,6 +17764,257 @@ const getInteractiveBoxFromSizeClass = sizeClass => {
   return [interactiveSizes.defaultBoxSize, interactiveSizes.defaultBoxSize];
 };
 
+const DEFAULT_TRACKING = "";
+const DEFAULT_LINTABLE = false;
+const widgets = {};
+const editors = {};
+
+// Widgets must be registered to avoid circular dependencies with the
+// core Editor and Renderer components.
+// TODO(jeremy): The widget name is already embedded in the WidgetExports type
+// so could we drop the `name` parameter here?
+const registerWidget = (name, widget) => {
+  widgets[name] = widget;
+};
+const registerWidgets = widgets => {
+  widgets.forEach(widget => {
+    registerWidget(widget.name, widget);
+  });
+};
+
+/**
+ *
+ * @param name - the widget that you are trying to replace
+ * @param replacementName - the name of the widget that takes its place
+ *
+ * e.g. replaceWidget("transformer", "deprecated-standin") will make it so the
+ * transformer widget is replaced by the always correct widget
+ */
+const replaceWidget = (name, replacementName) => {
+  const substituteWidget = widgets[replacementName];
+
+  // If the replacement widget isn't found, we need to throw. Otherwise after
+  // removing the deprecated widget, we'll have data asking for a widget type
+  // that doesn't exist at all.
+  if (!substituteWidget) {
+    const errorMsg = `Failed to replace ${name} with ${replacementName}`;
+    throw new perseusCore.PerseusError(errorMsg, perseusCore.Errors.Internal);
+  }
+  registerWidget(name, substituteWidget);
+};
+const replaceDeprecatedWidgets = () => {
+  replaceWidget("transformer", "deprecated-standin");
+  replaceWidget("lights-puzzle", "deprecated-standin");
+  replaceWidget("reaction-diagram", "deprecated-standin");
+  replaceWidget("sequence", "deprecated-standin");
+  replaceWidget("simulator", "deprecated-standin");
+  replaceWidget("unit-input", "deprecated-standin");
+};
+const registerEditors = editorsToRegister => {
+  editorsToRegister.forEach(editor => {
+    if (!editor.widgetName) {
+      throw new perseusCore.PerseusError(`Editor ${editor.displayName} doesn't have a widgetName property`, perseusCore.Errors.Internal);
+    }
+    editors[editor.widgetName] = editor;
+  });
+};
+
+/**
+ *
+ * @param name - the widget that you are trying to replace
+ * @param replacementName - the name of the widget that takes its place
+ *
+ * e.g. replaceEditor("transformer", "deprecated-standin") will make it so the
+ * transformer widget is replaced by the deprecated stand-in widget
+ */
+const replaceEditor = (name, replacementName) => {
+  const substituteEditor = editors[replacementName];
+  if (!substituteEditor && Log) {
+    const errorMsg = `Failed to replace editor ${name} with ${replacementName}`;
+    Log.error(errorMsg, perseusCore.Errors.Internal);
+    return;
+  }
+  editors[name] = substituteEditor;
+};
+const replaceDeprecatedEditors = () => {
+  replaceEditor("transformer", "deprecated-standin");
+  replaceEditor("lights-puzzle", "deprecated-standin");
+  replaceEditor("reaction-diagram", "deprecated-standin");
+  replaceEditor("sequence", "deprecated-standin");
+  replaceEditor("simulator", "deprecated-standin");
+  replaceEditor("unit-input", "deprecated-standin");
+};
+const getWidget = name => {
+  // TODO(alex): Consider referring to these as renderers to avoid
+  // overloading "widget"
+  if (!___default["default"].has(widgets, name)) {
+    return null;
+  }
+
+  // Allow widgets to specify a widget directly or via a function
+  if (widgets[name]?.getWidget) {
+    return widgets[name].getWidget?.();
+  }
+  return widgets[name].widget;
+};
+const getWidgetExport = name => {
+  return widgets[name] ?? null;
+};
+const getPublicWidgetOptionsFunction = name => {
+  return widgets[name]?.getPublicWidgetOptions ?? (i => i);
+};
+const getEditor = name => {
+  return ___default["default"].has(editors, name) ? editors[name] : null;
+};
+const getTransform = name => {
+  return ___default["default"].has(widgets, name) ? widgets[name].transform || ___default["default"].identity : null;
+};
+const getVersion = name => {
+  const widgetInfo = widgets[name];
+  if (widgetInfo) {
+    return widgets[name].version || {
+      major: 0,
+      minor: 0
+    };
+  }
+  return;
+};
+const getVersionVector = () => {
+  const version = {};
+  ___default["default"].each(___default["default"].keys(widgets), function (name) {
+    version[name] = getVersion(name);
+  });
+  return version;
+};
+const getPublicWidgets = () => {
+  // TODO(alex): Update underscore.js so that _.pick can take a function.
+  // @ts-expect-error - TS2740 - Type 'Pick<{ [key: string]: Readonly<{ name: string; displayName: string; getWidget?: (() => ComponentType<any>) | undefined; accessible?: boolean | ((props: any) => boolean) | undefined; hidden?: boolean | undefined; ... 10 more ...; widget: ComponentType<...>; }>; }, string>' is missing the following properties from type 'readonly Readonly<{ name: string; displayName: string; getWidget?: (() => ComponentType<any>) | undefined; accessible?: boolean | ((props: any) => boolean) | undefined; hidden?: boolean | undefined; ... 10 more ...; widget: ComponentType<...>; }>[]': length, concat, join, slice, and 18 more.
+  return ___default["default"].pick(widgets,
+  // @ts-expect-error - TS2345 - Argument of type '(name: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
+  ___default["default"].reject(___default["default"].keys(widgets), function (name) {
+    return widgets[name].hidden;
+  }));
+};
+const isAccessible = widgetInfo => {
+  const accessible = widgets[widgetInfo.type].accessible;
+  if (typeof accessible === "function") {
+    return accessible(widgetInfo.options);
+  }
+  return !!accessible;
+};
+const getAllWidgetTypes = () => {
+  return ___default["default"].keys(widgets);
+};
+const getRendererPropsForWidgetInfo = (widgetInfo, strings, problemNum) => {
+  const type = widgetInfo.type;
+  const widgetExports = widgets[type];
+  if (widgetExports == null) {
+    // The widget is not a registered widget
+    // It shouldn't matter what we return here, but for consistency
+    // we return the untransformed options, as if the widget did
+    // not have a transform defined.
+    return widgetInfo;
+  }
+  let transform;
+  if (widgetInfo.static) {
+    // There aren't a lot of real places where we'll have to default to
+    // _.identity, but it's theoretically possible if someone changes
+    // the JSON manually / we have to back out static support for a
+    // widget.
+    transform = getStaticTransform(type) || ___default["default"].identity;
+  } else {
+    transform = widgetExports.transform || ___default["default"].identity;
+  }
+  // widgetInfo.options are the widgetEditor's props:
+  return transform(widgetInfo.options, strings, problemNum);
+};
+const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
+  if (!traverseRenderer) {
+    throw new perseusCore.PerseusError("traverseRenderer must be provided, but was not", perseusCore.Errors.Internal);
+  }
+  if (!widgetInfo || !widgetInfo.type || !widgets[widgetInfo.type]) {
+    return widgetInfo;
+  }
+  const widgetExports = widgets[widgetInfo.type];
+  const props = widgetInfo.options;
+  if (widgetExports.traverseChildWidgets && props) {
+    const newProps = widgetExports.traverseChildWidgets(props, traverseRenderer);
+    return ___default["default"].extend({}, widgetInfo, {
+      options: newProps
+    });
+  }
+  return widgetInfo;
+};
+
+/**
+ * Handling for static mode for widgets that support it.
+ */
+
+/**
+ * Returns true iff the widget supports static mode.
+ * A widget implicitly supports static mode if it exports a
+ * staticTransform function.
+ */
+const supportsStaticMode = type => {
+  const widgetInfo = widgets[type];
+  return widgetInfo && widgetInfo.staticTransform != null;
+};
+
+/**
+ * Return the staticTransform function used to convert the editorProps to
+ * the rendered widget state.
+ */
+const getStaticTransform = type => {
+  const widgetInfo = widgets[type];
+  return widgetInfo && widgetInfo.staticTransform;
+};
+
+/**
+ * Returns the tracking option for the widget. The default is "",
+ * which means simply to track interactions once. The other available
+ * option is "all" which means to track all interactions.
+ */
+const getTracking = type => {
+  const widgetExport = widgets[type];
+  return widgetExport && widgetExport.tracking || DEFAULT_TRACKING;
+};
+
+/**
+ * Returns true if this widget can include lintable markdown text
+ * and supports a highlightLint prop, or false otherwise.
+ */
+const isLintable = type => {
+  const widgetExports = widgets[type];
+  return widgetExports && widgetExports.isLintable || DEFAULT_LINTABLE;
+};
+
+var widgets$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  registerWidget: registerWidget,
+  registerWidgets: registerWidgets,
+  replaceWidget: replaceWidget,
+  replaceDeprecatedWidgets: replaceDeprecatedWidgets,
+  registerEditors: registerEditors,
+  replaceEditor: replaceEditor,
+  replaceDeprecatedEditors: replaceDeprecatedEditors,
+  getWidget: getWidget,
+  getWidgetExport: getWidgetExport,
+  getPublicWidgetOptionsFunction: getPublicWidgetOptionsFunction,
+  getEditor: getEditor,
+  getTransform: getTransform,
+  getVersion: getVersion,
+  getVersionVector: getVersionVector,
+  getPublicWidgets: getPublicWidgets,
+  isAccessible: isAccessible,
+  getAllWidgetTypes: getAllWidgetTypes,
+  getRendererPropsForWidgetInfo: getRendererPropsForWidgetInfo,
+  traverseChildWidgets: traverseChildWidgets$3,
+  supportsStaticMode: supportsStaticMode,
+  getStaticTransform: getStaticTransform,
+  getTracking: getTracking,
+  isLintable: isLintable
+});
+
 class WidgetContainer extends React__namespace.Component {
   widgetRef = /*#__PURE__*/React__namespace.createRef();
   static defaultProps = {
@@ -18701,7 +18087,7 @@ class WidgetContainer extends React__namespace.Component {
     }
     let alignment = this.state.widgetProps.alignment;
     if (alignment === "default") {
-      alignment = getDefaultAlignment(type);
+      alignment = perseusCore.CoreWidgetRegistry.getDefaultAlignment(type);
     }
     className += " widget-" + alignment;
     const apiOptions = this.state.widgetProps.apiOptions;
@@ -18709,6 +18095,7 @@ class WidgetContainer extends React__namespace.Component {
     // Hack to prevent interaction with static widgets: we overlay a big
     // div on top of the widget and overflow: hidden the container.
     // Ideally widgets themselves should know how to prevent interaction.
+    // UPDATE HTML5: `inert` on the underlying div would be better
     const isStatic = this.state.widgetProps.static || apiOptions.readOnly;
     const staticContainerStyles = {
       position: "relative",
@@ -18720,7 +18107,7 @@ class WidgetContainer extends React__namespace.Component {
       position: "absolute",
       top: 0,
       left: 0,
-      zIndex: zIndexInteractiveComponent$1
+      zIndex: 3
     };
 
     // Some widgets may include strings of markdown that we may
@@ -18986,7 +18373,7 @@ class Renderer extends React__namespace.Component {
     };
   };
   _getInitialWidgetState = props => {
-    const allWidgetInfo = getUpgradedWidgetOptions(props.widgets);
+    const allWidgetInfo = perseusCore.getUpgradedWidgetOptions(props.widgets);
     return {
       widgetInfo: allWidgetInfo,
       widgetProps: this._getAllWidgetsStartProps(allWidgetInfo, props)
@@ -19898,7 +19285,7 @@ class Renderer extends React__namespace.Component {
    * empty if the graph is in the starting state.
    */
   emptyWidgets() {
-    return emptyWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.props.strings, this.context.locale);
+    return perseusScore.emptyWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
   }
   _setWidgetProps = (id, newProps, cb, silent) => {
     this.setState(prevState => {
@@ -20028,8 +19415,8 @@ class Renderer extends React__namespace.Component {
    * @deprecated use scorePerseusItem
    */
   score() {
-    const scores = scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.props.strings, this.context.locale);
-    const combinedScore = flattenScores(scores);
+    const scores = perseusScore.scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
+    const combinedScore = perseusScore.flattenScores(scores);
     return combinedScore;
   }
 
@@ -20550,7 +19937,7 @@ class InputWithExamples extends React__namespace.Component {
   };
   _getInputClassName = () => {
     // Otherwise, we need to add these INPUT and FOCUSED tags here.
-    let className = ClassNames.INPUT + " " + ClassNames.INTERACTIVE;
+    let className = ClassNames.INPUT;
     if (this.state.focused) {
       className += " " + ClassNames.FOCUSED;
     }
@@ -20943,14 +20330,10 @@ const propTransform$3 = widgetOptions => {
 var InputNumber$1 = {
   name: "input-number",
   displayName: "Input number (deprecated - use numeric input instead)",
-  defaultAlignment: "inline-block",
   hidden: true,
   widget: InputNumber,
   transform: propTransform$3,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusInputNumberUserInput'.
-  scorer: perseusScore.scoreInputNumber,
   getOneCorrectAnswerFromRubric(rubric) {
     if (rubric.value == null) {
       return;
@@ -21202,14 +20585,11 @@ const propsTransform = function (widgetOptions) {
 var NumericInput$1 = {
   name: "numeric-input",
   displayName: "Numeric input",
-  defaultAlignment: "inline-block",
   accessible: true,
   widget: NumericInput,
   transform: propsTransform,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumericInputUserInput'.
-  scorer: perseusScore.scoreNumericInput,
+  getPublicWidgetOptions: perseusCore.getNumericInputPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusNumericInputRubric'
   getOneCorrectAnswerFromRubric(rubric) {
@@ -21270,24 +20650,6 @@ const getPromptJSON$p = renderProps => {
   };
 };
 
-/**
- * Several widgets don't have "right"/"wrong" scoring logic,
- * so this just says to move on past those widgets
- *
- * TODO(LEMS-2543) widgets that use this probably shouldn't have any
- * scoring logic and the thing scoring an exercise
- * should just know to skip these
- */
-function scoreNoop() {
-  let points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return {
-    type: "points",
-    earned: points,
-    total: points,
-    message: null
-  };
-}
-
 /**
  * Utility functions for manipulating ranges of highlightable content.
  */
@@ -23465,8 +22827,7 @@ var Passage$1 = {
   transform: editorProps => {
     return ___default["default"].pick(editorProps, "passageTitle", "passageText", "footnotes", "showLineNumbers");
   },
-  isLintable: true,
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 /**
@@ -23592,16 +22953,13 @@ var PassageRef$1 = {
   name: "passage-ref",
   displayName: "PassageRef (SAT only)",
   hidden: true,
-  defaultAlignment: "inline",
   widget: PassageRef,
   transform: widgetOptions => ({
     passageNumber: widgetOptions.passageNumber,
     referenceNumber: widgetOptions.referenceNumber,
     summaryText: widgetOptions.summaryText
   }),
-  version: perseusCore.passageRefLogic.version,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  version: perseusCore.passageRefLogic.version
 };
 
 /**
@@ -23643,109 +23001,6 @@ var mediaQueries = {
   xlOrLarger: `@media screen and (min-width: ${pureXlMin})`
 };
 
-const {
-  zIndexAboveScratchpad,
-  zIndexInteractiveComponent,
-  radioBorderColor,
-  checkedColor,
-  circleSize,
-  radioMarginWidth
-} = constants;
-var sharedStyles = aphrodite.StyleSheet.create({
-  perseusInteractive: {
-    zIndex: zIndexInteractiveComponent,
-    position: "relative"
-  },
-  aboveScratchpad: {
-    position: "relative",
-    zIndex: zIndexAboveScratchpad
-  },
-  blankBackground: {
-    // TODO(emily): Use WB colors?
-    backgroundColor: "#FDFDFD"
-  },
-  perseusSrOnly: {
-    border: 0,
-    clip: "rect(0,0,0,0)",
-    height: 1,
-    margin: -1,
-    overflow: "hidden",
-    padding: 0,
-    position: "absolute",
-    width: 1
-  },
-  responsiveLabel: {
-    // NOTE(charlie): The values used here should be kept in sync with the
-    // caption text sizing in Perseus' styles.less.
-    // TODO(charlie): Migrate the captions over to using this style.
-    [mediaQueries.smOrSmaller]: {
-      fontSize: 14,
-      lineHeight: 1.3
-    },
-    [mediaQueries.md]: {
-      fontSize: 17,
-      lineHeight: 1.4
-    },
-    [mediaQueries.lgOrLarger]: {
-      fontSize: 20,
-      lineHeight: 1.4
-    }
-  },
-  responsiveInput: {
-    display: "inline-block",
-    WebkitAppearance: "none",
-    appearance: "none",
-    "::-ms-check": {
-      display: "none"
-    },
-    backgroundColor: "#fff",
-    border: "2px solid #fff",
-    boxShadow: `0 0px 0px 1px ${radioBorderColor}`,
-    outline: "none",
-    boxSizing: "border-box",
-    flexShrink: 0,
-    marginBottom: 1,
-    marginLeft: 1,
-    marginRight: 1,
-    marginTop: 1,
-    height: circleSize - 2,
-    width: circleSize - 2
-  },
-  responsiveRadioInput: {
-    borderRadius: "50%",
-    ":checked": {
-      backgroundColor: checkedColor,
-      border: "none",
-      borderRadius: "50%",
-      boxShadow: `inset 0px 0px 0px 2px white, ` + `0 0px 0px 2px ${checkedColor}`,
-      marginTop: radioMarginWidth,
-      marginBottom: radioMarginWidth,
-      marginLeft: radioMarginWidth,
-      marginRight: radioMarginWidth,
-      height: circleSize - 2 * radioMarginWidth,
-      width: circleSize - 2 * radioMarginWidth
-    }
-  },
-  responsiveRadioInputActive: {
-    backgroundColor: "#fff",
-    border: "2px solid #fff",
-    borderRadius: "50%",
-    boxShadow: `0 0px 0px 2px ${checkedColor}`,
-    marginTop: radioMarginWidth,
-    marginBottom: radioMarginWidth,
-    marginLeft: radioMarginWidth,
-    marginRight: radioMarginWidth,
-    height: circleSize - 2 * radioMarginWidth,
-    width: circleSize - 2 * radioMarginWidth,
-    ":checked": {
-      backgroundColor: "#fff"
-    }
-  },
-  disableTextSelection: {
-    userSelect: "none"
-  }
-});
-
 /**
  * A small collection of useful scrolling utility functions.
  */
@@ -24814,7 +24069,7 @@ const BaseRadio = function (_ref) {
     const aphroditeClassName = checked => {
       // Whether or not to show correctness borders
       // for this choice and the next choice.
-      return aphrodite.css(sharedStyles.aboveScratchpad, styles$o.item, styles$o.responsiveItem, checked && styles$o.selectedItem, checked && choice.highlighted && styles$o.aboveBackdrop, checked && choice.highlighted && apiOptions.isMobile && styles$o.aboveBackdropMobile, nextChoiceHighlighted && apiOptions.isMobile && styles$o.nextHighlighted);
+      return aphrodite.css(styles$o.item, styles$o.responsiveItem, checked && styles$o.selectedItem, checked && choice.highlighted && styles$o.aboveBackdrop, checked && choice.highlighted && apiOptions.isMobile && styles$o.aboveBackdropMobile, nextChoiceHighlighted && apiOptions.isMobile && styles$o.nextHighlighted);
     };
 
     // HACK(abdulrahman): Preloads the selection-state
@@ -25418,18 +24673,105 @@ var Radio = {
   staticTransform: transform,
   version: perseusCore.radioLogic.version,
   propUpgrades: perseusCore.radioLogic.widgetOptionsUpgrades,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  scorer: perseusScore.scoreRadio,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  validator: perseusScore.validateRadio
+  isLintable: true
 };
 
 /* eslint-disable import/no-named-as-default */
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
+const {
+  radioBorderColor,
+  checkedColor,
+  circleSize,
+  radioMarginWidth
+} = constants;
+var sharedStyles = aphrodite.StyleSheet.create({
+  blankBackground: {
+    // TODO(emily): Use WB colors?
+    backgroundColor: "#FDFDFD"
+  },
+  perseusSrOnly: {
+    border: 0,
+    clip: "rect(0,0,0,0)",
+    height: 1,
+    margin: -1,
+    overflow: "hidden",
+    padding: 0,
+    position: "absolute",
+    width: 1
+  },
+  responsiveLabel: {
+    // NOTE(charlie): The values used here should be kept in sync with the
+    // caption text sizing in Perseus' styles.less.
+    // TODO(charlie): Migrate the captions over to using this style.
+    [mediaQueries.smOrSmaller]: {
+      fontSize: 14,
+      lineHeight: 1.3
+    },
+    [mediaQueries.md]: {
+      fontSize: 17,
+      lineHeight: 1.4
+    },
+    [mediaQueries.lgOrLarger]: {
+      fontSize: 20,
+      lineHeight: 1.4
+    }
+  },
+  responsiveInput: {
+    display: "inline-block",
+    WebkitAppearance: "none",
+    appearance: "none",
+    "::-ms-check": {
+      display: "none"
+    },
+    backgroundColor: "#fff",
+    border: "2px solid #fff",
+    boxShadow: `0 0px 0px 1px ${radioBorderColor}`,
+    outline: "none",
+    boxSizing: "border-box",
+    flexShrink: 0,
+    marginBottom: 1,
+    marginLeft: 1,
+    marginRight: 1,
+    marginTop: 1,
+    height: circleSize - 2,
+    width: circleSize - 2
+  },
+  responsiveRadioInput: {
+    borderRadius: "50%",
+    ":checked": {
+      backgroundColor: checkedColor,
+      border: "none",
+      borderRadius: "50%",
+      boxShadow: `inset 0px 0px 0px 2px white, ` + `0 0px 0px 2px ${checkedColor}`,
+      marginTop: radioMarginWidth,
+      marginBottom: radioMarginWidth,
+      marginLeft: radioMarginWidth,
+      marginRight: radioMarginWidth,
+      height: circleSize - 2 * radioMarginWidth,
+      width: circleSize - 2 * radioMarginWidth
+    }
+  },
+  responsiveRadioInputActive: {
+    backgroundColor: "#fff",
+    border: "2px solid #fff",
+    borderRadius: "50%",
+    boxShadow: `0 0px 0px 2px ${checkedColor}`,
+    marginTop: radioMarginWidth,
+    marginBottom: radioMarginWidth,
+    marginLeft: radioMarginWidth,
+    marginRight: radioMarginWidth,
+    height: circleSize - 2 * radioMarginWidth,
+    width: circleSize - 2 * radioMarginWidth,
+    ":checked": {
+      backgroundColor: "#fff"
+    }
+  },
+  disableTextSelection: {
+    userSelect: "none"
+  }
+});
+
 const getPromptJSON$n = (renderProps, userInput) => {
   return {
     type: "categorizer",
@@ -25530,7 +24872,6 @@ class Categorizer extends React__namespace.Component {
           className: "category " + aphrodite.css(styles$n.cell),
           key: catNum
         }, /*#__PURE__*/React__namespace.createElement("div", {
-          className: ClassNames.INTERACTIVE,
           role: "button",
           "aria-label": catName,
           onClick: () => this.onChange(itemNum, catNum)
@@ -25622,12 +24963,6 @@ var Categorizer$1 = {
     return ___default["default"].pick(editorProps, "items", "categories", "values", "randomizeItems");
   },
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  scorer: perseusScore.scoreCategorizer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  validator: perseusScore.validateCategorizer,
   getPublicWidgetOptions: perseusCore.getCategorizerPublicWidgetOptions
 };
 
@@ -25837,12 +25172,9 @@ const styles$m = aphrodite.StyleSheet.create({
 var CSProgram$1 = {
   name: "cs-program",
   displayName: "CS Program",
-  supportedAlignments: ["block", "full-width"],
   widget: CSProgram,
   hidden: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  scorer: perseusScore.scoreCSProgram
+  getPublicWidgetOptions: perseusCore.getCSProgramPublicWidgetOptions
 };
 
 const getPromptJSON$l = renderProps => {
@@ -25919,11 +25251,8 @@ var Definition$1 = {
   name: "definition",
   displayName: "Definition",
   accessible: true,
-  defaultAlignment: "inline",
   widget: Definition,
-  transform: x => x,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  transform: x => x
 };
 
 // There are no required props, but this component can receive props from any
@@ -25950,9 +25279,7 @@ var DeprecatedStandin$1 = {
   name: "deprecated-standin",
   displayName: "Deprecated Standin",
   widget: DeprecatedStandin,
-  hidden: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop(1)
+  hidden: true
 };
 
 const getPromptJSON$k = (renderProps, userInput) => {
@@ -26061,16 +25388,10 @@ const optionsTransform = widgetOptions => {
 var Dropdown$1 = {
   name: "dropdown",
   displayName: "Drop down",
-  defaultAlignment: "inline-block",
   accessible: true,
   widget: Dropdown,
   transform: optionsTransform,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusDropdownUserInput'.
-  scorer: perseusScore.scoreDropdown,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusDropdownUserInput'.
-  validator: perseusScore.validateDropdown
+  getPublicWidgetOptions: perseusCore.getDropdownPublicWidgetOptions
 };
 
 const getPromptJSON$j = renderProps => {
@@ -26229,12 +25550,9 @@ var Explanation$1 = {
   name: "explanation",
   displayName: "Explanation",
   accessible: true,
-  defaultAlignment: "inline",
   widget: Explanation,
   transform: ___default["default"].identity,
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$i = (title, rendererJSON, hintRendererJSON) => {
@@ -26442,7 +25760,7 @@ class GradedGroup extends React__namespace.Component {
       DEFAULT_INVALID_MESSAGE_2
     } = this.context.strings;
     const status = score.type === "points" ? score.total === score.earned ? GRADING_STATUSES.correct : GRADING_STATUSES.incorrect : GRADING_STATUSES.invalid;
-    const message = score.type === "points" ? score.message || "" : score.message ? `${INVALID_MESSAGE_PREFIX} ${mapErrorToString(score.message)}` : `${INVALID_MESSAGE_PREFIX} ${DEFAULT_INVALID_MESSAGE_1}${DEFAULT_INVALID_MESSAGE_2}`;
+    const message = score.type === "points" ? score.message || "" : score.message ? `${INVALID_MESSAGE_PREFIX} ${mapErrorToString(score.message, this.context.strings)}` : `${INVALID_MESSAGE_PREFIX} ${DEFAULT_INVALID_MESSAGE_1}${DEFAULT_INVALID_MESSAGE_2}`;
     this.setState({
       status: status,
       message: message,
@@ -27355,7 +26673,7 @@ class FunctionGrapher extends React__namespace.Component {
         boxSizing: "initial"
       }
     }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: box[0],
         height: box[1]
@@ -27483,8 +26801,7 @@ class Grapher extends React__namespace.Component {
     const coords = this.props.plot.coords;
     const asymptote = this.props.plot.asymptote;
     const typeSelector = /*#__PURE__*/React__namespace.createElement("div", {
-      style: typeSelectorStyle,
-      className: "above-scratchpad"
+      style: typeSelectorStyle
     }, /*#__PURE__*/React__namespace.createElement(ButtonGroup, {
       value: type,
       allowEmpty: true,
@@ -27566,10 +26883,7 @@ var Grapher$1 = {
   hidden: true,
   widget: Grapher,
   transform: propTransform$2,
-  staticTransform: staticTransform$4,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGrapherUserInput'.
-  scorer: perseusScore.scoreGrapher
+  staticTransform: staticTransform$4
 };
 
 const getPromptJSON$f = rendererJSON => {
@@ -27586,24 +26900,6 @@ const getPromptJSON$f = rendererJSON => {
   };
 };
 
-// The `group` widget is basically a widget hosting a full Perseus system in
-// it. As such, scoring a group means scoring all widgets it contains.
-function scoreGroup(userInput, rubric, strings, locale) {
-  const scores = scoreWidgetsFunctional(rubric.widgets, Object.keys(rubric.widgets), userInput, strings, locale);
-  return flattenScores(scores);
-}
-
-function validateGroup(userInput, validationData, strings, locale) {
-  const emptyWidgets = emptyWidgetsFunctional(validationData.widgets, Object.keys(validationData.widgets), userInput, strings, locale);
-  if (emptyWidgets.length === 0) {
-    return null;
-  }
-  return {
-    type: "invalid",
-    message: null
-  };
-}
-
 // exports has no 'transform'
 
 class Group extends React__namespace.Component {
@@ -27755,12 +27051,6 @@ var Group$1 = {
   displayName: "Group (SAT only)",
   widget: Group,
   traverseChildWidgets: traverseChildWidgets,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGroupUserInput'.
-  scorer: scoreGroup,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGroupUserInput'.
-  validator: validateGroup,
   hidden: true,
   isLintable: true
 };
@@ -27900,10 +27190,7 @@ var Iframe$1 = {
   displayName: "Iframe (deprecated)",
   widget: Iframe,
   // Let's not expose it to all content creators yet
-  hidden: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusIframeUserInput'.
-  scorer: perseusScore.scoreIframe
+  hidden: true
 };
 
 const getPromptJSON$d = renderProps => {
@@ -27925,15 +27212,13 @@ const defaultBackgroundImage$2 = {
   width: 0,
   height: 0
 };
-const editorAlignments = ["block", "full-width"];
-const DEFAULT_ALIGNMENT = "block";
 
 // there is no transform as part of exports
 
 class ImageWidget extends React__namespace.Component {
   static contextType = PerseusI18nContext;
   static defaultProps = {
-    alignment: DEFAULT_ALIGNMENT,
+    alignment: "block",
     title: "",
     range: [defaultRange, defaultRange],
     box: [defaultBoxSize, defaultBoxSize],
@@ -28100,13 +27385,9 @@ var Image$1 = {
     const bgImage = widgetOptions.backgroundImage;
     return !(bgImage && bgImage.url && !widgetOptions.alt);
   },
-  defaultAlignment: DEFAULT_ALIGNMENT,
-  supportedAlignments: editorAlignments,
   displayName: "Image",
   widget: ImageWidget,
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$c = () => {
@@ -28709,9 +27990,7 @@ var Interactive = {
   displayName: "Interaction",
   widget: Interaction,
   transform: ___default["default"].identity,
-  hidden: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  hidden: true
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
@@ -28993,7 +28272,7 @@ class Graph extends React__namespace.Component {
       image = null;
     }
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: this.props.box[0],
         height: this.props.box[1]
@@ -29627,7 +28906,8 @@ const YGridTick = _ref => {
   let {
     y,
     range,
-    tickStep
+    tickStep,
+    showPi
   } = _ref;
   // If the graph requires out-of-bounds labels, we want to make sure to set the
   // coordinates to the edge of the visible range of the graph. Otherwise,
@@ -29663,6 +28943,7 @@ const YGridTick = _ref => {
   // If the graph displays both the y and x axis lines within the graph, we want
   // to hide the label at -1 on the y-axis to prevent overlap with the x-axis label
   const showLabel = shouldShowLabel(y, range, tickStep);
+  const yLabel = showPi ? divideByAndShowPi(y) : y.toString();
   return /*#__PURE__*/React__namespace.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29680,12 +28961,13 @@ const YGridTick = _ref => {
     textAnchor: "end",
     x: xPositionText,
     y: yPositionText
-  }, y.toString()));
+  }, yLabel));
 };
 const XGridTick = _ref2 => {
   let {
     x,
-    range
+    range,
+    showPi
   } = _ref2;
   // If the graph requires out-of-bounds labels, we want to make sure to set the
   // coordinates to the edge of the visible range of the graph. Otherwise,
@@ -29724,6 +29006,7 @@ const XGridTick = _ref2 => {
   // Apply the adjustments to the x and y positions for the text
   const xPositionText = xPosition + xAdjustment;
   const yPositionText = yPosition + yAdjustment;
+  const xLabel = showPi ? divideByAndShowPi(x) : x.toString();
   return /*#__PURE__*/React__namespace.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29741,7 +29024,7 @@ const XGridTick = _ref2 => {
     textAnchor: "middle",
     x: xPositionText,
     y: yPositionText
-  }, x.toString()));
+  }, xLabel));
 };
 
 // Determines whether to show the label for the given tick
@@ -29788,6 +29071,22 @@ const countSignificantDecimals = number => {
   }
   return numStr.split(".")[1].length;
 };
+
+// Show the given value as a multiple of pi (already assumed to be
+// a multiple of pi). Exported for testing
+function divideByAndShowPi(value) {
+  const dividedValue = value / Math.PI;
+  switch (dividedValue) {
+    case 1:
+      return "π";
+    case -1:
+      return "-π";
+    case 0:
+      return "0";
+    default:
+      return dividedValue + "π";
+  }
+}
 const AxisTicks = () => {
   const {
     tickStep,
@@ -29810,6 +29109,10 @@ const AxisTicks = () => {
       key: `y-grid-tick-${y}`,
       range: range,
       tickStep: tickStep[Y]
+      // Show the tick labels as multiples of pi
+      // if the tick step is a multiple of pi.
+      ,
+      showPi: tickStep[Y] % Math.PI === 0
     });
   })), /*#__PURE__*/React__namespace.createElement("g", {
     className: "x-axis-ticks"
@@ -29818,6 +29121,10 @@ const AxisTicks = () => {
       x: x,
       key: `x-grid-tick-${x}`,
       range: range
+      // Show the tick labels as multiples of pi
+      // if the tick step is a multiple of pi.
+      ,
+      showPi: tickStep[X] % Math.PI === 0
     });
   })));
 };
@@ -30119,6 +29426,15 @@ const styles$d = aphrodite.StyleSheet.create({
   }
 });
 
+function isPiMultiple(value) {
+  // Early return for integers that clearly aren't multiples
+  // of pi to save some computation.
+  if (Number.isInteger(value)) {
+    return false;
+  }
+  return value % Math.PI === 0 || value % (Math.PI / 2) === 0 || value % (Math.PI / 3) === 0 || value % (Math.PI / 4) === 0 || value % (Math.PI / 6) === 0;
+}
+
 const {
   firstNumericalParse,
   captureScratchpadTouchStart
@@ -30156,7 +29472,8 @@ class NumberInput extends React__namespace.Component {
     onFormatChange: PropTypes__default["default"].func,
     checkValidity: PropTypes__default["default"].func,
     size: PropTypes__default["default"].oneOf(["mini", "small", "normal"]),
-    label: PropTypes__default["default"].oneOf(["put your labels outside your inputs!"])
+    label: PropTypes__default["default"].oneOf(["put your labels outside your inputs!"]),
+    allowPiTruncation: PropTypes__default["default"].bool
   };
   static defaultProps = {
     value: null,
@@ -30169,6 +29486,19 @@ class NumberInput extends React__namespace.Component {
   state = {
     format: this.props.format
   };
+  componentDidMount() {
+    // If the value is a multiple of pi, but it is not in the pi format,
+    // then convert it to the pi format and show it as a multiple of pi.
+    const value = this.getValue();
+    if (this.props.allowPiTruncation && value !== null && value !== 0) {
+      if (this.state.format !== "pi" && isPiMultiple(value)) {
+        this._setValue(value / Math.PI, "pi");
+        this.setState({
+          format: "pi"
+        });
+      }
+    }
+  }
   componentDidUpdate(prevProps) {
     if (!kmath.number.equal(this.getValue(), this.props.value)) {
       this._setValue(this.props.value, this.state.format);
@@ -30325,7 +29655,8 @@ class RangeInput extends React__namespace.Component {
     value: PropTypes__default["default"].array.isRequired,
     onChange: PropTypes__default["default"].func.isRequired,
     placeholder: PropTypes__default["default"].array,
-    checkValidity: PropTypes__default["default"].func
+    checkValidity: PropTypes__default["default"].func,
+    allowPiTruncation: PropTypes__default["default"].bool
   };
   static defaultProps = {
     placeholder: [null, null]
@@ -30349,14 +29680,16 @@ class RangeInput extends React__namespace.Component {
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onChange.bind(this, 0),
-      placeholder: this.props.placeholder[0]
+      placeholder: this.props.placeholder[0],
+      allowPiTruncation: this.props.allowPiTruncation
     })), /*#__PURE__*/React__namespace.createElement(NumberInput, _extends({}, this.props, {
       value: value[1],
       checkValidity: val => checkValidity([value[0], val])
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onChange.bind(this, 1),
-      placeholder: this.props.placeholder[1]
+      placeholder: this.props.placeholder[1],
+      allowPiTruncation: this.props.allowPiTruncation
     })));
   }
 }
@@ -37425,10 +36758,7 @@ var InteractiveGraph$1 = {
   name: "interactive-graph",
   displayName: "Interactive graph (Assessments only)",
   widget: InteractiveGraph,
-  staticTransform: staticTransform$3,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusInteractiveGraphUserInput'.
-  scorer: perseusScore.scoreInteractiveGraph
+  staticTransform: staticTransform$3
 };
 
 // TODO: can we use WB typography?
@@ -38386,9 +37716,7 @@ var LabelImage$1 = {
   widget: LabelImageWithDependencies,
   accessible: true,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusLabelImageUserInput'.
-  scorer: perseusScore.scoreLabelImage
+  getPublicWidgetOptions: perseusCore.getLabelImagePublicWidgetOptions
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
@@ -38625,7 +37953,7 @@ class Draggable extends React__namespace.Component {
     // We need to keep backwards compatbility with rules specified directly
     // in CSS. Hence the hacky tacking on of manual classNames.
     // See sortable.less for details.
-    let className = aphrodite.css(styles$8.card, styles$8.draggable, layout === "horizontal" && styles$8.horizontalCard, layout === "vertical" && styles$8.verticalCard, type === ItemState.DRAGGING && styles$8.dragging, type === ItemState.DISABLED && styles$8.disabled, !includePadding && styles$8.unpaddedCard) + " " + ClassNames.INTERACTIVE + " perseus-sortable-draggable";
+    let className = aphrodite.css(styles$8.card, styles$8.draggable, layout === "horizontal" && styles$8.horizontalCard, layout === "vertical" && styles$8.verticalCard, type === ItemState.DRAGGING && styles$8.dragging, type === ItemState.DISABLED && styles$8.disabled, !includePadding && styles$8.unpaddedCard) + " " + "perseus-sortable-draggable";
     if (!includePadding) {
       className += " perseus-sortable-draggable-unpadded";
     }
@@ -39316,10 +38644,7 @@ var Matcher$1 = {
   name: "matcher",
   displayName: "Matcher (two column)",
   widget: Matcher,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatcherUserInput'.
-  scorer: perseusScore.scoreMatcher
+  isLintable: true
 };
 
 const getPromptJSON$8 = (renderProps, userInput) => {
@@ -39722,13 +39047,7 @@ var Matrix$1 = {
   widget: Matrix,
   transform: propTransform$1,
   staticTransform: staticTransform$2,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatrixUserInput'.
-  scorer: perseusScore.scoreMatrix,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatrixUserInput'.
-  validator: perseusScore.validateMatrix
+  isLintable: true
 };
 
 const getPromptJSON$7 = () => {
@@ -39818,7 +39137,7 @@ class Measurer extends React__namespace.Component {
     // TODO(scottgrant): This isn't a11y-friendly! We should insist on
     // finding some valid alt text when this widget is used.
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget perseus-widget-measurer " + "graphie-container above-scratchpad",
+      className: "perseus-widget perseus-widget-measurer " + "graphie-container blank-background",
       style: {
         width: this.props.box[0],
         height: this.props.box[1]
@@ -39843,9 +39162,7 @@ var Measurer$1 = {
   hidden: true,
   widget: Measurer,
   version: perseusCore.measurerLogic.version,
-  propUpgrades: perseusCore.measurerLogic.widgetOptionsUpgrades,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop(1)
+  propUpgrades: perseusCore.measurerLogic.widgetOptionsUpgrades
 };
 
 /**
@@ -40733,8 +40050,7 @@ var Molecule$1 = {
   name: "molecule-renderer",
   displayName: "Molecule renderer",
   hidden: true,
-  widget: MoleculeWidget,
-  scorer: () => scoreNoop()
+  widget: MoleculeWidget
 };
 
 const getPromptJSON$6 = (renderProps, userInput) => {
@@ -41309,12 +40625,7 @@ var NumberLine$1 = {
   widget: NumberLine,
   transform: numberLineTransform,
   staticTransform: staticTransform$1,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumberLineUserInput'.
-  scorer: perseusScore.scoreNumberLine,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumberLineUserInput'.
-  validator: perseusScore.validateNumberLine
+  getPublicWidgetOptions: perseusCore.getNumberLinePublicWidgetOptions
 };
 
 const getPromptJSON$5 = (renderProps, userInput) => {
@@ -41332,7 +40643,7 @@ const getPromptJSON$5 = (renderProps, userInput) => {
 class PlaceholderCard extends React__namespace.Component {
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: {
         width: this.props.width
       }
@@ -41347,7 +40658,7 @@ class PlaceholderCard extends React__namespace.Component {
 class DragHintCard extends React__namespace.Component {
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE
+      className: "card-wrap"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "card drag-hint"
     }));
@@ -41482,7 +40793,7 @@ class Card extends React__namespace.Component {
     const rendererProps = ___default["default"].pick(this.props, "content");
     const onMouseDown = this.props.animating ? $__default["default"].noop : this.onMouseDown;
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: style,
       onMouseDown: onMouseDown,
       onTouchStart: onMouseDown,
@@ -41853,7 +41164,7 @@ class Orderer extends React__namespace.Component {
       });
     }, this));
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "draggy-boxy-thing orderer " + "height-" + this.props.height + " " + "layout-" + this.props.layout + " " + "above-scratchpad blank-background " + "perseus-clearfix " + ClassNames.INTERACTIVE
+      className: "draggy-boxy-thing orderer " + "height-" + this.props.height + " " + "layout-" + this.props.layout + " " + "blank-background " + "perseus-clearfix "
       // eslint-disable-next-line react/no-string-refs
       ,
       ref: "orderer"
@@ -41866,12 +41177,6 @@ var Orderer$1 = {
   hidden: true,
   widget: Orderer,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusOrdererUserInput
-  scorer: perseusScore.scoreOrderer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusOrdererUserInput
-  validator: perseusScore.validateOrderer,
   getPublicWidgetOptions: perseusCore.getOrdererPublicWidgetOptions
 };
 
@@ -41915,15 +41220,12 @@ class PassageRefTarget extends React__namespace.Component {
 var PassageRefTarget$1 = {
   name: "passage-ref-target",
   displayName: "PassageRefTarget",
-  defaultAlignment: "inline",
   widget: PassageRefTarget,
   hidden: true,
   transform: editorProps => {
     return ___default["default"].pick(editorProps, "content");
   },
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$4 = () => {
@@ -42925,7 +42227,7 @@ class Plotter extends React__namespace.Component {
       marginBottom: this.props.labels[0] ? paddingForBottomLabel : 0
     };
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget-plotter graphie " + ClassNames.INTERACTIVE
+      className: "perseus-widget-plotter graphie"
       // eslint-disable-next-line react/no-string-refs
       ,
       ref: "graphieDiv",
@@ -42941,13 +42243,7 @@ var Plotter$1 = {
   displayName: "Plotter",
   hidden: true,
   widget: Plotter,
-  staticTransform: staticTransform,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusPlotterUserInput
-  scorer: perseusScore.scorePlotter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusPlotterUserInput
-  validator: perseusScore.validatePlotter
+  staticTransform: staticTransform
 };
 
 const getPromptJSON$2 = () => {
@@ -43108,12 +42404,7 @@ var Sorter$1 = {
   displayName: "Sorter",
   widget: Sorter,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusSorterUserInput
-  scorer: perseusScore.scoreSorter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusSorterUserInput
-  validator: perseusScore.validateSorter
+  getPublicWidgetOptions: perseusCore.getSorterPublicWidgetOptions
 };
 
 const {
@@ -43329,13 +42620,7 @@ var Table$1 = {
   widget: Table,
   transform: propTransform,
   hidden: true,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusTableUserInput
-  scorer: perseusScore.scoreTable,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusTableUserInput
-  validator: perseusScore.validateTable
+  isLintable: true
 };
 
 const getPromptJSON = () => {
@@ -43497,11 +42782,7 @@ class Video extends React__namespace.Component {
 var Video$1 = {
   name: "video",
   displayName: "Video",
-  defaultAlignment: "block",
-  supportedAlignments: ["block", "float-left", "float-right", "full-width"],
-  widget: Video,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  widget: Video
 };
 
 /* eslint-disable import/no-named-as-default */
@@ -43520,7 +42801,7 @@ const init = function () {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "52.0.0";
+const libVersion = "53.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -44396,6 +43677,42 @@ const ref = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__
   }));
 }));
 
+function isCorrect(score) {
+  return score.type === "points" && score.earned >= score.total;
+}
+function keScoreFromPerseusScore(score,
+// It's weird, but this is what we're passing it
+guess, state) {
+  if (score.type === "points") {
+    return {
+      empty: false,
+      correct: isCorrect(score),
+      message: score.message,
+      guess: guess,
+      state: state
+    };
+  }
+  if (score.type === "invalid") {
+    return {
+      empty: true,
+      correct: false,
+      message: score.message,
+      suppressAlmostThere: score.suppressAlmostThere,
+      guess: guess,
+      state: state
+    };
+  }
+  throw new perseusCore.PerseusError(
+  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
+  "Invalid score type: " + score.type, perseusCore.Errors.InvalidInput, {
+    metadata: {
+      score: JSON.stringify(score),
+      guess: JSON.stringify(guess),
+      state: JSON.stringify(state)
+    }
+  });
+}
+
 /**
  * Traverses a {content, widgets, images} renderer props object,
  * such as `itemData.question`
@@ -44416,7 +43733,7 @@ const deepCallbackFor = function (contentCallback, widgetCallback, optionsCallba
     // This doesn't modify the widget info if the widget info
     // is at a later version than is supported, which is important
     // for our latestVersion test below.
-    const upgradedWidgetInfo = upgradeWidgetInfoToLatestVersion(widgetInfo);
+    const upgradedWidgetInfo = perseusCore.upgradeWidgetInfoToLatestVersion(widgetInfo);
     const latestVersion = getVersion(upgradedWidgetInfo.type);
 
     // Only traverse our children if we can understand this version
@@ -44528,7 +43845,7 @@ const isRawWidgetInfoRenderableBy = function (widgetInfo, rendererContentVersion
 
   // NOTE: This doesn't modify the widget info if the widget info
   // is at a later version than is supported.
-  const upgradedWidgetInfo = upgradeWidgetInfoToLatestVersion(widgetInfo);
+  const upgradedWidgetInfo = perseusCore.upgradeWidgetInfoToLatestVersion(widgetInfo);
   return isUpgradedWidgetInfoRenderableBy(upgradedWidgetInfo, rendererContentVersion[upgradedWidgetInfo.type]);
 };
 const isRendererContentRenderableBy = function (rendererOptions, rendererContentVersion) {
@@ -45876,7 +45193,6 @@ exports.mediaQueries = mediaQueries;
 exports.parseDataFromJSONP = parseDataFromJSONP;
 exports.preprocessTex = preprocessTex;
 exports.registerAllWidgetsForTesting = registerAllWidgetsForTesting;
-exports.scorePerseusItem = scorePerseusItem;
 exports.shouldHaveIndividualAnswer = shouldHaveIndividualAnswer;
 exports.traverse = traverse;
 exports.usePerseusI18n = usePerseusI18n;