@khanacademy/perseus 77.1.0 → 77.2.1

package/dist/widget-ai-utils/orderer/orderer-ai-utils.d.ts

@@ -1,11 +1,34 @@
 import type orderer from "../../widgets/orderer/orderer";
 import type React from "react";
+/**
+ * JSON describing an orderer widget. Intended for consumption by AI tools.
+ * An orderer presents a set of cards that the learner must arrange into the
+ * correct sequence. Cards can be dragged and dropped to reorder them. The
+ * same card may appear multiple times in the correct answer but is displayed
+ * only once in the card bank.
+ */
 export type OrdererPromptJSON = {
     type: "orderer";
+    /**
+     * The configuration of the widget, set by the content creator.
+     */
     options: {
+        /**
+         * All of the cards available to the learner. Each string is the
+         * rendered content of one card (may include TeX or Markdown).
+         */
         options: ReadonlyArray<string>;
     };
+    /**
+     * The current state of the widget user interface. Usually represents a
+     * learner's attempt to answer a question.
+     */
     userInput: {
+        /**
+         * The cards in their current order as arranged by the learner. Each
+         * string is the content of a card. An empty array means the learner
+         * has not yet placed any cards.
+         */
         values: ReadonlyArray<string>;
     };
 };

package/dist/widget-ai-utils/prompt-types.d.ts

@@ -21,12 +21,26 @@ import type { SorterPromptJSON } from "./sorter/sorter-ai-utils";
 import type { UnsupportedWidgetPromptJSON } from "./unsupported-widget";
 export type UnsupportedWidget = "cs-program" | "iframe" | "interaction" | "interactive-graph-unsupported" | "measurer" | "phet-simulation" | "plotter" | "python-program" | "video";
 export type WidgetPromptJSON = CategorizerPromptJSON | DefinitionPromptJSON | DropdownPromptJSON | ExplanationPromptJSON | ExpressionPromptJSON | GradedGroupPromptJSON | GradedGroupSetPromptJSON | GrapherPromptJSON | GroupPromptJSON | ImagePromptJSON | InputNumberPromptJSON | LabelImagePromptJSON | MatcherPromptJSON | MatrixPromptJSON | MockWidgetPromptJSON | NumberLinePromptJSON | NumericInputPromptJSON | OrdererPromptJSON | RadioPromptJSON | SorterPromptJSON | UnsupportedWidgetPromptJSON;
-export type RendererPromptJSON = {
+/**
+ * JSON describing a Perseus renderer. Intended for consumption by AI tools.
+ * A "renderer" is essentially a Markdown document with embedded interactive
+ * widgets.
+ */
+export interface RendererPromptJSON {
+    /**
+     * Markdown content of the document. Widgets are represented by
+     * placeholders containing a Unicode snowman symbol, e.g.
+     * `[[☃ radio 1]]`. May contain TeX delimited by dollar signs, e.g.
+     * `$\dfrac{1}{2}$`. Literal dollar signs are escaped by backslashes.
+     */
     content: string;
+    /**
+     * Information about the configuration and UI state of each widget.
+     */
     widgets: {
         [widgetId: string]: WidgetPromptJSON;
     };
-};
+}
 export interface GetPromptJSONInterface {
     getPromptJSON(): RendererPromptJSON;
 }

package/dist/widget-ai-utils/radio/radio-ai-utils.d.ts

@@ -1,16 +1,54 @@
 import type radio from "../../widgets/radio";
 import type { PerseusRadioUserInput, RecursiveReadonly } from "@khanacademy/perseus-core";
 import type React from "react";
+/**
+ * A single answer choice in a radio widget.
+ */
 type BasicOption = {
+    /**
+     * The label displayed for this choice.
+     */
     value: string;
+    /**
+     * An opaque string that uniquely identifies this choice within the radio
+     * widget. The format is subject to change.
+     */
     id: string;
+    /**
+     * Rationale for why this answer is correct or incorrect. Shown to the
+     * learner when they select an incorrect answer. Only present when the
+     * content creator supplied one.
+     */
     rationale?: string;
 };
