@khanacademy/perseus 52.0.0 → 53.0.0

package/dist/es/index.js

@@ -1,10 +1,9 @@
 import * as KAS from '@khanacademy/kas';
 import { MathInputI18nContext, CursorContext, getKeyTranslator, createMathField, getCursorContext, DesktopKeypad, convertDotToTimesByLocale, mathQuillInstance, KeypadInput, KeypadType, KeyArray, keypadElementPropType } from '@khanacademy/math-input';
-import { PerseusError, Errors, expressionLogic, getExpressionPublicWidgetOptions, getDecimalSeparator, approximateDeepEqual, pluck, getWidgetIdsFromContent, mapObject, passageRefLogic, radioLogic, getCategorizerPublicWidgetOptions, GrapherUtil as GrapherUtil$1, lockedFigureColors, lockedFigureFillStyles, approximateEqual, getMatrixSize, measurerLogic, getOrdererPublicWidgetOptions, addLibraryVersionToPerseusDebug, getWidgetIdsFromContentByType } from '@khanacademy/perseus-core';
+import { PerseusError, Errors, expressionLogic, getExpressionPublicWidgetOptions, getDecimalSeparator, approximateDeepEqual, pluck, CoreWidgetRegistry, getUpgradedWidgetOptions, mapObject, getNumericInputPublicWidgetOptions, passageRefLogic, radioLogic, getCategorizerPublicWidgetOptions, getCSProgramPublicWidgetOptions, getDropdownPublicWidgetOptions, GrapherUtil as GrapherUtil$1, lockedFigureColors, lockedFigureFillStyles, approximateEqual, getLabelImagePublicWidgetOptions, getMatrixSize, measurerLogic, getNumberLinePublicWidgetOptions, getOrdererPublicWidgetOptions, getSorterPublicWidgetOptions, addLibraryVersionToPerseusDebug, upgradeWidgetInfoToLatestVersion, getWidgetIdsFromContentByType } from '@khanacademy/perseus-core';
 export { isFailure, isSuccess, parseAndMigratePerseusArticle, parseAndMigratePerseusItem, parsePerseusItem } from '@khanacademy/perseus-core';
 import * as PerseusLinter from '@khanacademy/perseus-linter';
 import { linterContextDefault, Rule } from '@khanacademy/perseus-linter';
-import { scoreExpression, validateExpression, KhanAnswerTypes, scoreInputNumber, inputNumberAnswerTypes, scoreNumericInput, scoreRadio, validateRadio, scoreCategorizer, validateCategorizer, scoreCSProgram, scoreDropdown, validateDropdown, scoreGrapher, scoreIframe, scoreInteractiveGraph, scoreLabelImage, scoreLabelImageMarker, scoreMatcher, scoreMatrix, validateMatrix, scoreNumberLine, validateNumberLine, scoreOrderer, validateOrderer, scorePlotter, validatePlotter, scoreSorter, validateSorter, scoreTable, validateTable } from '@khanacademy/perseus-score';
 import { View, RenderStateRoot, Id, useOnMountEffect, useLatestRef, Text as Text$2 } from '@khanacademy/wonder-blocks-core';
 import Tooltip$1 from '@khanacademy/wonder-blocks-tooltip';
 import { HeadingMedium, LabelSmall, LabelLarge, Body, LabelMedium } from '@khanacademy/wonder-blocks-typography';
@@ -21,6 +20,7 @@ import { color, spacing, font } from '@khanacademy/wonder-blocks-tokens';
 import $ from 'jquery';
 import { v4 } from 'uuid';
 import PropTypes from 'prop-types';
+import { KhanAnswerTypes, emptyWidgetsFunctional, scoreWidgetsFunctional, flattenScores, inputNumberAnswerTypes, scoreRadio, scoreLabelImageMarker } from '@khanacademy/perseus-score';
 import { entries, UnreachableCaseError, keys } from '@khanacademy/wonder-stuff-core';
 import { CircularSpinner } from '@khanacademy/wonder-blocks-progress-spinner';
 import { point, KhanMath, number, vector as vector$3, line, geometry, angles, coefficients } from '@khanacademy/kmath';
@@ -59,213 +59,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.
  */
