@khanacademy/perseus 49.2.1 → 50.0.0

package/dist/widgets/group/group.d.ts

@@ -2,10 +2,10 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import Renderer from "../../renderer";
 import scoreGroup from "./score-group";
-import type { PerseusGroupWidgetOptions } from "../../perseus-types";
 import type { ChangeFn, FocusPath, Widget, WidgetProps } from "../../types";
 import type { PerseusGroupRubric, UserInputArray } from "../../validation.types";
 import type { GroupPromptJSON } from "../../widget-ai-utils/group/group-ai-utils";
+import type { PerseusGroupWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusGroupWidgetOptions;
 type Props = WidgetProps<RenderProps, PerseusGroupRubric>;
 type DefaultProps = {
@@ -15,10 +15,7 @@ type DefaultProps = {
     linterContext: Props["linterContext"];
 };
 declare class Group extends React.Component<Props> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     rendererRef: Renderer | null | undefined;
     static defaultProps: DefaultProps;

package/dist/widgets/iframe/iframe.d.ts

@@ -8,10 +8,10 @@
  */
 import * as React from "react";
 import { scoreIframe } from "./score-iframe";
-import type { PerseusIFrameWidgetOptions } from "../../perseus-types";
 import type { WidgetProps, Widget } from "../../types";
 import type { PerseusIFrameRubric, PerseusIFrameUserInput, UserInputStatus } from "../../validation.types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import type { PerseusIFrameWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusIFrameWidgetOptions & {
     status: UserInputStatus;
     message: string | null;

package/dist/widgets/image/image.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
-import type { PerseusImageWidgetOptions } from "../../perseus-types";
 import type { ChangeFn, WidgetProps, Widget } from "../../types";
 import type { ImagePromptJSON } from "../../widget-ai-utils/image/image-ai-utils";
+import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusImageWidgetOptions;
 type ExternalProps = WidgetProps<RenderProps>;
 type Props = ExternalProps & {
@@ -28,10 +28,7 @@ type DefaultProps = {
     linterContext: Props["linterContext"];
 };
 declare class ImageWidget extends React.Component<Props> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     isWidget: true;

package/dist/widgets/input-number/input-number.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import scoreInputNumber from "./score-input-number";
-import type { PerseusInputNumberWidgetOptions } from "../../perseus-types";
-import type { PerseusStrings } from "../../strings";
 import type { Path, Widget, WidgetProps } from "../../types";
 import type { PerseusInputNumberRubric, PerseusInputNumberUserInput } from "../../validation.types";
 import type { InputNumberPromptJSON } from "../../widget-ai-utils/input-number/input-number-ai-utils";
+import type { PerseusInputNumberWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = {
     simplify: PerseusInputNumberWidgetOptions["simplify"];
     size: PerseusInputNumberWidgetOptions["size"];
@@ -30,10 +29,7 @@ type DefaultProps = {
     size: Props["size"];
 };
 declare class InputNumber extends React.Component<Props> implements Widget {
-    static contextType: React.Context<{
-        strings: PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     static getUserInputFromProps(props: Props): {

package/dist/widgets/interaction/interaction.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Coord } from "../../interactive2/types";
-import type { PerseusInteractionWidgetOptions } from "../../perseus-types";
 import type { Widget, WidgetProps } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import type { PerseusInteractionWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusInteractionWidgetOptions;
 type Props = WidgetProps<RenderProps>;
 type DefaultProps = {

package/dist/widgets/interactive-graph.d.ts

@@ -4,12 +4,12 @@ import scoreInteractiveGraph from "./interactive-graphs/score-interactive-graph"
 import type { StatefulMafsGraphType } from "./interactive-graphs/stateful-mafs-graph";
 import type { QuadraticGraphState } from "./interactive-graphs/types";
 import type { Coord } from "../interactive2/types";
-import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeSegment, GraphRange, LockedFigure, PerseusImageBackground } from "../perseus-types";
 import type { ChangeHandler, WidgetProps } from "../types";
 import type { QuadraticCoefficient, Range, SineCoefficient } from "../util/geometry";
 import type { PerseusInteractiveGraphRubric, PerseusInteractiveGraphUserInput } from "../validation.types";
 import type { InteractiveGraphPromptJSON } from "../widget-ai-utils/interactive-graph/interactive-graph-ai-utils";
 import type { UnsupportedWidgetPromptJSON } from "../widget-ai-utils/unsupported-widget";
+import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeSegment, GraphRange, LockedFigure, PerseusImageBackground, MarkingsType } from "@khanacademy/perseus-core";
 type RenderProps = {
     /**
      * Where the little black axis lines & labels (ticks) should render.
@@ -36,11 +36,12 @@ type RenderProps = {
     backgroundImage?: PerseusImageBackground;
     /**
      * The type of markings to display on the graph.
+     * - axes: shows the axes without the gride lines
      * - graph: shows the axes and the grid lines
      * - grid: shows only the grid lines
      * - none: shows no markings
      */
-    markings: "graph" | "grid" | "none";
+    markings: MarkingsType;
     /**
      * How to label the X and Y axis.  default: ["x", "y"]
      */
@@ -119,10 +120,7 @@ type DefaultProps = {
 export declare function getSinusoidCoefficients(coords: ReadonlyArray<Coord>): SineCoefficient;
 export declare function getQuadraticCoefficients(coords: ReadonlyArray<Coord>): QuadraticCoefficient;
 declare class LegacyInteractiveGraph extends React.Component<Props, State> {
-    static contextType: React.Context<{
-        strings: import("../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     angle: any | null | undefined;
     circle: any | null | undefined;

package/dist/widgets/interactive-graphs/backgrounds/grid.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
-import type { GraphRange } from "../../../perseus-types";
 import type { SizeClass } from "../../../util/sizing-utils";
+import type { GraphRange, MarkingsType } from "@khanacademy/perseus-core";
 import type { vec } from "mafs";
 interface GridProps {
     gridStep: vec.Vector2;
     range: GraphRange;
     containerSizeClass: SizeClass;
-    markings: "graph" | "grid" | "none";
+    markings: MarkingsType;
     width: number;
     height: number;
 }

package/dist/widgets/interactive-graphs/backgrounds/legacy-grid.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { PerseusImageBackground } from "../../../perseus-types";
+import type { PerseusImageBackground } from "@khanacademy/perseus-core";
 interface Props {
     box: [number, number];
     backgroundImage?: PerseusImageBackground;

package/dist/widgets/interactive-graphs/graph-locked-labels-layer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockedFigure } from "../../perseus-types";
+import type { LockedFigure } from "@khanacademy/perseus-core";
 type Props = {
     lockedFigures: ReadonlyArray<LockedFigure>;
 };

package/dist/widgets/interactive-graphs/graph-locked-layer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockedFigure } from "../../perseus-types";
+import type { LockedFigure } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 type Props = {
     lockedFigures: ReadonlyArray<LockedFigure>;

package/dist/widgets/interactive-graphs/graphs/circle.d.ts

@@ -1,2 +1,4 @@
+import type { I18nContextType } from "../../../components/i18n-context";
 import type { CircleGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 export declare function renderCircleGraph(state: CircleGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+export declare function describeCircleGraph(state: CircleGraphState, i18n: I18nContextType): Record<string, string>;

package/dist/widgets/interactive-graphs/graphs/components/angle-indicators.d.ts

@@ -1,6 +1,6 @@
 import { vec } from "mafs";
 import * as React from "react";
-import type { CollinearTuple } from "../../../../perseus-types";
+import type { CollinearTuple } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 interface PolygonAngleProps {
     centerPoint: vec.Vector2;

package/dist/widgets/interactive-graphs/interactive-graph-question-builder.d.ts

@@ -1,6 +1,6 @@
 import { vec } from "mafs";
 import type { Coord } from "../../interactive2/types";
-import type { CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedLineStyle, PerseusRenderer } from "../../perseus-types";
+import type { CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedLineStyle, MarkingsType, PerseusRenderer } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 export type LockedFunctionOptions = {
     color?: LockedFigureColor;
@@ -47,7 +47,7 @@ declare class InteractiveGraphQuestionBuilder {
     }): InteractiveGraphQuestionBuilder;
     withGridStep(x: number, y: number): InteractiveGraphQuestionBuilder;
     withAxisLabels(x: string, y: string): InteractiveGraphQuestionBuilder;
-    withMarkings(markings: "graph" | "grid" | "none"): InteractiveGraphQuestionBuilder;
+    withMarkings(markings: MarkingsType): InteractiveGraphQuestionBuilder;
     withXRange(min: number, max: number): InteractiveGraphQuestionBuilder;
     withYRange(min: number, max: number): InteractiveGraphQuestionBuilder;
     withSnapStep(x: number, y: number): InteractiveGraphQuestionBuilder;

package/dist/widgets/interactive-graphs/locked-figures/locked-ellipse.d.ts

@@ -1,4 +1,4 @@
+import { type LockedEllipseType } from "@khanacademy/perseus-core";
 import * as React from "react";
-import { type LockedEllipseType } from "../../../perseus-types";
 declare const LockedEllipse: (props: LockedEllipseType) => React.JSX.Element;
 export default LockedEllipse;

package/dist/widgets/interactive-graphs/locked-figures/locked-function.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { LockedFunctionType } from "../../../perseus-types";
+import type { LockedFunctionType } from "@khanacademy/perseus-core";
 declare const LockedFunction: (props: LockedFunctionType) => React.JSX.Element | null;
 export default LockedFunction;

package/dist/widgets/interactive-graphs/locked-figures/locked-label.d.ts

@@ -1,3 +1,3 @@
+import { type LockedLabelType } from "@khanacademy/perseus-core";
 import * as React from "react";
-import { type LockedLabelType } from "../../../perseus-types";
 export default function LockedLabel(props: LockedLabelType): React.JSX.Element;

package/dist/widgets/interactive-graphs/locked-figures/locked-line.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockedLineType } from "../../../perseus-types";
+import type { LockedLineType } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 type Props = LockedLineType & {
     range: [Interval, Interval];

package/dist/widgets/interactive-graphs/locked-figures/locked-point.d.ts

@@ -1,4 +1,4 @@
+import { type LockedPointType } from "@khanacademy/perseus-core";
 import * as React from "react";
-import { type LockedPointType } from "../../../perseus-types";
 declare const LockedPoint: (props: LockedPointType) => React.JSX.Element;
 export default LockedPoint;

package/dist/widgets/interactive-graphs/locked-figures/locked-polygon.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { LockedPolygonType } from "../../../perseus-types";
+import type { LockedPolygonType } from "@khanacademy/perseus-core";
 declare const LockedPolygon: (props: LockedPolygonType) => React.JSX.Element;
 export default LockedPolygon;

package/dist/widgets/interactive-graphs/locked-figures/locked-vector.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { LockedVectorType } from "../../../perseus-types";
+import type { LockedVectorType } from "@khanacademy/perseus-core";
 declare const LockedVector: (props: LockedVectorType) => React.JSX.Element;
 export default LockedVector;

package/dist/widgets/interactive-graphs/mafs-state-to-interactive-graph.d.ts

@@ -1,3 +1,3 @@
 import type { InteractiveGraphState } from "./types";
-import type { PerseusGraphType } from "@khanacademy/perseus";
+import type { PerseusGraphType } from "@khanacademy/perseus-core";
 export declare function mafsStateToInteractiveGraph(state: InteractiveGraphState, originalGraph: PerseusGraphType): PerseusGraphType;

package/dist/widgets/interactive-graphs/reducer/initialize-graph-state.d.ts

@@ -1,6 +1,6 @@
 import type { Coord } from "../../../interactive2/types";
-import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypeCircle, PerseusGraphTypeLinear, PerseusGraphTypeLinearSystem, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeQuadratic, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusGraphTypeSinusoid } from "../../../perseus-types";
 import type { InteractiveGraphState, PairOfPoints } from "../types";
+import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypeCircle, PerseusGraphTypeLinear, PerseusGraphTypeLinearSystem, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeQuadratic, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusGraphTypeSinusoid } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 export type InitializeGraphStateParams = {
     range: [x: Interval, y: Interval];

package/dist/widgets/interactive-graphs/reducer/interactive-graph-state.d.ts

@@ -1,5 +1,5 @@
-import type { PerseusGraphType } from "../../../perseus-types";
 import type { CircleGraphState, InteractiveGraphState } from "../types";
+import type { PerseusGraphType } from "@khanacademy/perseus-core";
 export declare function getGradableGraph(state: InteractiveGraphState, initialGraph: PerseusGraphType): PerseusGraphType;
 /**
  * determine radius of a circle graph

package/dist/widgets/interactive-graphs/reducer/use-graph-config.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
+import type { MarkingsType } from "@khanacademy/perseus-core";
 import type { Interval, vec } from "mafs";
 export type GraphConfig = {
     range: [Interval, Interval];
     tickStep: vec.Vector2;
     gridStep: vec.Vector2;
     snapStep: vec.Vector2;
-    markings: "graph" | "grid" | "none";
+    markings: MarkingsType;
     showTooltips: boolean;
     graphDimensionsInPixels: vec.Vector2;
     width: number;

package/dist/widgets/interactive-graphs/stateful-mafs-graph.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { InteractiveGraphProps } from "./types";
-import type { PerseusGraphType } from "../../perseus-types";
 import type { APIOptions } from "../../types";
 import type { PerseusInteractiveGraphUserInput } from "../../validation.types";
+import type { PerseusGraphType } from "@khanacademy/perseus-core";
 export type StatefulMafsGraphProps = {
     flags?: APIOptions["flags"];
     box: [number, number];

package/dist/widgets/interactive-graphs/types.d.ts

@@ -1,7 +1,7 @@
 import type { InteractiveGraphAction } from "./reducer/interactive-graph-action";
 import type { Coord } from "../../interactive2/types";
-import type { PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
 import type { WidgetProps } from "../../types";
+import type { PerseusInteractiveGraphWidgetOptions } from "@khanacademy/perseus-core";
 import type { Interval, vec } from "mafs";
 import type { ReactNode } from "react";
 export type InteractiveGraphProps = WidgetProps<PerseusInteractiveGraphWidgetOptions, PerseusInteractiveGraphWidgetOptions>;

package/dist/widgets/interactive-graphs/utils.d.ts

@@ -1,7 +1,7 @@
 import type { MafsGraphProps } from "./mafs-graph";
 import type { InteractiveGraphState, UnlimitedGraphState } from "./types";
 import type { Coord } from "../../interactive2/types";
-import type { PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+import type { PerseusInteractiveGraphWidgetOptions } from "@khanacademy/perseus-core";
 import type { Interval, vec } from "mafs";
 /**
  * 44 is touch best practice and AAA compliant for WCAG

package/dist/widgets/label-image/label-image.d.ts

@@ -12,10 +12,10 @@ import scoreLabelImage from "./score-label-image";
 import type { InteractiveMarkerType } from "./types";
 import type { DependencyProps } from "../../dependencies";
 import type { ChangeableProps } from "../../mixins/changeable";
-import type { PerseusLabelImageWidgetOptions } from "../../perseus-types";
 import type { APIOptions, Widget } from "../../types";
 import type { PerseusLabelImageRubric, PerseusLabelImageUserInput } from "../../validation.types";
 import type { LabelImagePromptJSON } from "../../widget-ai-utils/label-image/label-image-ai-utils";
+import type { PerseusLabelImageWidgetOptions } from "@khanacademy/perseus-core";
 export type PreferredPopoverDirection = "NONE" | "UP" | "DOWN" | "LEFT" | "RIGHT";
 /**
  * Represents a direction vector.
@@ -47,10 +47,7 @@ type LabelImageState = {
     hideAnswers: boolean;
 };
 export declare class LabelImage extends React.Component<LabelImageProps, LabelImageState> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     _markers: Array<Marker | null | undefined>;
     _mounted: boolean;

package/dist/widgets/label-image/marker.d.ts

@@ -21,10 +21,7 @@ type Props = InteractiveMarkerType & {
     hovered: boolean;
 };
 export default class Marker extends React.Component<Props> {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     _icon: HTMLElement | null | undefined;
     _mounted: boolean;

package/dist/widgets/matcher/matcher.d.ts

@@ -2,10 +2,10 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import scoreMatcher from "./score-matcher";
 import type { SortableOption } from "../../components/sortable";
-import type { PerseusMatcherWidgetOptions } from "../../perseus-types";
 import type { WidgetProps, Widget } from "../../types";
 import type { PerseusMatcherRubric, PerseusMatcherUserInput } from "../../validation.types";
 import type { MatcherPromptJSON } from "../../widget-ai-utils/matcher/matcher-ai-utils";
+import type { PerseusMatcherWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusMatcherWidgetOptions;
 type Props = WidgetProps<RenderProps, PerseusMatcherRubric>;
 type DefaultProps = {
@@ -24,10 +24,7 @@ type State = {
     texRendererLoaded: boolean;
 };
 export declare class Matcher extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     state: State;

package/dist/widgets/matrix/matrix.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import scoreMatrix from "./score-matrix";
-import type { PerseusMatrixWidgetAnswers } from "../../perseus-types";
 import type { WidgetProps, Widget, FocusPath } from "../../types";
 import type { PerseusMatrixRubric, PerseusMatrixUserInput } from "../../validation.types";
 import type { MatrixPromptJSON } from "../../widget-ai-utils/matrix/matrix-ai-utils";
+import type { PerseusMatrixWidgetAnswers } from "@khanacademy/perseus-core";
 export declare function getMatrixSize(matrix: ReadonlyArray<ReadonlyArray<number>>): number[];
 type ExternalProps = WidgetProps<{
     prefix: string;
@@ -34,10 +34,7 @@ type State = {
     enterTheMatrix: number;
 };
 declare class Matrix extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     cursorPosition: [number, number];
     static defaultProps: DefaultProps;

package/dist/widgets/measurer/measurer.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { PerseusMeasurerWidgetOptions } from "../../perseus-types";
 import type { Widget, WidgetProps } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import type { PerseusMeasurerWidgetOptions } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusMeasurerWidgetOptions, PerseusMeasurerWidgetOptions> & {
     protractorX: number;
     protractorY: number;

package/dist/widgets/mock-widgets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MockWidget } from "./mock-widget";
+export { default as MockAssetLoadingWidget } from "./mock-asset-loading-widget";

package/dist/widgets/mock-widgets/mock-asset-loading-widget.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { PerseusItem } from "@khanacademy/perseus-core";
+export declare const mockedAssetItem: PerseusItem;
+/**
+ * This is a Mock Asset Loading Perseus widget, which is used specifically for
+ * our server-item-renderer tests to test the asset loading callbacks.
+ */
+export declare class MockAssetLoadingWidget extends React.Component<Record<any, any>> {
+    setAssetStatus: ((assetKey: string, loaded: boolean) => void) | null;
+    render(): React.ReactNode;
+}
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: typeof MockAssetLoadingWidget;
+};
+export default _default;

package/dist/widgets/mock-widgets/mock-widget.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import scoreMockWidget from "./score-mock-widget";
+import type { WidgetProps, Widget, FocusPath } from "../../types";
+import type { PerseusMockWidgetRubric, PerseusMockWidgetUserInput } from "../../validation.types";
+import type { MockWidgetPromptJSON } from "../../widget-ai-utils/mock-widget/prompt-utils";
+import type { MockWidgetOptions } from "@khanacademy/perseus-core";
+type ExternalProps = WidgetProps<MockWidgetOptions, PerseusMockWidgetRubric>;
+type DefaultProps = {
+    currentValue: Props["currentValue"];
+};
+type Props = ExternalProps & {
+    currentValue: string;
+};
+/**
+ * This is a Mock Perseus widget, which is used for our various rendering tests
+ * both internally and in consuming projects. It is a simple widget that renders
+ * an interactable input field, and allows the user to input a string value.
+ *
+ * Please use this widget for all tests that are not specifically testing the
+ * functionality of a particular widget, such as testing the rendering components.
+ * This allows us to more easily update our widget schemas and behaviour without needing to
+ * update many different irrelevant tests across our codebases.
+ *
+ * You can register this widget for your tests by calling `registerWidget("mock-widget", MockWidget);`
+ */
+export declare class MockWidget extends React.Component<Props> implements Widget {
+    static defaultProps: DefaultProps;
+    inputRef: HTMLElement | null;
+    static getUserInputFromProps(props: Props): PerseusMockWidgetUserInput;
+    getPromptJSON(): MockWidgetPromptJSON;
+    setInputValue: (arg1: FocusPath, arg2: string, arg3?: () => unknown | null | undefined) => void;
+    focus: () => boolean;
+    focusInputPath: () => void;
+    blurInputPath: () => void;
+    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
+    getUserInput(): PerseusMockWidgetUserInput;
+    handleChange: (arg1: string, arg2?: () => unknown | null | undefined) => void;
+    render(): React.ReactNode;
+}
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: typeof MockWidget;
+    isLintable: true;
+    scorer: typeof scoreMockWidget;
+};
+export default _default;

package/dist/widgets/mock-widgets/score-mock-widget.d.ts

@@ -0,0 +1,5 @@
+import type { PerseusStrings } from "../../strings";
+import type { PerseusMockWidgetUserInput, PerseusMockWidgetRubric } from "../../validation.types";
+import type { PerseusScore } from "@khanacademy/perseus";
+declare function scoreMockWidget(userInput: PerseusMockWidgetUserInput, rubric: PerseusMockWidgetRubric, strings: PerseusStrings): PerseusScore;
+export default scoreMockWidget;

package/dist/widgets/molecule/molecule.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { PerseusMoleculeRendererWidgetOptions } from "../../perseus-types";
 import type { Widget } from "../../types";
+import type { PerseusMoleculeRendererWidgetOptions } from "@khanacademy/perseus-core";
 type Props = {
     widgetId: PerseusMoleculeRendererWidgetOptions["widgetId"];
     smiles: PerseusMoleculeRendererWidgetOptions["smiles"];

package/dist/widgets/number-line/number-line.d.ts

@@ -45,10 +45,7 @@ type State = {
     numDivisionsEmpty: boolean;
 };
 declare class NumberLine extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     state: any;

package/dist/widgets/numeric-input/numeric-input.d.ts

@@ -3,11 +3,10 @@ import { PerseusI18nContext } from "../../components/i18n-context";
 import InputWithExamples from "../../components/input-with-examples";
 import SimpleKeypadInput from "../../components/simple-keypad-input";
 import scoreNumericInput from "./score-numeric-input";
-import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm } from "../../perseus-types";
-import type { PerseusStrings } from "../../strings";
 import type { FocusPath, Widget, WidgetProps } from "../../types";
 import type { PerseusNumericInputRubric, PerseusNumericInputUserInput } from "../../validation.types";
 import type { NumericInputPromptJSON } from "../../widget-ai-utils/numeric-input/prompt-utils";
+import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm } from "@khanacademy/perseus-core";
 type ExternalProps = WidgetProps<PerseusNumericInputWidgetOptions, PerseusNumericInputRubric>;
 type Props = ExternalProps & {
     size: NonNullable<ExternalProps["size"]>;
@@ -34,10 +33,7 @@ type State = {
     isFocused: boolean;
 };
 export declare class NumericInput extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<{
-        strings: PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     inputRef: SimpleKeypadInput | InputWithExamples | null | undefined;
     static defaultProps: DefaultProps;

package/dist/widgets/orderer/orderer.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { scoreOrderer } from "./score-orderer";
-import type { PerseusOrdererWidgetOptions } from "../../perseus-types";
 import type { WidgetProps, Widget } from "../../types";
 import type { PerseusOrdererRubric, PerseusOrdererUserInput } from "../../validation.types";
 import type { OrdererPromptJSON } from "../../widget-ai-utils/orderer/orderer-ai-utils";
+import type { PerseusOrdererWidgetOptions } from "@khanacademy/perseus-core";
 type Position = {
     left: number;
     top: number;

package/dist/widgets/passage/passage.d.ts

@@ -3,9 +3,9 @@ import { PerseusI18nContext } from "../../components/i18n-context";
 import type { ParseState } from "./passage-markdown";
 import type { SerializedHighlightSet } from "../../components/highlighting/types";
 import type { ChangeableProps } from "../../mixins/changeable";
-import type { PerseusPassageWidgetOptions, PerseusWidget } from "../../perseus-types";
 import type { WidgetProps, Widget } from "../../types";
 import type { PassagePromptJSON } from "../../widget-ai-utils/passage/passage-ai-utils";
+import type { PerseusPassageWidgetOptions, PerseusWidget } from "@khanacademy/perseus-core";
 import type { SingleASTNode } from "@khanacademy/simple-markdown";
 export declare class LineHeightMeasurer extends React.Component<Record<any, any>> {
     _line: HTMLDivElement | null | undefined;
@@ -42,10 +42,7 @@ export type Reference = {
     content: string | null | undefined;
 };
 export declare class Passage extends React.Component<PassageProps, PassageState> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     _contentRef: HTMLDivElement | null | undefined;
     _lineHeightMeasurerRef: LineHeightMeasurer | null | undefined;

package/dist/widgets/passage-ref/passage-ref.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
-import type { PerseusPassageRefWidgetOptions } from "../../perseus-types";
 import type { ChangeFn, Widget, WidgetProps } from "../../types";
 import type { PassageRefPromptJSON } from "../../widget-ai-utils/passage-ref/passage-ref-ai-utils";
+import type { PerseusPassageRefWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = {
     passageNumber: PerseusPassageRefWidgetOptions["passageNumber"];
     referenceNumber: PerseusPassageRefWidgetOptions["referenceNumber"];
@@ -19,10 +19,7 @@ type State = {
     content: string | null | undefined;
 };
 declare class PassageRef extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<{
-        strings: import("../../strings").PerseusStrings;
-        locale: string;
-    }>;
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     displayName: string;
     _isMounted: boolean;