+/**
+ * JSON describing a radio (multiple-choice) widget. Intended for consumption
+ * by AI tools. A radio widget presents a list of answer choices and asks the
+ * learner to select one (or, when multiple-select is enabled, one or more).
+ */
 export type RadioPromptJSON = {
     type: "radio";
+    /**
+     * Whether the widget includes a "None of the above" option. When true,
+     * the last entry in `options` represents that special choice.
+     */
     hasNoneOfTheAbove: boolean;
+    /**
+     * The answer choices presented to the learner, in the order they appear
+     * on screen. The first choice is labeled "A", the second is "B", and so
+     * on.
+     */
     options: BasicOption[];
+    /**
+     * The current state of the widget user interface. Usually represents a
+     * learner's attempt to answer a question.
+     */
     userInput: {
+        /**
+         * The IDs of the choices the learner has selected. Each entry
+         * corresponds to a choice's `id` field in `options`. Order is
+         * insignificant — scoring uses set membership, not position.
+         */
         selectedOptions: ReadonlyArray<string>;
     };
 };

package/dist/widget-ai-utils/sorter/sorter-ai-utils.d.ts

@@ -1,8 +1,27 @@
 import type { PerseusSorterUserInput } from "@khanacademy/perseus-core";
+/**
+ * JSON describing a sorter widget. Intended for consumption by AI tools.
+ * A sorter presents a list of cards that the learner must arrange into the
+ * correct order by dragging them. The cards are initially displayed in a
+ * randomized order.
+ */
 export type SorterPromptJSON = {
     type: "sorter";
+    /**
+     * The current state of the widget user interface. Usually represents a
+     * learner's attempt to answer a question.
+     */
     userInput: {
+        /**
+         * The content strings of the sortable cards in the learner's current
+         * order.
+         */
         values: ReadonlyArray<string>;
+        /**
+         * Whether the learner has moved any cards from their initial
+         * randomized order. The widget is considered empty (invalid) until
+         * this is true.
+         */
         changed: boolean;
     };
 };

package/dist/widget-ai-utils/unsupported-widget.d.ts

@@ -1,11 +1,12 @@
 import type { UnsupportedWidget } from "./prompt-types";
+/**
+ * A placeholder in prompt JSON for a widget that doesn't support AI tooling.
+ */
 export type UnsupportedWidgetPromptJSON = {
     type: UnsupportedWidget;
+    /** Always empty; not used. */
     message?: string;
+    /** Always false. */
     isSupported: boolean;
 };
-export declare const getUnsupportedPromptJSON: (widgetType: UnsupportedWidget, message?: string) => {
-    type: UnsupportedWidget;
-    isSupported: boolean;
-    message: string;
-};
+export declare const getUnsupportedPromptJSON: (widgetType: UnsupportedWidget, message?: string) => UnsupportedWidgetPromptJSON;

package/dist/widgets/dropdown/dropdown.d.ts

@@ -68,7 +68,7 @@ declare const _default: {
         keypadElement?: any;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusDropdownUserInput, cb?: () => void, silent?: boolean) => void;

package/dist/widgets/expression/expression.d.ts

@@ -58,7 +58,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
     keypadElement?: any;
     onFocus: (blurPath: FocusPath) => void;
     onBlur: (blurPath: FocusPath) => void;
-    findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+    findWidgets: import("../../types").FindWidgetsFunction;
     reviewMode: boolean;
     showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
     handleUserInput: (newUserInput: string, cb?: () => void, silent?: boolean) => void;