@@ -650,24 +443,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;
 }
 
 /**
@@ -1588,7 +1389,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",
@@ -1836,7 +1636,6 @@ class Expression extends React.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,
@@ -1949,7 +1748,6 @@ var Expression$1 = {
   name: "expression",
   displayName: "Expression / Equation",
   accessible: true,
-  defaultAlignment: "inline-block",
   widget: ExpressionWithDependencies,
   transform: widgetOptions => {
     const {
@@ -1974,12 +1772,6 @@ var Expression$1 = {
   propUpgrades: 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: scoreExpression,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusExpressionUserInput'.
-  validator: validateExpression,
   getPublicWidgetOptions: getExpressionPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusExpressionRubric'.
@@ -3260,10 +3052,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;
@@ -3307,8 +3095,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,
@@ -17533,658 +17319,6 @@ class QuestionParagraph extends React.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 PerseusError("PerseusScore with unknown type encountered", 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 PerseusError(
-  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
-  "Invalid score type: " + score.type, 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 PerseusError(errorMsg, 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 PerseusError(`Editor ${editor.displayName} doesn't have a widgetName property`, 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, 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 => {
-  var _widgets$name;
-  // TODO(alex): Consider referring to these as renderers to avoid
-  // overloading "widget"
-  if (!_.has(widgets, name)) {
-    return null;
-  }
-
-  // Allow widgets to specify a widget directly or via a function
-  if ((_widgets$name = widgets[name]) != null && _widgets$name.getWidget) {
-    var _widgets$name$getWidg, _widgets$name2;
-    return (_widgets$name$getWidg = (_widgets$name2 = widgets[name]).getWidget) == null ? void 0 : _widgets$name$getWidg.call(_widgets$name2);
-  }
-  return widgets[name].widget;
-};
-const getWidgetExport = name => {
-  var _widgets$name3;
-  return (_widgets$name3 = widgets[name]) != null ? _widgets$name3 : null;
-};
-const getWidgetValidator = name => {
-  var _widgets$name$validat, _widgets$name4;
-  return (_widgets$name$validat = (_widgets$name4 = widgets[name]) == null ? void 0 : _widgets$name4.validator) != null ? _widgets$name$validat : null;
-};
-const getWidgetScorer = name => {
-  var _widgets$name$scorer, _widgets$name5;
-  return (_widgets$name$scorer = (_widgets$name5 = widgets[name]) == null ? void 0 : _widgets$name5.scorer) != null ? _widgets$name$scorer : null;
-};
-const getPublicWidgetOptionsFunction = name => {
-  var _widgets$name$getPubl, _widgets$name6;
-  return (_widgets$name$getPubl = (_widgets$name6 = widgets[name]) == null ? void 0 : _widgets$name6.getPublicWidgetOptions) != null ? _widgets$name$getPubl : i => i;
-};
-const getEditor = name => {
-  return _.has(editors, name) ? editors[name] : null;
-};
-const getTransform = name => {
-  return _.has(widgets, name) ? widgets[name].transform || _.identity : null;
-};
-const getVersion = name => {
-  const widgetInfo = widgets[name];
-  if (widgetInfo) {
-    return widgets[name].version || {
-      major: 0,
-      minor: 0
-    };
-  }
-  return;
-};
-const getVersionVector = () => {
-  const version = {};
-  _.each(_.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 _.pick(widgets,
-  // @ts-expect-error - TS2345 - Argument of type '(name: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
-  _.reject(_.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 _.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 (!_.isString(type)) {
-    throw new PerseusError("widget type must be a string, but was: " + type, 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 = _.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 (_.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.", 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 = _extends({}, 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 _.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) || _.identity;
-  } else {
-    transform = widgetExports.transform || _.identity;
-  }
-  // widgetInfo.options are the widgetEditor's props:
-  return transform(widgetInfo.options, strings, problemNum);
-};
-const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
-  if (!traverseRenderer) {
-    throw new PerseusError("traverseRenderer must be provided, but was not", 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 _.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 = () => {
-  _.each(widgets, function (widgetInfo) {
-    if (widgetInfo.defaultAlignment && !_.contains(validAlignments, widgetInfo.defaultAlignment)) {
-      throw new PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid defaultAlignment value: " + widgetInfo.defaultAlignment, Errors.InvalidInput);
-    }
-    if (widgetInfo.supportedAlignments) {
-      const unknownAlignments = _.difference(widgetInfo.supportedAlignments, validAlignments);
-      if (unknownAlignments.length) {
-        throw new PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid value for supportedAlignments: " + unknownAlignments.join(" "), 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 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 = _extends({}, 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 == null ? void 0 : 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 = 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 == null ? void 0 : props.graded) == null || props.graded;
-    const widgetIsStatic = !!(props != null && props.static);
-    // Ungraded widgets or widgets set to static shouldn't be graded.
-    return widgetIsGraded && !widgetIsStatic;
-  });
-  const widgetScores = {};
-  gradedWidgetIds.forEach(id => {
-    var _validator;
-    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 = validator == null ? void 0 : validator(userInput, widget.options, strings, locale)) != null ? _validator : scorer == null ? void 0 : scorer(userInput, widget.options, strings, locale);
-    if (score != null) {
-      widgetScores[id] = score;
-    }
-  });
-  return widgetScores;
-}
-
 /**
  * TranslationLinter asynchronously calls Khan Academy's poentry linter.
  *
@@ -18341,6 +17475,261 @@ 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 PerseusError(errorMsg, 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 PerseusError(`Editor ${editor.displayName} doesn't have a widgetName property`, 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, 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 => {
+  var _widgets$name;
+  // TODO(alex): Consider referring to these as renderers to avoid
+  // overloading "widget"
+  if (!_.has(widgets, name)) {
+    return null;
+  }
+
+  // Allow widgets to specify a widget directly or via a function
+  if ((_widgets$name = widgets[name]) != null && _widgets$name.getWidget) {
+    var _widgets$name$getWidg, _widgets$name2;
+    return (_widgets$name$getWidg = (_widgets$name2 = widgets[name]).getWidget) == null ? void 0 : _widgets$name$getWidg.call(_widgets$name2);
+  }
+  return widgets[name].widget;
+};
+const getWidgetExport = name => {
+  var _widgets$name3;
+  return (_widgets$name3 = widgets[name]) != null ? _widgets$name3 : null;
+};
+const getPublicWidgetOptionsFunction = name => {
+  var _widgets$name$getPubl, _widgets$name4;
+  return (_widgets$name$getPubl = (_widgets$name4 = widgets[name]) == null ? void 0 : _widgets$name4.getPublicWidgetOptions) != null ? _widgets$name$getPubl : i => i;
+};
+const getEditor = name => {
+  return _.has(editors, name) ? editors[name] : null;
+};
+const getTransform = name => {
+  return _.has(widgets, name) ? widgets[name].transform || _.identity : null;
+};
+const getVersion = name => {
+  const widgetInfo = widgets[name];
+  if (widgetInfo) {
+    return widgets[name].version || {
+      major: 0,
+      minor: 0
+    };
+  }
+  return;
+};
+const getVersionVector = () => {
+  const version = {};
+  _.each(_.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 _.pick(widgets,
+  // @ts-expect-error - TS2345 - Argument of type '(name: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
+  _.reject(_.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 _.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) || _.identity;
+  } else {
+    transform = widgetExports.transform || _.identity;
+  }
+  // widgetInfo.options are the widgetEditor's props:
+  return transform(widgetInfo.options, strings, problemNum);
+};
+const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
+  if (!traverseRenderer) {
+    throw new PerseusError("traverseRenderer must be provided, but was not", 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 _.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.Component {
   constructor(...args) {
     super(...args);
@@ -18413,7 +17802,7 @@ class WidgetContainer extends React.Component {
     }
     let alignment = this.state.widgetProps.alignment;
     if (alignment === "default") {
-      alignment = getDefaultAlignment(type);
+      alignment = CoreWidgetRegistry.getDefaultAlignment(type);
     }
     className += " widget-" + alignment;
     const apiOptions = this.state.widgetProps.apiOptions;
@@ -18421,6 +17810,7 @@ class WidgetContainer extends React.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",
@@ -18432,7 +17822,7 @@ class WidgetContainer extends React.Component {
       position: "absolute",
       top: 0,
       left: 0,
-      zIndex: zIndexInteractiveComponent$1
+      zIndex: 3
     };
 
     // Some widgets may include strings of markdown that we may
@@ -19616,7 +19006,7 @@ class Renderer extends React.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 emptyWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
   }
   /**
    * Returns an array of the widget `.getUserInput()` results
@@ -19676,7 +19066,7 @@ class Renderer extends React.Component {
    * @deprecated use scorePerseusItem
    */
   score() {
-    const scores = scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.props.strings, this.context.locale);
+    const scores = scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
     const combinedScore = flattenScores(scores);
     return combinedScore;
   }
