@khanacademy/perseus-editor 5.0.3 → 5.1.0

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

@@ -1,6 +1,6 @@
 import { SizingUtils } from "@khanacademy/perseus";
 import * as React from "react";
-import type { PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, APIOptionsWithDefaults } from "@khanacademy/perseus";
+import type { PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, APIOptionsWithDefaults, LockedFigure } from "@khanacademy/perseus";
 import type { PropsFor } from "@khanacademy/wonder-blocks-core";
 declare const InteractiveGraph: {
     new (props: (PerseusInteractiveGraphWidgetOptions & {
@@ -26,29 +26,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -107,29 +102,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -209,29 +199,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -291,29 +276,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -373,29 +353,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -435,10 +410,16 @@ declare const InteractiveGraph: {
         deprecatedProps: any;
         setGraphie: (arg1: any) => void;
         handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
-        resetGraphie: () => void;
+        resetGraphie: () => void; /**
+         * The range of the graph in the x and y directions.
+         */
         setupGraphie: () => void;
         showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
         hideHairlines: () => void;
+        /**
+         * How far apart the tick marks on the axes are in the x and y
+         * directions.
+         */
         setTrashCanVisibility: (arg1: number) => void;
         isClickToAddPoints: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
             widgetId: string;
@@ -463,29 +444,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -527,7 +503,9 @@ declare const InteractiveGraph: {
         arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
         areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
         _lineStroke: () => {
-            "stroke-width"?: number | undefined;
+            "stroke-width"?: number | undefined; /**
+             * The background image to display in the graph area and its properties.
+             */
         };
         addLine: (arg1: string) => void;
         removeLine: () => void;
@@ -546,6 +524,9 @@ declare const InteractiveGraph: {
         isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
         createPointForPointsType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
         removePoint: (arg1: import("@khanacademy/perseus").Coord) => number | null | undefined;
+        /**
+         * The label to display on the ruler, if any.
+         */
         createPointForPolygonType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
         updateCoordsFromPoints: () => void;
         clearCoords: () => void;
@@ -561,8 +542,12 @@ declare const InteractiveGraph: {
         removePolygonControls: () => void;
         addAngleControls: () => void;
         removeAngleControls: () => void;
-        toggleShowSides: () => void;
-        getUserInput: () => import("../../../perseus/src/perseus-types").PerseusGraphType;
+        toggleShowSides: () => void; /**
+         * The locked figures to display in the graph area.
+         * Locked figures are graph elements (points, lines, line segmeents,
+         * etc.) that are locked in place and not interactive.
+         */
+        getUserInput: () => import("@khanacademy/perseus").PerseusGraphType;
         simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
         focus: () => void;
         render(): React.ReactNode;
@@ -592,29 +577,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -679,29 +659,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -763,29 +738,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -846,29 +816,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -928,29 +893,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1010,29 +970,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1093,29 +1048,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -1195,29 +1145,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1277,29 +1222,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1359,29 +1299,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1421,10 +1356,16 @@ declare const InteractiveGraph: {
         deprecatedProps: any;
         setGraphie: (arg1: any) => void;
         handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
-        resetGraphie: () => void;
+        resetGraphie: () => void; /**
+         * The range of the graph in the x and y directions.
+         */
         setupGraphie: () => void;
         showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
         hideHairlines: () => void;
+        /**
+         * How far apart the tick marks on the axes are in the x and y
+         * directions.
+         */
         setTrashCanVisibility: (arg1: number) => void;
         isClickToAddPoints: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
             widgetId: string;
@@ -1449,29 +1390,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1513,7 +1449,9 @@ declare const InteractiveGraph: {
         arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
         areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
         _lineStroke: () => {
-            "stroke-width"?: number | undefined;
+            "stroke-width"?: number | undefined; /**
+             * The background image to display in the graph area and its properties.
+             */
         };
         addLine: (arg1: string) => void;
         removeLine: () => void;
@@ -1532,6 +1470,9 @@ declare const InteractiveGraph: {
         isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
         createPointForPointsType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
         removePoint: (arg1: import("@khanacademy/perseus").Coord) => number | null | undefined;
+        /**
+         * The label to display on the ruler, if any.
+         */
         createPointForPolygonType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
         updateCoordsFromPoints: () => void;
         clearCoords: () => void;
@@ -1547,8 +1488,12 @@ declare const InteractiveGraph: {
         removePolygonControls: () => void;
         addAngleControls: () => void;
         removeAngleControls: () => void;
-        toggleShowSides: () => void;
-        getUserInput: () => import("../../../perseus/src/perseus-types").PerseusGraphType;
+        toggleShowSides: () => void; /**
+         * The locked figures to display in the graph area.
+         * Locked figures are graph elements (points, lines, line segmeents,
+         * etc.) that are locked in place and not interactive.
+         */
+        getUserInput: () => import("@khanacademy/perseus").PerseusGraphType;
         simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
         focus: () => void;
         render(): React.ReactNode;
@@ -1578,29 +1523,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1665,29 +1605,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1749,29 +1684,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1832,29 +1762,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1914,29 +1839,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -1996,29 +1916,24 @@ declare const InteractiveGraph: {
                 baseElements?: {
                     Link: React.ComponentType<any>;
                 } | undefined;
-                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+                imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+                 * Whether to show the ruler on the graph.
+                 */
                 trackInteraction?: ((args: {
                     type: string;
                     id: string;
                     correct?: boolean | undefined;
                 } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-                customKeypad?: boolean | undefined;
+                customKeypad?: boolean | undefined; /**
+                 * Whether to show tooltips on the graph.
+                 * (Currently not used, but will be in the future.)
+                 */
                 nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
                 isMobile?: boolean | undefined;
-                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-                 * The number of ticks to display on the ruler.
-                 */
+                setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
                 useDraftEditor?: boolean | undefined;
                 hintProgressColor?: string | undefined;
-                canScrollPage?: boolean | undefined; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                canScrollPage?: boolean | undefined;
                 inModal?: boolean | undefined;
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
@@ -2067,11 +1982,11 @@ declare const InteractiveGraph: {
         showRuler: boolean;
         rulerLabel: string;
         rulerTicks: number;
-        graph: import("../../../perseus/src/perseus-types").PerseusGraphType;
+        graph: import("@khanacademy/perseus").PerseusGraphType;
     };
     getQuadraticCoefficients(coords: readonly import("@khanacademy/perseus").Coord[]): import("../../../perseus/src/util/geometry").QuadraticCoefficient;
     getSinusoidCoefficients(coords: readonly import("@khanacademy/perseus").Coord[]): import("../../../perseus/src/util/geometry").SineCoefficient;
-    getLineCoords(graph: import("../../../perseus/src/perseus-types").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
+    getLineCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
         widgetId: string;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
@@ -2094,29 +2009,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2176,29 +2086,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2235,7 +2140,7 @@ declare const InteractiveGraph: {
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: SizingUtils.SizeClass;
     }): readonly import("@khanacademy/perseus").Coord[];
-    getLinearSystemCoords(graph: import("../../../perseus/src/perseus-types").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
+    getLinearSystemCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
         widgetId: string;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
@@ -2258,29 +2163,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2317,7 +2217,7 @@ declare const InteractiveGraph: {
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: SizingUtils.SizeClass;
     }): readonly (readonly import("@khanacademy/perseus").Coord[])[];
-    getPolygonCoords(graph: import("../../../perseus/src/perseus-types").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
+    getPolygonCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
         widgetId: string;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
@@ -2340,29 +2240,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2422,29 +2317,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2504,29 +2394,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2587,29 +2472,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2669,29 +2549,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2751,29 +2626,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2833,29 +2703,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2915,29 +2780,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -2997,29 +2857,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3079,29 +2934,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3161,29 +3011,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3243,29 +3088,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3325,29 +3165,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3407,29 +3242,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3489,29 +3319,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3571,29 +3396,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3653,29 +3473,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3735,29 +3550,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3817,29 +3627,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3876,7 +3681,7 @@ declare const InteractiveGraph: {
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: SizingUtils.SizeClass;
     }): string;
-    validate(state: import("../../../perseus/src/perseus-types").PerseusGraphType, rubric: PerseusInteractiveGraphWidgetOptions, component: any): import("@khanacademy/perseus").PerseusScore;
+    validate(state: import("@khanacademy/perseus").PerseusGraphType, rubric: PerseusInteractiveGraphWidgetOptions, component: any): import("@khanacademy/perseus").PerseusScore;
     getUserInputFromProps(props: PerseusInteractiveGraphWidgetOptions & {
         widgetId: string;
         alignment: string | null | undefined;
@@ -3900,29 +3705,24 @@ declare const InteractiveGraph: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             } | undefined;
-            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined;
+            imagePreloader?: ((dimensions: import("../../../perseus/src/types").Dimensions) => React.ReactNode) | undefined; /**
+             * Whether to show the ruler on the graph.
+             */
             trackInteraction?: ((args: {
                 type: string;
                 id: string;
                 correct?: boolean | undefined;
             } & Partial<import("../../../perseus/src/types").TrackingGradedGroupExtraArguments> & Partial<import("../../../perseus/src/types").TrackingSequenceExtraArguments>) => void) | undefined;
-            customKeypad?: boolean | undefined;
+            customKeypad?: boolean | undefined; /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
-            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined; /**
-             * The number of ticks to display on the ruler.
-             */
+            setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
             useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
-            canScrollPage?: boolean | undefined; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            canScrollPage?: boolean | undefined;
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
@@ -3958,12 +3758,12 @@ declare const InteractiveGraph: {
         isLastUsedWidget: boolean;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: SizingUtils.SizeClass;
-    }): import("../../../perseus/src/perseus-types").PerseusGraphType;
+    }): import("@khanacademy/perseus").PerseusGraphType;
     contextType?: React.Context<any> | undefined;
 };
 type InteractiveGraphProps = PropsFor<typeof InteractiveGraph>;
 type Range = [min: number, max: number];
-type Props = {
+export type Props = {
     apiOptions: APIOptionsWithDefaults;
     /**
      * The labels for the x and y axes.
@@ -4037,6 +3837,12 @@ type Props = {
      * editor page.
      */
     correct: any;
+    /**
+     * The locked figures to display in the graph area.
+     * Locked figures are graph elements (points, lines, line segmeents,
+     * etc.) that are locked in place and not interactive.
+     */
+    lockedFigures?: Array<LockedFigure>;
     /**
      * The graph to display in the graph area.
      */