@@ -137,7 +137,7 @@ declare const _default: {
         keypadElement?: any;
         onFocus: (blurPath: FocusPath) => void;
         onBlur: (blurPath: FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: string, cb?: () => void, silent?: boolean) => void;

package/dist/widgets/image/components/explore-image-modal-content.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import type { CommonImageProps, ZoomProps, GifProps } from "./image-info-area";
 type Props = CommonImageProps & ZoomProps & GifProps;
-export default function ExploreImageModalContent({ backgroundImage, scale: contentScale, caption, alt, longDescription, linterContext, apiOptions, box, labels, range, zoomSize, isGifPlaying, setIsGifPlaying, }: Props): React.JSX.Element | null;
+export default function ExploreImageModalContent({ backgroundImage, scale: contentScale, caption, alt, longDescription, linterContext, apiOptions, box, labels, range, zoomSize, }: Props): React.JSX.Element | null;
 export {};

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

@@ -30,7 +30,13 @@ export declare const graphieImage: {
     width: number;
     height: number;
 };
+export declare const graphieImage2: {
+    url: string;
+    width: number;
+    height: number;
+};
 export declare const graphieImageAlt = "An array of isosceles triangles. A triangle has height A. Two smaller triangle, one with height B and one with height C, have approximately the same combined height as A.";
+export declare const graphieImage2Alt = "A picture graph shows the horizontal axis labeled Number of insects and the vertical axis labeled Types of insects. Each type of insect is listed along the vertical axis from bottom to top as follows: Beetle, Cricket, Ant, Mosquito, and Bee. The number of insects for each type of insect is represented by the number of pictures of ladybugs plotted on the graph. Beetle is represented by 5 pictures of ladybugs, Cricket is represented by 4 pictures of ladybugs, Ant is represented by 3 pictures of ladybugs, Mosquito is represented by 6 pictures of ladybugs, and Bee is represented by 3 pictures of ladybugs.";
 export declare const gifImage: {
     url: string;
     width: number;

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

@@ -1,10 +1,10 @@
-import { vec } from "mafs";
 import { type I18nContextType } from "../../../components/i18n-context";
 import type { ExponentialGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 import type { Coord } from "@khanacademy/perseus-core";
+import type { Interval, vec } from "mafs";
 export declare function renderExponentialGraph(state: ExponentialGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
 export declare const constrainAsymptoteKeyboard: (p: vec.Vector2, coords: ReadonlyArray<Coord>, snapStep: vec.Vector2) => vec.Vector2;
-export declare const getExponentialKeyboardConstraint: (coords: ReadonlyArray<Coord>, asymptote: number, snapStep: vec.Vector2, pointIndex: number) => {
+export declare const getExponentialKeyboardConstraint: (coords: ReadonlyArray<Coord>, asymptote: number, snapStep: vec.Vector2, pointIndex: number, range: [Interval, Interval]) => {
     up: vec.Vector2;
     down: vec.Vector2;
     left: vec.Vector2;

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

@@ -0,0 +1,12 @@
+import { type I18nContextType } from "../../../components/i18n-context";
+import type { LogarithmGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
+import type { Coord } from "@khanacademy/perseus-core";
+import type { Interval, vec } from "mafs";
+export declare function renderLogarithmGraph(state: LogarithmGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
+export declare const constrainAsymptoteKeyboard: (p: vec.Vector2, coords: ReadonlyArray<Coord>, snapStep: vec.Vector2) => vec.Vector2;
+export declare const getLogarithmKeyboardConstraint: (coords: ReadonlyArray<Coord>, asymptote: number, snapStep: vec.Vector2, pointIndex: number, range: [Interval, Interval]) => {
+    up: vec.Vector2;
+    down: vec.Vector2;
+    left: vec.Vector2;
+    right: vec.Vector2;
+};

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

@@ -36,3 +36,28 @@ export declare function getPolygonSideString(sideLength: number, pointIndex: num
  * The radius scales with the range so it's visible at all graph sizes.
  */
 export declare function calculateScaledRadius(range: [Interval, Interval]): number;
+/**
+ * Shared keyboard constraint logic for asymptote-based graph points
+ * (exponential, logarithm). Computes the next valid position for each
+ * arrow-key direction, skipping up to 3 snap steps to avoid positions
+ * rejected by the caller's `isValidPosition` predicate.
+ *
+ * The per-graph validity rules differ (exponential checks Y vs asymptote and
+ * X vs other point; logarithm checks X vs asymptote and Y vs other point),
+ * so they are injected via the callback.
+ */
+export declare function getAsymptoteGraphKeyboardConstraint(coords: ReadonlyArray<Coord>, snapStep: vec.Vector2, pointIndex: number, isValidPosition: (coord: vec.Vector2) => boolean): {
+    up: vec.Vector2;
+    down: vec.Vector2;
+    left: vec.Vector2;
+    right: vec.Vector2;
+};
+/**
+ * Shared keyboard constraint for asymptote movement (exponential, logarithm).
+ * When the next snapped position would land between or on the curve points,
+ * snaps past all of them in the direction of travel using a midpoint heuristic.
+ *
+ * @param orientation - "horizontal" for exponential (asymptote moves on Y-axis),
+ *   "vertical" for logarithm (asymptote moves on X-axis).
+ */
+export declare function constrainAsymptoteKeyboardMovement(p: vec.Vector2, coords: ReadonlyArray<Coord>, snapStep: vec.Vector2, orientation: "horizontal" | "vertical"): vec.Vector2;

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

@@ -130,6 +130,12 @@ declare class InteractiveGraphQuestionBuilder {
         snapDegrees?: number;
         match?: "congruent";
     }): InteractiveGraphQuestionBuilder;
+    withLogarithm(options?: {
+        coords?: [Coord, Coord];
+        asymptote?: number;
+        startCoords?: [Coord, Coord];
+        startAsymptote?: number;
+    }): InteractiveGraphQuestionBuilder;
     withAbsoluteValue(options?: {
         coords?: [Coord, Coord];
         startCoords?: [Coord, Coord];

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

@@ -161,9 +161,9 @@ declare class InteractiveGraph extends React.Component<Props, State> {
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight? /**
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement? /**
              * Whether to show the arrows on the axis.
-             */: number, focusedElement?: HTMLElement) => unknown;
+             */: HTMLElement) => unknown;
             showAlignmentOptions?: boolean;
             readOnly?: boolean;
             editingDisabled?: boolean;
@@ -210,7 +210,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
         keypadElement?: any;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusGraphType, cb?: () => void, silent?: boolean) => void;
@@ -261,6 +261,8 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     static getSinusoidEquationString(props: Props): string;
     static defaultExponentialCoords(props: Props): Coord[];
     static getExponentialEquationString(props: Props): string;
+    static defaultLogarithmCoords(props: Props): Coord[];
+    static getLogarithmEquationString(props: Props): string;
     static getAbsoluteValueEquationString(props: Props): string;
     static getCurrentTangentCoefficients(props: Props): TangentCoefficient;
     static defaultTangentCoords(props: Props): Coord[];

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

@@ -1,6 +1,6 @@
 import type { Coord } from "../../../interactive2/types";
 import type { InteractiveGraphState, PairOfPoints } from "../types";
-import type { PerseusGraphType, PerseusGraphTypeAbsoluteValue, PerseusGraphTypeAngle, PerseusGraphTypeCircle, PerseusGraphTypeLinear, PerseusGraphTypeLinearSystem, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeQuadratic, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusGraphTypeSinusoid, PerseusGraphTypeExponential, PerseusGraphTypeTangent } from "@khanacademy/perseus-core";
+import type { PerseusGraphType, PerseusGraphTypeAbsoluteValue, PerseusGraphTypeAngle, PerseusGraphTypeCircle, PerseusGraphTypeLinear, PerseusGraphTypeLinearSystem, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeQuadratic, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusGraphTypeSinusoid, PerseusGraphTypeExponential, PerseusGraphTypeTangent, PerseusGraphTypeLogarithm } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 export type InitializeGraphStateParams = {
     range: [x: Interval, y: Interval];
@@ -26,6 +26,10 @@ export declare function getExponentialCoords(graph: PerseusGraphTypeExponential,
     coords: [Coord, Coord];
     asymptote: number;
 };
+export declare function getLogarithmCoords(graph: PerseusGraphTypeLogarithm, range: [x: Interval, y: Interval], step: [x: number, y: number]): {
+    coords: [Coord, Coord];
+    asymptote: number;
+};
 export declare const getAngleCoords: (params: {
     graph: PerseusGraphTypeAngle;
     range: [x: Interval, y: Interval];

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

@@ -60,6 +60,10 @@ export declare const actions: {
         movePoint: typeof movePoint;
         moveCenter: typeof moveCenter;
     };
+    logarithm: {
+        movePoint: typeof movePoint;
+        moveCenter: typeof moveCenter;
+    };
     absoluteValue: {
         movePoint: typeof movePoint;
     };

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

@@ -15,7 +15,7 @@ export type InteractiveGraphElementSuite = {
     graph: ReactNode;
     interactiveElementsDescription: ReactNode;
 };
-export type InteractiveGraphState = AbsoluteValueGraphState | AngleGraphState | SegmentGraphState | LinearSystemGraphState | LinearGraphState | RayGraphState | NoneGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState | ExponentialGraphState | TangentGraphState;
+export type InteractiveGraphState = AbsoluteValueGraphState | AngleGraphState | SegmentGraphState | LinearSystemGraphState | LinearGraphState | RayGraphState | NoneGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState | ExponentialGraphState | TangentGraphState | LogarithmGraphState;
 export type UnlimitedGraphState = PointGraphState | PolygonGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
@@ -91,6 +91,12 @@ export interface TangentGraphState extends InteractiveGraphStateCommon {
     type: "tangent";
     coords: [vec.Vector2, vec.Vector2];
 }
+export interface LogarithmGraphState extends InteractiveGraphStateCommon {
+    type: "logarithm";
+    coords: [vec.Vector2, vec.Vector2];
+    /** The x-value of the vertical asymptote (x = asymptote). */
+    asymptote: number;
+}
 export interface AngleGraphState extends InteractiveGraphStateCommon {
     type: "angle";
     showAngles?: boolean;

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

@@ -167,7 +167,7 @@ declare const _default: {
         keypadElement?: any;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: ShowSolutions;
         handleUserInput: (newUserInput: PerseusLabelImageUserInput, cb?: () => void, silent?: boolean) => void;

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

@@ -91,7 +91,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
         keypadElement?: any;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusMockWidgetUserInput, cb?: () => void, silent?: boolean) => void;

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

@@ -98,7 +98,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
         keypadElement?: any;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusNumericInputUserInput, cb?: () => void, silent?: boolean) => void;

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

@@ -61,7 +61,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     keypadElement?: any;
     onFocus: (blurPath: import("../..").FocusPath) => void;
     onBlur: (blurPath: import("../..").FocusPath) => void;
-    findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;
+    findWidgets: import("../../types").FindWidgetsFunction;
     reviewMode: boolean;
     showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
     handleUserInput: (newUserInput: import("@khanacademy/perseus-core").PerseusNumericInputUserInput, cb?: () => void, silent?: boolean) => void;

package/dist/widgets/table/table.d.ts

@@ -99,7 +99,7 @@ declare class Table extends React.Component<Props> implements Widget {
         keypadElement?: any;
         onFocus: (blurPath: FocusPath) => void;
         onBlur: (blurPath: FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
+        findWidgets: import("../../types").FindWidgetsFunction;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusTableUserInput, cb?: () => void, silent?: boolean) => void;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.1.0",
+  "version": "77.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -38,19 +38,20 @@
   ],
   "dependencies": {
     "@use-gesture/react": "^10.2.27",
+    "gifuct-js": "^2.1.2",
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.1",
-    "@khanacademy/keypad-context": "3.2.41",
-    "@khanacademy/kmath": "2.3.1",
-    "@khanacademy/math-input": "26.4.12",
-    "@khanacademy/perseus-core": "24.0.0",
-    "@khanacademy/perseus-score": "8.5.0",
+    "@khanacademy/keypad-context": "3.2.42",
+    "@khanacademy/math-input": "26.4.13",
+    "@khanacademy/kmath": "2.4.0",
+    "@khanacademy/perseus-core": "24.1.0",
+    "@khanacademy/perseus-linter": "4.9.3",
+    "@khanacademy/perseus-score": "8.6.0",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.2.7",
-    "@khanacademy/simple-markdown": "2.2.2",
-    "@khanacademy/perseus-linter": "4.9.1"
+    "@khanacademy/simple-markdown": "2.2.2"
   },
   "devDependencies": {
     "@khanacademy/wonder-blocks-announcer": "1.1.0",
@@ -61,8 +62,8 @@
     "@khanacademy/wonder-blocks-data": "15.0.1",
     "@khanacademy/wonder-blocks-dropdown": "10.8.3",
     "@khanacademy/wonder-blocks-form": "7.5.6",
-    "@khanacademy/wonder-blocks-icon-button": "11.1.6",
     "@khanacademy/wonder-blocks-icon": "5.3.9",
+    "@khanacademy/wonder-blocks-icon-button": "11.1.6",
     "@khanacademy/wonder-blocks-labeled-field": "4.0.16",
     "@khanacademy/wonder-blocks-layout": "3.1.46",
     "@khanacademy/wonder-blocks-link": "10.1.7",