@@ -20216,7 +19606,7 @@ class InputWithExamples extends React.Component {
     };
     this._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;
       }
@@ -20628,14 +20018,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: scoreInputNumber,
   getOneCorrectAnswerFromRubric(rubric) {
     if (rubric.value == null) {
       return;
@@ -20892,14 +20278,11 @@ const propsTransform = function propsTransform(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: scoreNumericInput,
+  getPublicWidgetOptions: getNumericInputPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusNumericInputRubric'
   getOneCorrectAnswerFromRubric(rubric) {
@@ -20960,23 +20343,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(points = 0) {
-  return {
-    type: "points",
-    earned: points,
-    total: points,
-    message: null
-  };
-}
-
 /**
  * Utility functions for manipulating ranges of highlightable content.
  */
@@ -23152,8 +22518,7 @@ var Passage$1 = {
   transform: editorProps => {
     return _.pick(editorProps, "passageTitle", "passageText", "footnotes", "showLineNumbers");
   },
-  isLintable: true,
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 /**
@@ -23275,16 +22640,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: passageRefLogic.version,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  version: passageRefLogic.version
 };
 
 /**
@@ -23326,109 +22688,6 @@ var mediaQueries = {
   xlOrLarger: `@media screen and (min-width: ${pureXlMin})`
 };
 
-const {
-  zIndexAboveScratchpad,
-  zIndexInteractiveComponent,
-  radioBorderColor,
-  checkedColor,
-  circleSize,
-  radioMarginWidth
-} = constants;
-var sharedStyles = 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.
  */
@@ -24487,7 +23746,7 @@ const BaseRadio = function BaseRadio({
     const aphroditeClassName = checked => {
       // Whether or not to show correctness borders
       // for this choice and the next choice.
-      return 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 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
@@ -25076,18 +24335,105 @@ var Radio = {
   staticTransform: transform,
   version: radioLogic.version,
   propUpgrades: radioLogic.widgetOptionsUpgrades,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  scorer: scoreRadio,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  validator: 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 = 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",
@@ -25178,7 +24524,6 @@ class Categorizer extends React.Component {
           className: "category " + css(styles$n.cell),
           key: catNum
         }, /*#__PURE__*/React.createElement("div", {
-          className: ClassNames.INTERACTIVE,
           role: "button",
           "aria-label": catName,
           onClick: () => this.onChange(itemNum, catNum)
@@ -25277,12 +24622,6 @@ var Categorizer$1 = {
     return _.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: scoreCategorizer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  validator: validateCategorizer,
   getPublicWidgetOptions: getCategorizerPublicWidgetOptions
 };
 
@@ -25488,12 +24827,9 @@ const styles$m = 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: scoreCSProgram
+  getPublicWidgetOptions: getCSProgramPublicWidgetOptions
 };
 
 const getPromptJSON$l = renderProps => {
@@ -25566,11 +24902,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
@@ -25600,9 +24933,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) => {
@@ -25714,16 +25045,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: scoreDropdown,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusDropdownUserInput'.
-  validator: validateDropdown
+  getPublicWidgetOptions: getDropdownPublicWidgetOptions
 };
 
 const getPromptJSON$j = renderProps => {
@@ -25878,12 +25203,9 @@ var Explanation$1 = {
   name: "explanation",
   displayName: "Explanation",
   accessible: true,
-  defaultAlignment: "inline",
   widget: Explanation,
   transform: _.identity,
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$i = (title, rendererJSON, hintRendererJSON) => {
@@ -26072,7 +25394,7 @@ class GradedGroup extends React.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,
@@ -26983,7 +26305,7 @@ class FunctionGrapher extends React.Component {
         boxSizing: "initial"
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: box[0],
         height: box[1]
@@ -27122,8 +26444,7 @@ class Grapher extends React.Component {
     const coords = this.props.plot.coords;
     const asymptote = this.props.plot.asymptote;
     const typeSelector = /*#__PURE__*/React.createElement("div", {
-      style: typeSelectorStyle,
-      className: "above-scratchpad"
+      style: typeSelectorStyle
     }, /*#__PURE__*/React.createElement(ButtonGroup, {
       value: type,
       allowEmpty: true,
@@ -27201,10 +26522,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: scoreGrapher
+  staticTransform: staticTransform$4
 };
 
 const getPromptJSON$f = rendererJSON => {
@@ -27220,24 +26538,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.Component {
@@ -27392,12 +26692,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
 };
@@ -27533,10 +26827,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: scoreIframe
+  hidden: true
 };
 
 const getPromptJSON$d = renderProps => {
@@ -27558,8 +26849,6 @@ const defaultBackgroundImage$2 = {
   width: 0,
   height: 0
 };
-const editorAlignments = ["block", "full-width"];
-const DEFAULT_ALIGNMENT = "block";
 
 // there is no transform as part of exports
 
@@ -27708,7 +26997,7 @@ class ImageWidget extends React.Component {
 }
 ImageWidget.contextType = PerseusI18nContext;
 ImageWidget.defaultProps = {
-  alignment: DEFAULT_ALIGNMENT,
+  alignment: "block",
   title: "",
   range: [defaultRange, defaultRange],
   box: [defaultBoxSize, defaultBoxSize],
@@ -27726,13 +27015,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 = () => {
@@ -28330,9 +27615,7 @@ var Interactive = {
   displayName: "Interaction",
   widget: Interaction,
   transform: _.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 */
@@ -28601,7 +27884,7 @@ class Graph extends React.Component {
       image = null;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: this.props.box[0],
         height: this.props.box[1]
@@ -29236,7 +28519,8 @@ const tickLabelSize = 14;
 const YGridTick = ({
   y,
   range,
-  tickStep
+  tickStep,
+  showPi
 }) => {
   // 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,
@@ -29272,6 +28556,7 @@ const YGridTick = ({
   // 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.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29289,11 +28574,12 @@ const YGridTick = ({
     textAnchor: "end",
     x: xPositionText,
     y: yPositionText
-  }, y.toString()));
+  }, yLabel));
 };
 const XGridTick = ({
   x,
-  range
+  range,
+  showPi
 }) => {
   // 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,
@@ -29332,6 +28618,7 @@ const XGridTick = ({
   // 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.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29349,7 +28636,7 @@ const XGridTick = ({
     textAnchor: "middle",
     x: xPositionText,
     y: yPositionText
-  }, x.toString()));
+  }, xLabel));
 };
 
 // Determines whether to show the label for the given tick
@@ -29396,6 +28683,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,
@@ -29418,6 +28721,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.createElement("g", {
     className: "x-axis-ticks"
@@ -29426,6 +28733,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
     });
   })));
 };
@@ -29733,6 +29044,15 @@ const styles$d = 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 _excluded$1 = ["onFormatChange", "checkValidity", "useArrowKeys"];
 const {
   firstNumericalParse,
@@ -29870,6 +29190,19 @@ class NumberInput extends React.Component {
       this._getInput().value = toNumericString(val, 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 (!number.equal(this.getValue(), this.props.value)) {
       this._setValue(this.props.value, this.state.format);
@@ -29912,7 +29245,8 @@ NumberInput.propTypes = {
   onFormatChange: PropTypes.func,
   checkValidity: PropTypes.func,
   size: PropTypes.oneOf(["mini", "small", "normal"]),
-  label: PropTypes.oneOf(["put your labels outside your inputs!"])
+  label: PropTypes.oneOf(["put your labels outside your inputs!"]),
+  allowPiTruncation: PropTypes.bool
 };
 NumberInput.defaultProps = {
   value: null,
@@ -29951,14 +29285,16 @@ class RangeInput extends React.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.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
     })));
   }
 }
@@ -29966,7 +29302,8 @@ RangeInput.propTypes = {
   value: PropTypes.array.isRequired,
   onChange: PropTypes.func.isRequired,
   placeholder: PropTypes.array,
-  checkValidity: PropTypes.func
+  checkValidity: PropTypes.func,
+  allowPiTruncation: PropTypes.bool
 };
 RangeInput.defaultProps = {
   placeholder: [null, null]
@@ -36949,10 +36286,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: scoreInteractiveGraph
+  staticTransform: staticTransform$3
 };
 
 // TODO: can we use WB typography?
@@ -37894,9 +37228,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: scoreLabelImage
+  getPublicWidgetOptions: getLabelImagePublicWidgetOptions
 };
 
 var ItemState = /*#__PURE__*/function (ItemState) {
@@ -38129,7 +37461,7 @@ class Draggable extends React.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 = 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 = 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";
     }
@@ -38830,10 +38162,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: scoreMatcher
+  isLintable: true
 };
 
 const getPromptJSON$8 = (renderProps, userInput) => {
@@ -39237,13 +38566,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: scoreMatrix,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatrixUserInput'.
-  validator: validateMatrix
+  isLintable: true
 };
 
 const getPromptJSON$7 = () => {
@@ -39323,7 +38646,7 @@ class Measurer extends React.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.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]
@@ -39360,9 +38683,7 @@ var Measurer$1 = {
   hidden: true,
   widget: Measurer,
   version: measurerLogic.version,
-  propUpgrades: measurerLogic.widgetOptionsUpgrades,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop(1)
+  propUpgrades: measurerLogic.widgetOptionsUpgrades
 };
 
 /**
@@ -40250,8 +39571,7 @@ var Molecule$1 = {
   name: "molecule-renderer",
   displayName: "Molecule renderer",
   hidden: true,
-  widget: MoleculeWidget,
-  scorer: () => scoreNoop()
+  widget: MoleculeWidget
 };
 
 const getPromptJSON$6 = (renderProps, userInput) => {
@@ -40820,12 +40140,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: scoreNumberLine,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumberLineUserInput'.
-  validator: validateNumberLine
+  getPublicWidgetOptions: getNumberLinePublicWidgetOptions
 };
 
 const getPromptJSON$5 = (renderProps, userInput) => {
@@ -40843,7 +40158,7 @@ const getPromptJSON$5 = (renderProps, userInput) => {
 class PlaceholderCard extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: {
         width: this.props.width
       }
@@ -40858,7 +40173,7 @@ class PlaceholderCard extends React.Component {
 class DragHintCard extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE
+      className: "card-wrap"
     }, /*#__PURE__*/React.createElement("div", {
       className: "card drag-hint"
     }));
@@ -40994,7 +40309,7 @@ class Card extends React.Component {
     const rendererProps = _.pick(this.props, "content");
     const onMouseDown = this.props.animating ? $.noop : this.onMouseDown;
     return /*#__PURE__*/React.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: style,
       onMouseDown: onMouseDown,
       onTouchStart: onMouseDown,
@@ -41365,7 +40680,7 @@ class Orderer extends React.Component {
       });
     }, this));
     return /*#__PURE__*/React.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"
@@ -41386,12 +40701,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: scoreOrderer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusOrdererUserInput
-  validator: validateOrderer,
   getPublicWidgetOptions: getOrdererPublicWidgetOptions
 };
 
@@ -41430,15 +40739,12 @@ PassageRefTarget.defaultProps = {
 var PassageRefTarget$1 = {
   name: "passage-ref-target",
   displayName: "PassageRefTarget",
-  defaultAlignment: "inline",
   widget: PassageRefTarget,
   hidden: true,
   transform: editorProps => {
     return _.pick(editorProps, "content");
   },
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$4 = () => {
@@ -42425,7 +41731,7 @@ class Plotter extends React.Component {
       marginBottom: this.props.labels[0] ? paddingForBottomLabel : 0
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: "perseus-widget-plotter graphie " + ClassNames.INTERACTIVE
+      className: "perseus-widget-plotter graphie"
       // eslint-disable-next-line react/no-string-refs
       ,
       ref: "graphieDiv",
@@ -42455,13 +41761,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: scorePlotter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusPlotterUserInput
-  validator: validatePlotter
+  staticTransform: staticTransform
 };
 
 const getPromptJSON$2 = () => {
@@ -42624,12 +41924,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: scoreSorter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusSorterUserInput
-  validator: validateSorter
+  getPublicWidgetOptions: getSorterPublicWidgetOptions
 };
 
 const {
@@ -42848,13 +42143,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: scoreTable,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusTableUserInput
-  validator: validateTable
+  isLintable: true
 };
 
 const getPromptJSON = () => {
@@ -43014,11 +42303,7 @@ Video.contextType = PerseusI18nContext;
 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 */
@@ -43037,7 +42322,7 @@ const init = function init() {
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -43904,6 +43189,42 @@ const ref = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.cre
   ref: ref
 }))));
 
+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 PerseusError(
+  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
+  "Invalid score type: " + score.type, 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`
@@ -45280,5 +44601,5 @@ const ScoringUtil = {
  * Types
  */
 
-export { ApiOptions, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, dependencies as Dependencies, EditorJsonify, Expression, GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, JiptParagraphs, KhanColors, context as LoadingContext, Log, Matrix$1 as MatrixWidget, NumericInput$1 as NumericInput, PerseusI18nContext, PerseusI18nContextProvider, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ScoringUtil, ref as ServerItemRenderer, Table$1 as TableWidget, Util, denylist as WIDGET_PROP_DENYLIST, widgets$1 as Widgets, apiVersion, bodyXsmallBold, components, containerSizeClass, contentHasWidgetType, convertWidgetNameToEnum, displaySigFigs, generateTestCategorizerWidget, generateTestExpressionWidget, generateTestInteractiveGraphWidget, generateTestNumericInputWidget, generateTestPerseusItem, generateTestRadioWidget, genericPerseusItemData, getAngleCoords, getAnswerFromUserInput, getAnswersFromWidgets, getCircleCoords, getCorrectAnswerForWidgetId, getImagesWithoutAltData, getInteractiveBoxFromSizeClass, getLineCoords, getLinearSystemCoords, getPointCoords, getPolygonCoords, getQuadraticCoords, getSegmentCoords, getSinusoidCoords, getValidWidgetIds, getWidgetFromWidgetMap, getWidgetTypeByWidgetId, getWidgetsFromWidgetMap, getWidgetsMapFromItemData, iconChevronDown, iconTrash, init, injectWidgets, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, isWidgetIdInContent, isWrongAnswerSupported, itemDataVersion, ItemVersion as itemVersion, libVersion, makeSafeUrl, mathOnlyParser, mediaQueries, parseDataFromJSONP, preprocessTex, registerAllWidgetsForTesting, scorePerseusItem, shouldHaveIndividualAnswer, traverse, usePerseusI18n, violatingWidgets, allWidgets as widgets };
+export { ApiOptions, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, dependencies as Dependencies, EditorJsonify, Expression, GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, JiptParagraphs, KhanColors, context as LoadingContext, Log, Matrix$1 as MatrixWidget, NumericInput$1 as NumericInput, PerseusI18nContext, PerseusI18nContextProvider, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ScoringUtil, ref as ServerItemRenderer, Table$1 as TableWidget, Util, denylist as WIDGET_PROP_DENYLIST, widgets$1 as Widgets, apiVersion, bodyXsmallBold, components, containerSizeClass, contentHasWidgetType, convertWidgetNameToEnum, displaySigFigs, generateTestCategorizerWidget, generateTestExpressionWidget, generateTestInteractiveGraphWidget, generateTestNumericInputWidget, generateTestPerseusItem, generateTestRadioWidget, genericPerseusItemData, getAngleCoords, getAnswerFromUserInput, getAnswersFromWidgets, getCircleCoords, getCorrectAnswerForWidgetId, getImagesWithoutAltData, getInteractiveBoxFromSizeClass, getLineCoords, getLinearSystemCoords, getPointCoords, getPolygonCoords, getQuadraticCoords, getSegmentCoords, getSinusoidCoords, getValidWidgetIds, getWidgetFromWidgetMap, getWidgetTypeByWidgetId, getWidgetsFromWidgetMap, getWidgetsMapFromItemData, iconChevronDown, iconTrash, init, injectWidgets, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, isWidgetIdInContent, isWrongAnswerSupported, itemDataVersion, ItemVersion as itemVersion, libVersion, makeSafeUrl, mathOnlyParser, mediaQueries, parseDataFromJSONP, preprocessTex, registerAllWidgetsForTesting, shouldHaveIndividualAnswer, traverse, usePerseusI18n, violatingWidgets, allWidgets as widgets };
 //# sourceMappingURL=index.js.map