@khanacademy/perseus 77.0.3 → 77.2.0

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

@@ -56,7 +56,6 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
     }>;
     keypadElement?: any;
-    questionCompleted?: boolean;
     onFocus: (blurPath: FocusPath) => void;
     onBlur: (blurPath: FocusPath) => void;
     findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
@@ -136,7 +135,6 @@ declare const _default: {
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: FocusPath) => void;
         onBlur: (blurPath: FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;

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,7 +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?: number, focusedElement?: HTMLElement) => unknown;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement? /**
+             * Whether to show the arrows on the axis.
+             */: HTMLElement) => unknown;
             showAlignmentOptions?: boolean;
             readOnly?: boolean;
             editingDisabled?: boolean;
@@ -206,7 +208,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;
@@ -260,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

@@ -165,7 +165,6 @@ declare const _default: {
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;

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

@@ -89,7 +89,6 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;

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

@@ -96,7 +96,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: import("../..").FocusPath) => void;
         onBlur: (blurPath: import("../..").FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;

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

@@ -59,7 +59,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
     }>;
     keypadElement?: any;
-    questionCompleted?: boolean;
     onFocus: (blurPath: import("../..").FocusPath) => void;
     onBlur: (blurPath: import("../..").FocusPath) => void;
     findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;

package/dist/widgets/radio/index.d.ts

@@ -1 +1,16 @@
-export { default } from "./radio";
+import Radio from "./radio-widget";
+import type { PerseusRadioUserInput } from "@khanacademy/perseus-core";
+declare function getStartUserInput(): PerseusRadioUserInput;
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: typeof Radio;
+    getStartUserInput: typeof getStartUserInput;
+    version: import("@khanacademy/perseus-core").Version | undefined;
+    isLintable: true;
+    /**
+     * @deprecated - do not use in new code.
+     */
+    getUserInputFromSerializedState: (serializedState: unknown) => PerseusRadioUserInput;
+};
+export default _default;

package/dist/widgets/radio/{multiple-choice-component.d.ts → radio-component.d.ts}

@@ -1,9 +1,9 @@
 import React from "react";
-import type { ChoiceType } from "./multiple-choice-widget";
+import type { ChoiceType } from "./radio-widget";
 /**
- * Props for the MultipleChoiceComponent
+ * Props for the RadioComponent
  */
