@khanacademy/perseus 66.5.0 → 67.1.0

package/dist/server-item-renderer.d.ts

@@ -159,7 +159,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRenderer
         canScrollPage?: boolean;
         editorChangeDelay?: number;
         flags?: Record<"new-radio-widget", boolean>;
-        onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
     }> | undefined;
     linterContext?: PerseusLinter.LinterContextProps | undefined;
     onRendered?: ((isRendered: boolean) => void) | undefined;

package/dist/types.d.ts

@@ -224,16 +224,6 @@ export type APIOptions = Readonly<{
      * Define the feature flag name in packages/perseus-core/src/feature-flags.ts
      */
     flags?: Record<(typeof PerseusFeatureFlags)[number], boolean>;
-    /**
-     * This is a callback function that returns all of the Widget props
-     * after they have been transformed by the widget's transform function.
-     * This is useful for when we need to know how a widget has shuffled its
-     * the available choices.
-     *
-     * @deprecated [LEMS-3185] this is externalizing an internal implementation
-     * detail similar to serialized state
-     */
-    onWidgetStartProps?: (widgets: PerseusWidgetsMap) => void;
 }>;
 type TeXProps = {
     children: string;

package/dist/user-input-manager.d.ts

@@ -33,7 +33,7 @@ export declare function sharedInitializeUserInput(widgetOptions: PerseusWidgetsM
  *
  * @deprecated - do not use in new code.
  */
-export declare function sharedRestoreUserInputFromSerializedState(serializedState: unknown, widgetsMap: PerseusWidgetsMap): UserInputMap;
+export declare function deriveUserInputFromSerializedState(serializedState: unknown, widgetsMap: PerseusWidgetsMap): UserInputMap;
 /**
  * UserInputManager is a stateful wrapper for handling and storing user input.
  * Ideally we'll get to a place where widgets are functional components

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

@@ -1,4 +1,4 @@
-import type image from "../../widgets/image/image";
+import type image from "../../widgets/image/image.class";
 import type React from "react";
 export type ImagePromptJSON = {
     type: "image";

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

@@ -10,7 +10,7 @@ export type RadioPromptJSON = {
     hasNoneOfTheAbove: boolean;
     options: BasicOption[];
     userInput: {
-        selectedOptions: ReadonlyArray<boolean>;
+        selectedOptions: ReadonlyArray<string>;
     };
 };
 export declare const getPromptJSON: (renderProps: RecursiveReadonly<React.ComponentProps<typeof radio.widget>>, userInput: RecursiveReadonly<PerseusRadioUserInput>) => RadioPromptJSON;

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

@@ -101,7 +101,6 @@ export declare class Expression extends React.Component<Props> implements Widget
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -194,7 +193,6 @@ declare const _default: {
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/grapher/grapher.d.ts

@@ -92,7 +92,6 @@ declare class Grapher extends React.Component<Props> implements Widget {
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { PerseusI18nContext } from "../../components/i18n-context";
+import type { WidgetProps, Widget } from "../../types";
+import type { ImagePromptJSON } from "../../widget-ai-utils/image/image-ai-utils";
+import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
+type ExternalProps = WidgetProps<PerseusImageWidgetOptions>;
+export interface Props extends ExternalProps {
+    alignment: NonNullable<ExternalProps["alignment"]>;
+    title: NonNullable<ExternalProps["title"]>;
+    range: NonNullable<ExternalProps["range"]>;
+    box: NonNullable<ExternalProps["box"]>;
+    backgroundImage: NonNullable<ExternalProps["backgroundImage"]>;
+    labels: NonNullable<ExternalProps["labels"]>;
+    alt: NonNullable<ExternalProps["alt"]>;
+    caption: NonNullable<ExternalProps["caption"]>;
+    linterContext: NonNullable<ExternalProps["linterContext"]>;
+}
+interface DefaultProps extends Partial<Props> {
+    alignment: Props["alignment"];
+    title: Props["title"];
+    range: Props["range"];
+    box: Props["box"];
+    backgroundImage: Props["backgroundImage"];
+    labels: Props["labels"];
+    alt: Props["alt"];
+    caption: Props["caption"];
+    linterContext: Props["linterContext"];
+}
+declare class ImageWidget extends React.Component<Props> implements Widget {
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
+    context: React.ContextType<typeof PerseusI18nContext>;
+    static defaultProps: DefaultProps;
+    isWidget: true;
+    getPromptJSON(): ImagePromptJSON;
+    render(): React.ReactNode;
+}
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: typeof ImageWidget;
+    isLintable: true;
+};
+export default _default;

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

@@ -1,43 +1,3 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { WidgetProps, Widget } from "../../types";
-import type { ImagePromptJSON } from "../../widget-ai-utils/image/image-ai-utils";
-import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
-type ExternalProps = WidgetProps<PerseusImageWidgetOptions>;
-type Props = ExternalProps & {
-    alignment: NonNullable<ExternalProps["alignment"]>;
-    title: NonNullable<ExternalProps["title"]>;
-    range: NonNullable<ExternalProps["range"]>;
-    box: NonNullable<ExternalProps["box"]>;
-    backgroundImage: NonNullable<ExternalProps["backgroundImage"]>;
-    labels: NonNullable<ExternalProps["labels"]>;
-    alt: NonNullable<ExternalProps["alt"]>;
-    caption: NonNullable<ExternalProps["caption"]>;
-    linterContext: NonNullable<ExternalProps["linterContext"]>;
-};
-type DefaultProps = {
-    alignment: Props["alignment"];
-    title: Props["title"];
-    range: Props["range"];
-    box: Props["box"];
-    backgroundImage: Props["backgroundImage"];
-    labels: Props["labels"];
-    alt: Props["alt"];
-    caption: Props["caption"];
-    linterContext: Props["linterContext"];
-};
-declare class ImageWidget extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    isWidget: true;
-    getPromptJSON(): ImagePromptJSON;
-    render(): React.ReactNode;
-}
-declare const _default: {
-    name: string;
-    displayName: string;
-    widget: typeof ImageWidget;
-    isLintable: true;
-};
-export default _default;
+import type { Props } from "./image.class";
+export declare const ImageComponent: ({ apiOptions, alt, backgroundImage, box, caption, linterContext, labels, range, title, trackInteraction, }: Props) => React.JSX.Element;

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

@@ -1 +1 @@
-export { default } from "./image";
+export { default } from "./image.class";

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

@@ -193,7 +193,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -76,7 +76,6 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -121,7 +121,6 @@ declare class NumberLine extends React.Component<Props, State> implements Widget
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -83,7 +83,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -42,7 +42,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         canScrollPage?: boolean;
         editorChangeDelay?: number;
         flags?: Record<"new-radio-widget", boolean>;
-        onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/plotter/plotter.d.ts

@@ -130,7 +130,6 @@ export declare class Plotter extends React.Component<Props, State> implements Wi
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -28,9 +28,7 @@ type Props = {
     multipleSelect?: boolean;
     reviewModeRubric?: PerseusRadioWidgetOptions | null;
     reviewMode: boolean;
-    onChange: (newValues: {
-        checked: ReadonlyArray<boolean>;
-    }) => void;
+    onChange: (checkedChoiceIds: ReadonlyArray<string>) => void;
     registerFocusFunction?: (arg1: FocusFunction) => void;
     isLastUsedWidget?: boolean;
 };

package/dist/widgets/radio/multiple-choice-component.new.d.ts

@@ -8,7 +8,7 @@ export interface MultipleChoiceComponentProps {
     countChoices: boolean | null | undefined;
     multipleSelect?: boolean;
     numCorrect: number;
-    onChoiceChange: (choiceIndex: number, newCheckedState: boolean) => void;
+    onChoiceChange: (choiceId: string, newCheckedState: boolean) => void;
     reviewMode: boolean;
 }
 /**

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

@@ -1,7 +1,6 @@
 import * as React from "react";
 import type { PerseusStrings } from "../../strings";
-import type { WidgetProps, ChoiceState, Widget } from "../../types";
-import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
+import type { ChoiceState, Widget } from "../../types";
 import type { PerseusRadioChoice, PerseusRadioRubric, PerseusRadioUserInput } from "@khanacademy/perseus-core";
 /**
  * Represents a single choice in the MultipleChoiceComponent
@@ -41,81 +40,5 @@ export interface RadioChoiceWithMetadata extends PerseusRadioChoice {
     originalIndex: number;
     correct?: boolean;
 }
-type Props = WidgetProps<RenderProps, PerseusRadioUserInput, PerseusRadioRubric>;
-type DefaultProps = Required<Pick<Props, "choices" | "multipleSelect" | "countChoices" | "deselectEnabled" | "linterContext" | "showSolutions">>;
-/**
- * MultipleChoiceWidget implements the Widget interface for multiple choice questions.
- *
- * It handles Perseus-specific logic and state management while delegating
- * UI rendering to the MultipleChoiceComponent.
- *
- * This class is exported as "Radio" for backwards compatibility with existing content,
- * though it supports both radio-button (single select) and checkbox (multiple select) modes.
- * Eventually, when Content Backfills are set up, we will officially rename the Radio Widget to MultipleChoiceWidget.
- *
- * Created as part of the Radio Revitalization Project (LEMS-2933).
- */
-declare class MultipleChoiceWidget extends React.Component<Props> implements Widget {
-    static defaultProps: DefaultProps;
-    /**
-     * Gets the JSON representation of the User Input for AI assistance.
-     *
-     * This method is used to provide structured data about the widget's state
-     * to AI systems that can help users with answering questions.
-     *
-     * @returns A structured JSON object representing the widget's prompt
-     */
-    getPromptJSON(): RadioPromptJSON;
-    /**
-     * Renders content that may contain nested widgets (currently only passage-refs).
-     * Parses the content, extracts any widgets, and returns a Renderer component
-     * configured with the appropriate context.
-     *
-     * @param content - The content to render (defaults to empty string)
-     * @returns A React element with the rendered content
-     */
-    renderContent: (content?: string) => React.ReactNode;
-    /**
-     * Handles a user's selection of a choice.
-     *
-     * Updates choice states based on the selection, handles single/multiple
-     * selection logic, and notifies Perseus of the interaction.
-     *
-     * @param choiceIndex - The index of the choice that changed
-     * @param newCheckedState - Whether the choice is now selected
-     */
-    handleChoiceChange: (choiceIndex: number, newCheckedState: boolean) => void;
-    /**
-     * Transforms choice states into component-ready props for the MultipleChoiceComponent.
-     *
-     * This method:
-     * 1. Processes each choice's content
-     * 2. Maps state properties (selected, rationaleShown, etc.) to component props
-     * 3. Renders content and rationales with nested widget support
-     * 4. Determines correctness display based on choice data or review rubric
-     *
-     * @param choiceStates - The current state of each choice
-     * @returns An array of formatted choice props ready for the MultipleChoiceComponent
-     */
-    buildChoiceProps: (choiceStates: ReadonlyArray<ChoiceState>) => ReadonlyArray<ChoiceType>;
-    /**
-     * Prepares the choice props for rendering in the MultipleChoiceComponent.
-     *
-     * This method:
-     * 1. Uses getChoiceStates() to determine the appropriate state for each choice
-     *    based on widget mode (review/static) and user selections
-     * 2. Transforms these states into component props via buildChoiceProps(),
-     *    including rendered content, correctness indicators, and rationales
-     *
-     * @returns An array of choice props ready for the component
-     */
-    prepareChoicesProps: () => readonly ChoiceType[];
-    /**
-     * Renders the MultipleChoiceComponent with the current props.
-     *
-     * @returns The rendered React component
-     */
-    render(): React.ReactNode;
-}
-declare const Radio: typeof MultipleChoiceWidget;
+declare const Radio: React.ForwardRefExoticComponent<RenderProps & import("../../types").UniversalWidgetProps<PerseusRadioRubric, PerseusRadioUserInput, Empty> & React.RefAttributes<Widget>>;
 export default Radio;

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

@@ -30,9 +30,7 @@ declare class Radio extends React.Component<Props> implements Widget {
     _renderRenderer: (content?: string) => React.ReactElement;
     focus(choiceIndex?: number | null): boolean;
     registerFocusFunction(fun: FocusFunction): void;
-    updateChoices: (newValueLists: Readonly<{
-        checked: ReadonlyArray<boolean>;
-    }>) => void;
+    updateChoices: (checkedChoiceIds: ReadonlyArray<string>) => void;
     getPromptJSON(): RadioPromptJSON;
     render(): React.ReactNode;
 }

package/dist/widgets/radio/radio-question-builder.d.ts

@@ -7,12 +7,16 @@ declare class RadioQuestionBuilder {
     private hasNoneOfTheAbove?;
     private multipleSelect?;
     private randomize?;
+    private static?;
+    private numCorrect?;
     build(): PerseusRenderer;
     withContent(content: string): RadioQuestionBuilder;
     withCountChoices(countChoices: boolean): RadioQuestionBuilder;
     withHasNoneOfTheAbove(hasNoneOfTheAbove: boolean): RadioQuestionBuilder;
     withMultipleSelect(multipleSelect: boolean): RadioQuestionBuilder;
     withRandomize(randomize: boolean): RadioQuestionBuilder;
+    withStatic(isStatic: boolean): RadioQuestionBuilder;
+    withNumCorrect(numCorrect: number): RadioQuestionBuilder;
     addChoice(content: string, options?: {
         correct?: boolean;
         rationale?: string;

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

@@ -1,8 +1,8 @@
 import Radio from "./radio.ff";
 import type { RenderProps } from "./radio-component";
 import type { PerseusStrings } from "../../strings";
-import type { PerseusRadioUserInput, PerseusRadioWidgetOptions, RadioPublicWidgetOptions } from "@khanacademy/perseus-core";
-declare function getStartUserInput(options: RadioPublicWidgetOptions): PerseusRadioUserInput;
+import type { PerseusRadioUserInput, PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
+declare function getStartUserInput(): PerseusRadioUserInput;
 declare function getCorrectUserInput(options: PerseusRadioWidgetOptions): PerseusRadioUserInput;
 declare const _default: {
     name: string;

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

@@ -78,7 +78,6 @@ declare class Radio extends RadioOld {
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -85,7 +85,6 @@ declare class Table extends React.Component<Props> implements Widget {
             canScrollPage?: boolean;
             editorChangeDelay?: number;
             flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "66.5.0",
+  "version": "67.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,36 +42,36 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.1.0",
-    "@khanacademy/keypad-context": "3.1.4",
-    "@khanacademy/kmath": "2.1.4",
-    "@khanacademy/math-input": "26.1.5",
-    "@khanacademy/perseus-core": "18.7.0",
-    "@khanacademy/perseus-linter": "4.2.4",
+    "@khanacademy/keypad-context": "3.2.0",
+    "@khanacademy/kmath": "2.2.0",
+    "@khanacademy/math-input": "26.2.0",
+    "@khanacademy/perseus-core": "18.9.0",
+    "@khanacademy/perseus-linter": "4.3.0",
+    "@khanacademy/perseus-score": "7.7.0",
     "@khanacademy/perseus-utils": "2.1.0",
     "@khanacademy/pure-markdown": "2.2.0",
-    "@khanacademy/perseus-score": "7.6.1",
     "@khanacademy/simple-markdown": "2.1.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-banner": "4.2.14",
-    "@khanacademy/wonder-blocks-button": "11.0.0",
-    "@khanacademy/wonder-blocks-clickable": "7.1.20",
-    "@khanacademy/wonder-blocks-core": "12.3.0",
-    "@khanacademy/wonder-blocks-data": "14.1.4",
-    "@khanacademy/wonder-blocks-dropdown": "10.3.2",
-    "@khanacademy/wonder-blocks-form": "7.3.2",
-    "@khanacademy/wonder-blocks-icon-button": "10.3.15",
-    "@khanacademy/wonder-blocks-icon": "5.2.14",
-    "@khanacademy/wonder-blocks-labeled-field": "4.0.0",
-    "@khanacademy/wonder-blocks-layout": "3.1.31",
-    "@khanacademy/wonder-blocks-link": "9.1.20",
-    "@khanacademy/wonder-blocks-pill": "3.1.35",
-    "@khanacademy/wonder-blocks-popover": "6.1.24",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.31",
-    "@khanacademy/wonder-blocks-switch": "3.3.13",
-    "@khanacademy/wonder-blocks-tokens": "12.0.2",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.38",
-    "@khanacademy/wonder-blocks-typography": "4.2.16",
+    "@khanacademy/wonder-blocks-banner": "4.3.2",
+    "@khanacademy/wonder-blocks-button": "11.0.3",
+    "@khanacademy/wonder-blocks-clickable": "7.1.23",
+    "@khanacademy/wonder-blocks-core": "12.4.0",
+    "@khanacademy/wonder-blocks-data": "14.1.5",
+    "@khanacademy/wonder-blocks-dropdown": "10.3.7",
+    "@khanacademy/wonder-blocks-form": "7.3.5",
+    "@khanacademy/wonder-blocks-icon-button": "10.4.0",
+    "@khanacademy/wonder-blocks-icon": "5.2.17",
+    "@khanacademy/wonder-blocks-labeled-field": "4.0.3",
+    "@khanacademy/wonder-blocks-layout": "3.1.34",
+    "@khanacademy/wonder-blocks-link": "9.2.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.38",
+    "@khanacademy/wonder-blocks-popover": "6.1.28",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.34",
+    "@khanacademy/wonder-blocks-switch": "3.3.16",
+    "@khanacademy/wonder-blocks-tokens": "12.2.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.42",
+    "@khanacademy/wonder-blocks-typography": "4.2.19",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
     "@popperjs/core": "2.10.2",
@@ -90,25 +90,25 @@
     "raphael": "1.5.4"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-blocks-banner": "^4.2.14",
-    "@khanacademy/wonder-blocks-button": "^11.0.0",
-    "@khanacademy/wonder-blocks-clickable": "^7.1.20",
-    "@khanacademy/wonder-blocks-core": "^12.3.0",
-    "@khanacademy/wonder-blocks-data": "^14.1.4",
-    "@khanacademy/wonder-blocks-dropdown": "^10.3.2",
-    "@khanacademy/wonder-blocks-form": "^7.3.2",
-    "@khanacademy/wonder-blocks-icon": "^5.2.14",
-    "@khanacademy/wonder-blocks-icon-button": "^10.3.15",
-    "@khanacademy/wonder-blocks-labeled-field": "^4.0.0",
-    "@khanacademy/wonder-blocks-layout": "^3.1.31",
-    "@khanacademy/wonder-blocks-link": "^9.1.20",
-    "@khanacademy/wonder-blocks-pill": "^3.1.35",
-    "@khanacademy/wonder-blocks-popover": "^6.1.24",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.31",
-    "@khanacademy/wonder-blocks-switch": "^3.3.13",
-    "@khanacademy/wonder-blocks-tokens": "^12.0.2",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.38",
-    "@khanacademy/wonder-blocks-typography": "^4.2.16",
+    "@khanacademy/wonder-blocks-banner": "^4.3.2",
+    "@khanacademy/wonder-blocks-button": "^11.0.3",
+    "@khanacademy/wonder-blocks-clickable": "^7.1.23",
+    "@khanacademy/wonder-blocks-core": "^12.4.0",
+    "@khanacademy/wonder-blocks-data": "^14.1.5",
+    "@khanacademy/wonder-blocks-dropdown": "^10.3.7",
+    "@khanacademy/wonder-blocks-form": "^7.3.5",
+    "@khanacademy/wonder-blocks-icon": "^5.2.17",
+    "@khanacademy/wonder-blocks-icon-button": "^10.4.0",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.0.3",
+    "@khanacademy/wonder-blocks-layout": "^3.1.34",
+    "@khanacademy/wonder-blocks-link": "^9.2.1",
+    "@khanacademy/wonder-blocks-pill": "^3.1.38",
+    "@khanacademy/wonder-blocks-popover": "^6.1.28",
+    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.34",
+    "@khanacademy/wonder-blocks-switch": "^3.3.16",
+    "@khanacademy/wonder-blocks-tokens": "^12.2.0",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.42",
+    "@khanacademy/wonder-blocks-typography": "^4.2.19",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",
     "@popperjs/core": "^2.10.2",