@khanacademy/perseus 77.3.1 → 77.4.0

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

@@ -18,6 +18,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -51,7 +52,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -8,6 +8,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
     widgetIndex: number;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
+    graded?: boolean | null;
     problemNum: number | null | undefined;
     apiOptions: Readonly<Readonly<{
         isArticle?: boolean;
@@ -41,7 +42,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -87,6 +88,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -120,7 +122,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -10,6 +10,14 @@ export declare const getLabelTransform: (labelLocation: GraphConfig["labelLocati
     yLabelTransform: string;
 };
 export declare const getLabelPosition: (graphInfo: GraphDimensions, labelLocation: GraphConfig["labelLocation"], tickStep: GraphConfig["tickStep"]) => vec.Vector2[];
+/**
+ * Calculate the bottom margin needed for the graph container to prevent the
+ * x-axis label from overlapping with content below the graph.
+ *
+ * When the y-range starts at or above 0, the x-axis label can extend below
+ * the graph content area. This function calculates the extra margin needed.
+ */
+export declare const getGraphBottomMargin: (xAxisLabelLocationY: number, graphHeight: number, hasXAxisLabel: boolean, showsAxisLabels: boolean) => number;
 export declare const shouldShowLabel: (currentTick: number, range: [Interval, Interval], tickStep: number) => boolean;
 export declare function generateTickLocations(tickStep: number, min: number, max: number, otherAxisMin: number): number[];
 export declare const countSignificantDecimals: (number: number) => number;

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

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

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

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

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

@@ -53,11 +53,19 @@ export declare function getAsymptoteGraphKeyboardConstraint(coords: ReadonlyArra
     right: vec.Vector2;
 };
 /**
- * Shared keyboard constraint for asymptote movement (exponential, logarithm).
- * When the next snapped position would land between or on the curve points,
- * snaps past all of them in the direction of travel using a midpoint heuristic.
- *
- * @param orientation - "horizontal" for exponential (asymptote moves on Y-axis),
- *   "vertical" for logarithm (asymptote moves on X-axis).
+ * Position of the asymptote's drag handle in graph-space. For a horizontal
+ * asymptote (exponential), this sits at the midpoint of the x-range on
+ * the asymptote's y-value. For a vertical asymptote (logarithm), it sits
+ * on the asymptote's x-value at the midpoint of the y-range.
+ */
+export declare function getAsymptoteHandleCoord(orientation: "horizontal" | "vertical", range: [Interval, Interval], asymptote: number): vec.Vector2;
+/**
+ * Keyboard snap + skip for the asymptote drag handle. `useDraggable`'s
+ * function-form constraint expects the returned point to be snap-aligned;
+ * it searches along the direction of travel until the returned point is
+ * far enough from the current asymptote to register as a move. After
+ * snapping, if the proposed position would put the handle on one of the
+ * curve points, we step further in the direction of travel until we find
+ * a valid position (up to 3 attempts).
  */
-export declare function constrainAsymptoteKeyboardMovement(p: vec.Vector2, coords: ReadonlyArray<Coord>, snapStep: vec.Vector2, orientation: "horizontal" | "vertical"): vec.Vector2;
+export declare function skipAsymptoteKeyboardOverPoint(proposed: vec.Vector2, currentAsymptote: number, coords: ReadonlyArray<Coord>, handleCoord: vec.Vector2, snapStep: vec.Vector2, orientation: "horizontal" | "vertical"): vec.Vector2;

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { PerseusI18nContext } from "../../components/i18n-context";
 import type { StatefulMafsGraphType } from "./stateful-mafs-graph";
 import type { QuadraticGraphState } from "./types";
 import type { Coord } from "../../interactive2/types";
@@ -125,6 +126,8 @@ type DefaultProps = {
 };
 type State = any;
 declare class InteractiveGraph extends React.Component<Props, State> {
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
+    context: React.ContextType<typeof PerseusI18nContext>;
     mafsRef: React.RefObject<StatefulMafsGraphType>;
     static defaultProps: DefaultProps;
     getUserInput(): PerseusInteractiveGraphUserInput;
@@ -158,12 +161,11 @@ declare class InteractiveGraph extends React.Component<Props, State> {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement? /**
-             * Whether to show the arrows on the axis.
-             */: HTMLElement) => unknown;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
             showAlignmentOptions?: boolean;
             readOnly?: boolean;
             editingDisabled?: boolean;
@@ -193,7 +195,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -290,5 +292,6 @@ declare const _default: {
     getStartUserInput: typeof getStartUserInput;
     getCorrectUserInput: typeof getCorrectUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
+    supportsUngraded: true;
 };
 export default _default;

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

@@ -27,6 +27,7 @@ export type StatefulMafsGraphProps = {
     static: InteractiveGraphProps["static"];
     showAxisArrows: InteractiveGraphProps["showAxisArrows"];
     widgetId: string;
+    graded?: boolean | null;
 };
 export type StatefulMafsGraphType = {
     getUserInput: () => PerseusInteractiveGraphUserInput;

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

@@ -117,6 +117,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -150,7 +151,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -41,6 +41,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
         widgetId: string;
         widgetIndex: number;
         alignment: string | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -74,7 +75,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -48,6 +48,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
         widgetId: string;
         widgetIndex: number;
         alignment: string | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -81,7 +82,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -11,6 +11,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     widgetIndex: number;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
+    graded?: boolean | null;
     problemNum: number | null | undefined;
     apiOptions: Readonly<Readonly<{
         isArticle?: boolean;
@@ -44,7 +45,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -103,7 +104,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -49,6 +49,7 @@ declare class Table extends React.Component<Props> implements Widget {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -82,7 +83,7 @@ declare class Table extends React.Component<Props> implements Widget {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets.d.ts

@@ -43,6 +43,11 @@ export declare const getAllWidgetTypes: () => ReadonlyArray<string>;
  * getCorrectUserInput function.
  */
 export declare const supportsStaticMode: (type: string) => boolean | undefined;
+/**
+ * Returns true if the widget supports the "Graded" toggle in the editor.
+ * A widget opts in by setting supportsUngraded: true in its export object.
+ */
+export declare const supportsUngraded: (type: string) => boolean;
 /**
  * Returns the tracking option for the widget. The default is "",
  * which means simply to track interactions once. The other available

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.3.1",
+  "version": "77.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,12 +43,12 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.2",
-    "@khanacademy/keypad-context": "3.2.44",
-    "@khanacademy/kmath": "2.4.2",
-    "@khanacademy/math-input": "26.4.16",
-    "@khanacademy/perseus-core": "25.0.0",
-    "@khanacademy/perseus-linter": "4.9.5",
-    "@khanacademy/perseus-score": "8.7.0",
+    "@khanacademy/keypad-context": "3.2.46",
+    "@khanacademy/kmath": "2.4.4",
+    "@khanacademy/math-input": "26.4.18",
+    "@khanacademy/perseus-core": "26.0.1",
+    "@khanacademy/perseus-linter": "5.0.1",
+    "@khanacademy/perseus-score": "8.8.0",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.2.7",
     "@khanacademy/simple-markdown": "2.2.2"

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

@@ -1,196 +0,0 @@
-import { vec } from "mafs";
-import type { SnapTo } from "./types";
-import type { Coord } from "../../interactive2/types";
-import type { AxisLabelLocation, CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedLineStyle, MarkingsType, PerseusRenderer, StrokeWeight } from "@khanacademy/perseus-core";
-export type LockedFunctionOptions = {
-    color?: LockedFigureColor;
-    strokeStyle?: LockedLineStyle;
-    weight?: StrokeWeight;
-    directionalAxis?: "x" | "y";
-    domain?: [min: number, max: number];
-    labels?: LockedFigureLabelOptions[];
-    ariaLabel?: string;
-};
-type LockedFigureLabelOptions = {
-    text: string;
-    coord?: Coord;
-    size?: "small" | "medium" | "large";
-};
-export declare function interactiveGraphQuestionBuilder(): InteractiveGraphQuestionBuilder;
-declare class InteractiveGraphQuestionBuilder {
-    private content;
-    private fullGraphAriaLabel?;
-    private fullGraphAriaDescription?;
-    private backgroundImage?;
-    private gridStep;
-    private labels;
-    private labelLocation;
-    private markings;
-    private xRange;
-    private yRange;
-    private showAxisArrows;
-    private snapStep;
-    private tickStep;
-    private showProtractor;
-    private showTooltips;
-    private interactiveFigureConfig;
-    private lockedFigures;
-    private snapTo;
-    private staticMode;
-    build(): PerseusRenderer;
-    withContent(content: string): InteractiveGraphQuestionBuilder;
-    withFullGraphAriaLabel(label: string): InteractiveGraphQuestionBuilder;
-    withFullGraphAriaDescription(description: string): InteractiveGraphQuestionBuilder;
-    withTooltips(showTooltips: boolean): InteractiveGraphQuestionBuilder;
-    withStaticMode(staticMode: boolean): InteractiveGraphQuestionBuilder;
-    withBackgroundImage(url: string, height: number, width: number, options?: {
-        scale?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-        top?: number;
-    }): InteractiveGraphQuestionBuilder;
-    withGridStep(x: number, y: number): InteractiveGraphQuestionBuilder;
-    withAxisLabels(x: string, y: string): InteractiveGraphQuestionBuilder;
-    withLabelLocation(labelLocation: AxisLabelLocation): InteractiveGraphQuestionBuilder;
-    withMarkings(markings: MarkingsType): InteractiveGraphQuestionBuilder;
-    withXRange(min: number, max: number): InteractiveGraphQuestionBuilder;
-    withYRange(min: number, max: number): InteractiveGraphQuestionBuilder;
-    withShowAxisArrows({ xMin, xMax, yMin, yMax, }: {
-        xMin?: boolean;
-        xMax?: boolean;
-        yMin?: boolean;
-        yMax?: boolean;
-    }): InteractiveGraphQuestionBuilder;
-    withSnapStep(x: number, y: number): InteractiveGraphQuestionBuilder;
-    withTickStep(x: number, y: number): InteractiveGraphQuestionBuilder;
-    withProtractor(): InteractiveGraphQuestionBuilder;
-    withSegments(options?: {
-        numSegments?: number;
-        startCoords?: CollinearTuple[];
-        coords?: CollinearTuple[];
-    }): InteractiveGraphQuestionBuilder;
-    withNoInteractiveFigure(): this;
-    withLinear(options?: {
-        coords?: CollinearTuple;
-        startCoords?: CollinearTuple;
-    }): InteractiveGraphQuestionBuilder;
-    withLinearSystem(options?: {
-        coords?: CollinearTuple[];
-        startCoords?: CollinearTuple[];
-    }): InteractiveGraphQuestionBuilder;
-    withRay(options?: {
-        coords?: CollinearTuple;
-        startCoords?: CollinearTuple;
-    }): InteractiveGraphQuestionBuilder;
-    withVector(options?: {
-        coords?: CollinearTuple;
-        startCoords?: CollinearTuple;
-    }): InteractiveGraphQuestionBuilder;
-    withCircle(options?: {
-        center?: Coord;
-        radius?: number;
-        startCoords?: {
-            center: Coord;
-            radius: number;
-        };
-    }): InteractiveGraphQuestionBuilder;
-    withQuadratic(options?: {
-        coords?: [Coord, Coord, Coord];
-        startCoords?: [Coord, Coord, Coord];
-    }): InteractiveGraphQuestionBuilder;
-    withSinusoid(options?: {
-        coords?: [Coord, Coord];
-        startCoords?: [Coord, Coord];
-    }): InteractiveGraphQuestionBuilder;
-    withExponential(options?: {
-        coords?: [Coord, Coord];
-        asymptote?: number;
-        startCoords?: [Coord, Coord];
-        startAsymptote?: number;
-    }): InteractiveGraphQuestionBuilder;
-    withTangent(options?: {
-        coords?: [Coord, Coord];
-        startCoords?: [Coord, Coord];
-    }): InteractiveGraphQuestionBuilder;
-    withPolygon(snapTo?: SnapTo, options?: {
-        match?: "similar" | "congruent" | "approx";
-        numSides?: number | "unlimited";
-        showAngles?: boolean;
-        showSides?: boolean;
-        coords?: Coord[];
-        startCoords?: Coord[];
-    }): InteractiveGraphQuestionBuilder;
-    withPoints(numPoints: number | "unlimited", options?: {
-        coords?: Coord[];
-        startCoords?: Coord[];
-    }): InteractiveGraphQuestionBuilder;
-    withAngle(options?: {
-        coords?: [Coord, Coord, Coord];
-        startCoords?: [Coord, Coord, Coord];
-        showAngles?: boolean;
-        allowReflexAngles?: boolean;
-        angleOffsetDeg?: number;
-        snapDegrees?: number;
-        match?: "congruent";
-    }): InteractiveGraphQuestionBuilder;
-    withLogarithm(options?: {
-        coords?: [Coord, Coord];
-        asymptote?: number;
-        startCoords?: [Coord, Coord];
-        startAsymptote?: number;
-    }): InteractiveGraphQuestionBuilder;
-    withAbsoluteValue(options?: {
-        coords?: [Coord, Coord];
-        startCoords?: [Coord, Coord];
-    }): InteractiveGraphQuestionBuilder;
-    addLockedPointAt(x: number, y: number, options?: {
-        color?: LockedFigureColor;
-        filled?: boolean;
-        labels?: LockedFigureLabelOptions[];
-        ariaLabel?: string;
-    }): InteractiveGraphQuestionBuilder;
-    addLockedLine(point1: vec.Vector2, point2: vec.Vector2, options?: {
-        kind?: "line" | "ray" | "segment";
-        lineStyle?: LockedLineStyle;
-        color?: LockedFigureColor;
-        filled?: [boolean, boolean];
-        showPoint1?: boolean;
-        showPoint2?: boolean;
-        weight?: StrokeWeight;
-        labels?: LockedFigureLabelOptions[];
-        ariaLabel?: string;
-    }): InteractiveGraphQuestionBuilder;
-    addLockedVector(tail: vec.Vector2, tip: vec.Vector2, options?: {
-        color?: LockedFigureColor;
-        labels?: LockedFigureLabelOptions[];
-        weight?: StrokeWeight;
-        ariaLabel?: string;
-    }): InteractiveGraphQuestionBuilder;
-    addLockedEllipse(center: vec.Vector2, radius: [x: number, y: number], options?: {
-        angle?: number;
-        color?: LockedFigureColor;
-        fillStyle?: LockedFigureFillType;
-        strokeStyle?: "solid" | "dashed";
-        weight?: StrokeWeight;
-        labels?: LockedFigureLabelOptions[];
-        ariaLabel?: string;
-    }): InteractiveGraphQuestionBuilder;
-    addLockedPolygon(points: vec.Vector2[], options?: {
-        color?: LockedFigureColor;
-        showVertices?: boolean;
-        fillStyle?: LockedFigureFillType;
-        strokeStyle?: LockedLineStyle;
-        weight?: StrokeWeight;
-        labels?: LockedFigureLabelOptions[];
-        ariaLabel?: string;
-    }): InteractiveGraphQuestionBuilder;
-    addLockedFunction(equation: string, options?: LockedFunctionOptions): this;
-    addLockedLabel(text: string, coord: Coord, options?: {
-        color?: LockedFigureColor;
-        size?: "small" | "medium" | "large";
-    }): this;
-    private createLockedPoint;
-    private addLockedFigure;
-}
-export {};