-export interface MultipleChoiceComponentProps {
+export interface RadioComponentProps {
     choices: ReadonlyArray<ChoiceType>;
     countChoices: boolean | null | undefined;
     multipleSelect?: boolean;
@@ -12,10 +12,10 @@ export interface MultipleChoiceComponentProps {
     reviewMode: boolean;
 }
 /**
- * The MultipleChoiceComponent renders the UI for multiple choice questions.
+ * The RadioComponent renders the UI for multiple choice questions.
  *
  * This component handles the presentation of choices, user interactions,
- * and accessibility features, while the MultipleChoiceWidget manages the
+ * and accessibility features, while the RadioWidget manages the
  * underlying logic and state.
  *
  * Supports both radio button (single select) and checkbox (multiple select) modes.
@@ -49,5 +49,5 @@ export interface MultipleChoiceComponentProps {
  *
  * Created as part of the Radio Revitalization Project (LEMS-2933).
  */
-declare const MultipleChoiceComponent: ({ choices, countChoices, multipleSelect, numCorrect, onChoiceChange, reviewMode, }: MultipleChoiceComponentProps) => React.ReactElement;
-export default MultipleChoiceComponent;
+declare const RadioComponent: ({ choices, countChoices, multipleSelect, numCorrect, onChoiceChange, reviewMode, }: RadioComponentProps) => React.ReactElement;
+export default RadioComponent;

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

@@ -0,0 +1,49 @@
+import * as React from "react";
+import type { WidgetProps, ChoiceState, Widget } from "../../types";
+import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
+import type { PerseusRadioChoice, PerseusRadioRubric, PerseusRadioUserInput } from "@khanacademy/perseus-core";
+/**
+ * Represents a single choice in the RadioComponent
+ */
+export interface ChoiceType {
+    id: string;
+    checked: boolean;
+    content: React.ReactNode;
+    rationale: React.ReactNode;
+    hasRationale: boolean;
+    correct: boolean;
+    isNoneOfTheAbove: boolean;
+}
+export type RadioProps = {
+    numCorrect: number;
+    hasNoneOfTheAbove?: boolean;
+    multipleSelect?: boolean;
+    countChoices?: boolean;
+    deselectEnabled?: boolean;
+    choices: RadioChoiceWithMetadata[];
+    choiceStates?: ChoiceState[];
+    randomize?: boolean;
+};
+type RadioWidgetHandle = {
+    getSerializedState(): any;
+    getPromptJSON(): RadioPromptJSON;
+};
+/**
+ * RadioChoiceWithMetadata is used for server-side scoring
+ */
+export interface RadioChoiceWithMetadata extends PerseusRadioChoice {
+    originalIndex: number;
+    correct?: boolean;
+}
+type Props = WidgetProps<RadioProps, PerseusRadioUserInput, PerseusRadioRubric>;
+declare class Radio extends React.Component<Props> implements Widget {
+    radioRef: React.RefObject<RadioWidgetHandle>;
+    /**
+     * @deprecated and likely very broken API
+     * [LEMS-3185] do not trust serializedState
+     */
+    getSerializedState(): any;
+    getPromptJSON(): RadioPromptJSON;
+    render(): React.ReactNode;
+}
+export default Radio;

package/dist/widgets/radio/util.d.ts

@@ -1,5 +1,5 @@
 import { type PerseusRadioUserInput, type PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
-import type { RadioChoiceWithMetadata } from "./multiple-choice-widget";
+import type { RadioChoiceWithMetadata } from "./radio-widget";
 import type { PerseusStrings } from "../../strings";
 /**
  * Given a choice's position in the radio widget, return the corresponding

package/dist/widgets/radio/utils/general-utils.d.ts

@@ -1,5 +1,5 @@
 import type { ChoiceState } from "../../../types";
-import type { RadioChoiceWithMetadata } from "../multiple-choice-widget";
+import type { RadioChoiceWithMetadata } from "../radio-widget";
 import type { ShowSolutions } from "@khanacademy/perseus-core";
 interface GetChoiceStatesProps {
     choices: ReadonlyArray<RadioChoiceWithMetadata>;

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

@@ -97,7 +97,6 @@ declare class Table extends React.Component<Props> implements Widget {
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;
-        questionCompleted?: boolean;
         onFocus: (blurPath: FocusPath) => void;
         onBlur: (blurPath: FocusPath) => void;
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.0.3",
+  "version": "77.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,38 +42,38 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.1",
-    "@khanacademy/keypad-context": "3.2.41",
-    "@khanacademy/math-input": "26.4.11",
-    "@khanacademy/perseus-core": "24.0.0",
-    "@khanacademy/kmath": "2.3.1",
-    "@khanacademy/perseus-linter": "4.9.1",
+    "@khanacademy/keypad-context": "3.2.42",
+    "@khanacademy/kmath": "2.4.0",
+    "@khanacademy/math-input": "26.4.13",
+    "@khanacademy/perseus-core": "24.1.0",
+    "@khanacademy/perseus-linter": "4.9.2",
+    "@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-score": "8.5.0"
+    "@khanacademy/simple-markdown": "2.2.2"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-announcer": "1.0.6",
+    "@khanacademy/wonder-blocks-announcer": "1.1.0",
     "@khanacademy/wonder-blocks-banner": "5.0.18",
     "@khanacademy/wonder-blocks-button": "11.4.2",
     "@khanacademy/wonder-blocks-clickable": "8.1.5",
     "@khanacademy/wonder-blocks-core": "12.4.3",
     "@khanacademy/wonder-blocks-data": "15.0.1",
-    "@khanacademy/wonder-blocks-dropdown": "10.8.2",
+    "@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-labeled-field": "4.0.16",
     "@khanacademy/wonder-blocks-layout": "3.1.46",
     "@khanacademy/wonder-blocks-link": "10.1.7",
-    "@khanacademy/wonder-blocks-modal": "8.5.17",
+    "@khanacademy/wonder-blocks-modal": "8.6.0",
     "@khanacademy/wonder-blocks-pill": "3.1.57",
-    "@khanacademy/wonder-blocks-popover": "6.1.55",
+    "@khanacademy/wonder-blocks-popover": "6.1.56",
     "@khanacademy/wonder-blocks-progress-spinner": "3.1.46",
     "@khanacademy/wonder-blocks-switch": "3.3.30",
     "@khanacademy/wonder-blocks-timing": "7.0.4",
     "@khanacademy/wonder-blocks-tokens": "16.1.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.68",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.69",
     "@khanacademy/wonder-blocks-typography": "4.2.31",
     "@khanacademy/wonder-stuff-core": "3.0.0",
     "@phosphor-icons/core": "2.0.2",
@@ -90,27 +90,27 @@
     "raphael": "1.5.4"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-blocks-announcer": "^1.0.6",
+    "@khanacademy/wonder-blocks-announcer": "^1.1.0",
     "@khanacademy/wonder-blocks-banner": "^5.0.18",
     "@khanacademy/wonder-blocks-button": "^11.4.2",
     "@khanacademy/wonder-blocks-clickable": "^8.1.5",
     "@khanacademy/wonder-blocks-core": "^12.4.3",
     "@khanacademy/wonder-blocks-data": "^15.0.1",
-    "@khanacademy/wonder-blocks-dropdown": "^10.8.2",
+    "@khanacademy/wonder-blocks-dropdown": "^10.8.3",
     "@khanacademy/wonder-blocks-form": "^7.5.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",
-    "@khanacademy/wonder-blocks-modal": "^8.5.17",
+    "@khanacademy/wonder-blocks-modal": "^8.6.0",
     "@khanacademy/wonder-blocks-pill": "^3.1.57",
-    "@khanacademy/wonder-blocks-popover": "^6.1.55",
+    "@khanacademy/wonder-blocks-popover": "^6.1.56",
     "@khanacademy/wonder-blocks-progress-spinner": "^3.1.46",
     "@khanacademy/wonder-blocks-switch": "^3.3.30",
     "@khanacademy/wonder-blocks-timing": "^7.0.4",
     "@khanacademy/wonder-blocks-tokens": "^16.1.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.68",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.69",
     "@khanacademy/wonder-blocks-typography": "^4.2.31",
     "@khanacademy/wonder-stuff-core": "^3.0.0",
     "@phosphor-icons/core": "^2.0.2",
@@ -126,7 +126,7 @@
   },
   "keywords": [],
   "khan": {
-    "catalogHash": "f59b84a1576ddc86"
+    "catalogHash": "a1f429536c944326"
   },
   "scripts": {}
 }

package/dist/widgets/radio/multiple-choice-widget.d.ts

@@ -1,110 +0,0 @@
-import * as React from "react";
-import type { ChoiceState } from "../../types";
-import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
-import type { PerseusRadioChoice, PerseusRadioRubric, PerseusRadioUserInput } from "@khanacademy/perseus-core";
-import type { LinterContextProps } from "@khanacademy/perseus-linter";
-/**
- * Represents a single choice in the MultipleChoiceComponent
- */
-export interface ChoiceType {
-    id: string;
-    checked: boolean;
-    content: React.ReactNode;
-    rationale: React.ReactNode;
-    hasRationale: boolean;
-    showRationale: boolean;
-    showCorrectness: boolean;
-    correct: boolean;
-    isNoneOfTheAbove: boolean;
-    previouslyAnswered: boolean;
-    revealNoneOfTheAbove: boolean;
-    disabled: boolean;
-}
-export type RadioProps = {
-    numCorrect: number;
-    hasNoneOfTheAbove?: boolean;
-    multipleSelect?: boolean;
-    countChoices?: boolean;
-    deselectEnabled?: boolean;
-    choices: RadioChoiceWithMetadata[];
-    choiceStates?: ChoiceState[];
-    editMode?: boolean;
-    labelWrap?: boolean;
-    randomize?: boolean;
-};
-export type RadioWidgetHandle = {
-    getPromptJSON(): RadioPromptJSON;
-};
-/**
- * RadioChoiceWithMetadata is used for server-side scoring
- */
-export interface RadioChoiceWithMetadata extends PerseusRadioChoice {
-    originalIndex: number;
-    correct?: boolean;
-}
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & {
-    trackInteraction: (extraData?: PerseusRadioRubric | undefined) => void;
-    widgetId: string;
-    widgetIndex: number;
-    alignment: string | null | undefined;
-    static: boolean | null | undefined;
-    problemNum: number | null | undefined;
-    apiOptions: Readonly<Readonly<{
-        isArticle?: boolean;
-        onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-        showAlignmentOptions?: boolean;
-        readOnly?: boolean;
-        editingDisabled?: boolean;
-        answerableCallback?: (arg1: boolean) => unknown;
-        getAnotherHint?: () => unknown;
-        interactionCallback?: (widgetData: {
-            [widgetId: string]: any;
-        }) => void;
-        imagePlaceholder?: React.ReactNode;
-        widgetPlaceholder?: React.ReactNode;
-        baseElements?: {
-            Link: React.ComponentType<any>;
-        };
-        imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
-        trackInteraction?: (args: {
-            type: string;
-            id: string;
-            correct?: boolean;
-        } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-            visible: number;
-        }>) => void;
-        customKeypad?: boolean;
-        nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
-        isMobile?: boolean;
-        isMobileApp?: boolean;
-        setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-        hintProgressColor?: string;
-        canScrollPage?: boolean;
-        editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
-    }> & {
-        baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-        canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-        editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-        isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-        isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-        isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
-        editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
-        onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-        readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-        setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
-        showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-    }>;
-    keypadElement?: any;
-    questionCompleted?: boolean;
-    onFocus: (blurPath: import("../..").FocusPath) => void;
-    onBlur: (blurPath: import("../..").FocusPath) => void;
-    findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;
-    reviewMode: boolean;
-    showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-    handleUserInput: (newUserInput: PerseusRadioUserInput, cb?: () => void, silent?: boolean) => void;
-    userInput: PerseusRadioUserInput;
-    linterContext: LinterContextProps;
-    containerSizeClass: import("../../util/sizing-utils").SizeClass;
-} & React.RefAttributes<RadioWidgetHandle>>;
-export default Radio;

package/dist/widgets/radio/radio.d.ts

@@ -1,16 +0,0 @@
-import Radio from "./radio.ff";
-import type { PerseusRadioUserInput } from "@khanacademy/perseus-core";
-declare function getStartUserInput(): PerseusRadioUserInput;
-declare const _default: {
-    name: string;
-    displayName: string;
-    widget: typeof Radio;
-    getStartUserInput: typeof getStartUserInput;
-    version: import("@khanacademy/perseus-core").Version | undefined;
-    isLintable: true;
-    /**
-     * @deprecated - do not use in new code.
-     */
-    getUserInputFromSerializedState: (serializedState: unknown) => PerseusRadioUserInput;
-};
-export default _default;