@khanacademy/perseus 79.1.2 → 80.0.0

package/dist/util/css-zoom-utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Gets the effective CSS zoom factor applied to an element or any of its ancestors.
+ * This is used to compensate for the mobile font scaling zoom applied to the body
+ * or exercise content via the fontScale query parameter.
+ *
+ * On mobile, the parent application may apply CSS zoom to accommodate device font
+ * size settings. This zoom affects coordinate calculations for click/touch events,
+ * as both clientX/clientY and getBoundingClientRect() return zoomed values, but
+ * the SVG coordinate system expects unzoomed pixel values. It also shrinks the
+ * widths reported by offsetWidth for viewport-constrained containers, which
+ * fit-to-width logic (e.g. Zoomable) must account for.
+ *
+ * Note: We calculate the cumulative zoom by traversing the DOM tree rather than
+ * targeting specific elements to avoid coupling Perseus to parent application
+ * implementation details (e.g., specific class names or DOM hierarchy).
+ *
+ * @param element - The DOM element to check for CSS zoom
+ * @returns The cumulative zoom factor (e.g., 1.5 for 150% zoom, 1.0 for no zoom)
+ */
+export declare function getCSSZoomFactor(element: Element): number;

package/dist/widgets/image/components/image-info-area.d.ts

@@ -18,6 +18,7 @@ export interface CommonImageProps {
     range: [Interval, Interval];
     linterContext: LinterContextProps;
     apiOptions: APIOptions;
+    widgetId: string;
 }
 type Props = GifProps & CommonImageProps & {
     isAnimatedGif: boolean;

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { GraphRange, MarkingsType } from "@khanacademy/perseus-core";
+interface Props {
+    range: GraphRange;
+    width: number;
+    height: number;
+    markings: MarkingsType;
+}
+/**
+ * Draws a 1px border at the exact graph bounds to match the design.
+ *
+ * A dedicated rect is needed because the old frame (the outermost grid line)
+ * is clipped to the bounds, losing the outer half of its stroke (~0.5px). Kept
+ * on top of the grid so the full stroke renders crisply.
+ */
+export declare const GraphBorder: ({ range, width, height, markings }: Props) => React.JSX.Element | null;
+export {};

package/dist/widgets/interactive-graphs/graphs/absolute-value.d.ts

@@ -3,16 +3,6 @@ import { type I18nContextType } from "../../../components/i18n-context";
 import type { AbsoluteValueGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 import type { Coord } from "@khanacademy/perseus-core";
 export declare function renderAbsoluteValueGraph(state: AbsoluteValueGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export type AbsoluteValueCoefficients = {
-    m: number;
-    h: number;
-    v: number;
-};
-/**
- * Compute the coefficients [m, h, v] for f(x) = m * |x - h| + v from two
- * control points: p1 (vertex) and p2 (a point on one arm).
- */
-export declare function getAbsoluteValueCoefficients(coords: ReadonlyArray<Coord>): AbsoluteValueCoefficients;
 /**
  * Keyboard constraint for absolute value control points.
  * Skips any horizontal position where both points would share the same x.

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

@@ -11,5 +11,4 @@ export declare const getCircleKeyboardConstraint: (center: vec.Vector2, radiusPo
     left: vec.Vector2;
     right: vec.Vector2;
 };
-export declare function describeCircleGraph(state: CircleGraphState, i18n: I18nContextType): Record<string, string>;
 export {};

package/dist/widgets/interactive-graphs/graphs/linear-system.d.ts

@@ -1,4 +1,3 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { LinearSystemGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 export declare function renderLinearSystemGraph(state: LinearSystemGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare function getLinearSystemGraphDescription(state: LinearSystemGraphState, i18n: I18nContextType): string;

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

@@ -1,4 +1,3 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { LinearGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 export declare function renderLinearGraph(state: LinearGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare function describeLinearGraph(state: LinearGraphState, i18n: I18nContextType): Record<string, string>;

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

@@ -1,8 +1,3 @@
 import type { I18nContextType } from "../../../components/i18n-context";
-import type { PerseusStrings } from "../../../strings";
 import type { PointGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 export declare function renderPointGraph(state: PointGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare function getPointGraphDescription(state: PointGraphState, i18n: {
-    strings: PerseusStrings;
-    locale: string;
-}): string;

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

@@ -2,22 +2,10 @@ import { vec } from "mafs";
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { Coord } from "../../../interactive2/types";
 import type { QuadraticGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-import type { QuadraticCoefficient, QuadraticCoords } from "@khanacademy/kmath";
 export declare function renderQuadraticGraph(state: QuadraticGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare const getQuadraticCoefficients: (coords: QuadraticCoords) => QuadraticCoefficient | undefined;
-type QuadraticGraphDescriptionStrings = {
-    srQuadraticGraph: string;
-    srQuadraticDirection?: string;
-    srQuadraticVertex?: string;
-    srQuadraticXIntercepts?: string;
-    srQuadraticYIntercept: string;
-    srQuadraticInteractiveElements: string;
-};
-export declare function describeQuadraticGraph(state: QuadraticGraphState, i18n: I18nContextType): QuadraticGraphDescriptionStrings;
 export declare const getQuadraticKeyboardConstraint: (coords: ReadonlyArray<Coord>, snapStep: vec.Vector2, pointMoved: number) => {
     up: vec.Vector2;
     down: vec.Vector2;
     left: vec.Vector2;
     right: vec.Vector2;
 };
-export {};

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

@@ -1,4 +1,3 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { Dispatch, InteractiveGraphElementSuite, RayGraphState } from "../types";
 export declare function renderRayGraph(state: RayGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare function describeRayGraph(state: RayGraphState, i18n: I18nContextType): Record<string, string>;

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

@@ -1,4 +1,3 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { Dispatch, InteractiveGraphElementSuite, SegmentGraphState } from "../types";
 export declare function renderSegmentGraph(state: SegmentGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
-export declare function getSegmentGraphDescription(state: SegmentGraphState, i18n: I18nContextType): string;

package/dist/widgets/interactive-graphs/graphs/strings/absolute-value.d.ts

@@ -0,0 +1,19 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { AbsoluteValueGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srAbsoluteValuePointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    slope: number;
+}, strings: PerseusStrings, locale: string): string;
+type AbsoluteValueGraphDescriptionStrings = {
+    srAbsoluteValueGraph: string;
+    srAbsoluteValueVertexPoint: string;
+    srAbsoluteValueSecondPoint: string;
+    srAbsoluteValueDescription: string;
+    srAbsoluteValueSlope: string;
+};
+export declare function describeAbsoluteValueGraph(state: AbsoluteValueGraphState, i18n: I18nContextType): AbsoluteValueGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/angle.d.ts

@@ -0,0 +1,19 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { AngleGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srAnglePointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    angleMeasure: number;
+}, strings: PerseusStrings, locale: string): string;
+type AngleGraphDescriptionStrings = {
+    srAngleGraphAriaLabel: string;
+    srAngleGraphAriaDescription: string;
+    srAngleStartingSide: string;
+    srAngleEndingSide: string;
+    srAngleVertex: string;
+};
+export declare function describeAngleGraph(state: AngleGraphState, i18n: I18nContextType): AngleGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/announcement.d.ts

@@ -0,0 +1,3 @@
+import type { InteractiveGraphStateAnnouncement } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function getAnnouncementText(state: InteractiveGraphStateAnnouncement, strings: PerseusStrings, locale: string): string;

package/dist/widgets/interactive-graphs/graphs/strings/circle.d.ts

@@ -0,0 +1,15 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { CircleGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srCircleRadiusPointLabel(x: number, y: number, centerX: number, strings: PerseusStrings, locale: string): string;
+export declare function srCircleCenterLabel(x: number, y: number, strings: PerseusStrings, locale: string): string;
+type CircleGraphDescriptionStrings = {
+    srCircleGraph: string;
+    srCircleShape: string;
+    srCircleRadiusPoint: string;
+    srCircleRadius: string;
+    srCircleOuterPoints: string;
+    srCircleInteractiveElement: string;
+};
+export declare function describeCircleGraph(state: CircleGraphState, i18n: I18nContextType): CircleGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/coord-quadrant.d.ts

@@ -0,0 +1,7 @@
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+import type { Coord } from "@khanacademy/perseus-core";
+type GraphLocations = "origin" | "x-axis" | "y-axis" | 1 | 2 | 3 | 4;
+export declare function getCoordQuadrant(coord: Coord): GraphLocations;
+export declare function getQuadraticVertexString(vertex: Coord, strings: PerseusStrings): string;
+export declare function getQuadraticPointString(pointNumber: any, coord: Coord, strings: PerseusStrings, locale: string): string;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/custom-point-label.d.ts

@@ -0,0 +1,22 @@
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+/**
+ * Resolves the x/y formatting and the "custom author label overrides the
+ * semantic label" fallback shared by every live point builder and by
+ * build-point-aria-label.
+ *
+ * Returns the locale-formatted `x`/`y` strings, plus a `customLabel`: the
+ * `srPointAtCoordinates` string when the author set a custom (string) label,
+ * otherwise `undefined` so the caller applies its own semantic label.
+ *
+ * TODO(LEMS-4206): Once we update the translation keys to allow custom labels
+ * we can remove the customLabel fallback in favor of the per-graph logic.
+ */
+export declare function withCustomPointLabel(state: {
+    pointLabel: string | number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): {
+    x: string;
+    y: string;
+    customLabel: string | undefined;
+};

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

@@ -0,0 +1,20 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { ExponentialGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srExponentialPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    hasCurve: boolean;
+}, strings: PerseusStrings, locale: string): string;
+type ExponentialGraphDescriptionStrings = {
+    srExponentialGraph: string;
+    srExponentialDescription: string;
+    srExponentialAsymptote: string;
+    srExponentialPoint1: string;
+    srExponentialPoint2: string;
+    srExponentialInteractiveElements: string;
+};
+export declare function describeExponentialGraph(state: ExponentialGraphState, i18n: I18nContextType): ExponentialGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/format-number.d.ts

@@ -0,0 +1,2 @@
+export declare function srFormatNumber(a: number, locale: string, maximumFractionDigits?: number): string;
+export declare function getPiMultiple(a: number): string | null;

package/dist/widgets/interactive-graphs/graphs/strings/linear-system.d.ts

@@ -0,0 +1,11 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { LinearSystemGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srLinearSystemPointLabel(state: {
+    lineIndex: number;
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): string;
+export declare function describeLinearSystemGraph(state: LinearSystemGraphState, i18n: I18nContextType): string;

package/dist/widgets/interactive-graphs/graphs/strings/linear.d.ts

@@ -0,0 +1,12 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { LinearGraphState } from "../../types";
+type LinearGraphDescriptionStrings = {
+    srLinearGraph: string;
+    srLinearGraphPoints: string;
+    srLinearGrabHandle: string;
+    slopeString: string;
+    interceptString: string;
+    srLinearInteractiveElement: string;
+};
+export declare function describeLinearGraph(state: LinearGraphState, i18n: I18nContextType): LinearGraphDescriptionStrings;
+export {};

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

@@ -0,0 +1,20 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { LogarithmGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srLogarithmPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    hasCurve: boolean;
+}, strings: PerseusStrings, locale: string): string;
+type LogarithmGraphDescriptionStrings = {
+    srLogarithmGraph: string;
+    srLogarithmDescription: string;
+    srLogarithmAsymptote: string;
+    srLogarithmPoint1: string;
+    srLogarithmPoint2: string;
+    srLogarithmInteractiveElements: string;
+};
+export declare function describeLogarithmGraph(state: LogarithmGraphState, i18n: I18nContextType): LogarithmGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/point.d.ts

@@ -0,0 +1,6 @@
+import type { PointGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function describePointGraph(state: PointGraphState, i18n: {
+    strings: PerseusStrings;
+    locale: string;
+}): string;

package/dist/widgets/interactive-graphs/graphs/strings/polygon.d.ts

@@ -0,0 +1,13 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { InteractiveGraphProps, PolygonGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srPolygonLabel(coords: ReadonlyArray<readonly [number, number]>, pointLabels: ReadonlyArray<string> | undefined, strings: PerseusStrings, locale: string): string;
+type PolygonGraphDescriptionStrings = {
+    srPolygonGraph: string;
+    srPolygonGraphPointsNum: string;
+    srPolygonGraphPoints?: string;
+    srPolygonElementsNum: string;
+    srPolygonInteractiveElements: string | null;
+};
+export declare function describePolygonGraph(state: PolygonGraphState, i18n: I18nContextType, markings: InteractiveGraphProps["markings"]): PolygonGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/quadratic.d.ts

@@ -0,0 +1,21 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { QuadraticGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+import type { Coord } from "@khanacademy/perseus-core";
+export declare function srQuadraticPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    vertex?: Coord;
+}, strings: PerseusStrings, locale: string): string;
+type QuadraticGraphDescriptionStrings = {
+    srQuadraticGraph: string;
+    srQuadraticDirection?: string;
+    srQuadraticVertex?: string;
+    srQuadraticXIntercepts?: string;
+    srQuadraticYIntercept: string;
+    srQuadraticInteractiveElements: string;
+};
+export declare function describeQuadraticGraph(state: QuadraticGraphState, i18n: I18nContextType): QuadraticGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/ray.d.ts

@@ -0,0 +1,19 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { RayGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srRayPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): string;
+type RayGraphDescriptionStrings = {
+    srRayGraph: string;
+    srRayPoints: string;
+    srRayEndpoint: string;
+    srRayTerminalPoint: string;
+    srRayGrabHandle: string;
+    srRayInteractiveElement: string;
+};
+export declare function describeRayGraph(state: RayGraphState, i18n: I18nContextType): RayGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/segment.d.ts

@@ -0,0 +1,12 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { SegmentGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srSegmentPointLabel(state: {
+    segmentIndex: number;
+    pointIndex: number;
+    pointLabel: string | number;
+    totalSegments: number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): string;
+export declare function describeSegmentGraph(state: SegmentGraphState, i18n: I18nContextType): string;

package/dist/widgets/interactive-graphs/graphs/strings/sinusoid.d.ts

@@ -0,0 +1,19 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { SinusoidGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srSinusoidPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    otherY: number;
+}, strings: PerseusStrings, locale: string): string;
+type SinusoidGraphDescriptionStrings = {
+    srSinusoidGraph: string;
+    srSinusoidDescription: string;
+    srSinusoidRootPoint: string;
+    srSinusoidPeakPoint: string;
+    srSinusoidInteractiveElements: string;
+};
+export declare function describeSinusoidGraph(state: SinusoidGraphState, i18n: I18nContextType): SinusoidGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/tangent.d.ts

@@ -0,0 +1,18 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { TangentGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srTangentPointLabel(state: {
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): string;
+type TangentGraphDescriptionStrings = {
+    srTangentGraph: string;
+    srTangentDescription: string;
+    srTangentInflectionPoint: string;
+    srTangentSecondPoint: string;
+    srTangentInteractiveElements: string;
+};
+export declare function describeTangentGraph(state: TangentGraphState, i18n: I18nContextType): TangentGraphDescriptionStrings;
+export {};

package/dist/widgets/interactive-graphs/graphs/strings/vector.d.ts

@@ -0,0 +1,18 @@
+import type { I18nContextType } from "../../../../components/i18n-context";
+import type { VectorGraphState } from "../../types";
+import type { PerseusStrings } from "@khanacademy/perseus/strings";
+export declare function srVectorPointLabel(state: {
+    pointIndex: number;
+    x: number;
+    y: number;
+}, strings: PerseusStrings, locale: string): string;
+type VectorGraphDescriptionStrings = {
+    srVectorGraph: string;
+    srVectorPoints: string;
+    srVectorDescription: string;
+    srVectorHeadPoint: string;
+    srVectorGrabHandle: string;
+    srVectorInteractiveElement: string;
+};
+export declare function describeVectorGraph(state: VectorGraphState, i18n: I18nContextType): VectorGraphDescriptionStrings;
+export {};

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

@@ -1,7 +1,7 @@
 import { vec } from "mafs";
 import type { PerseusStrings } from "../../../strings";
 import type { PairOfPoints } from "../types";
-import type { QuadraticCoefficient } from "@khanacademy/kmath";
+import type { QuadraticCoefficient, QuadraticCoords } from "@khanacademy/kmath";
 import type { Coord } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 /**
@@ -75,3 +75,15 @@ export declare function getAsymptoteHandleCoord(orientation: "horizontal" | "ver
  * a valid position (up to 3 attempts).
  */
 export declare function skipAsymptoteKeyboardOverPoint(proposed: vec.Vector2, currentAsymptote: number, coords: ReadonlyArray<Coord>, handleCoord: vec.Vector2, snapStep: vec.Vector2, orientation: "horizontal" | "vertical"): vec.Vector2;
+export declare const getQuadraticCoefficients: (coords: QuadraticCoords) => QuadraticCoefficient | undefined;
+export declare function getLengthOfSegment(segment: PairOfPoints): number;
+export type AbsoluteValueCoefficients = {
+    m: number;
+    h: number;
+    v: number;
+};
+/**
+ * Compute the coefficients [m, h, v] for f(x) = m * |x - h| + v from two
+ * control points: p1 (vertex) and p2 (a point on one arm).
+ */
+export declare function getAbsoluteValueCoefficients(coords: ReadonlyArray<Coord>): AbsoluteValueCoefficients;

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

@@ -8,4 +8,3 @@ export declare const getVectorTipKeyboardConstraint: (tail: vec.Vector2, tip: ve
     left: vec.Vector2;
     right: vec.Vector2;
 };
-export declare function describeVectorGraph(state: VectorGraphState, i18n: I18nContextType): Record<string, string>;

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

@@ -42,21 +42,3 @@ export declare const calculateNestedSVGCoords: (range: vec.Vector2[], width: num
     viewboxX: number;
     viewboxY: number;
 };
-/**
- * Gets the effective CSS zoom factor applied to an element or any of its ancestors.
- * This is used to compensate for the mobile font scaling zoom applied to the body
- * or exercise content via the fontScale query parameter.
- *
- * On mobile, the parent application may apply CSS zoom to accommodate device font
- * size settings. This zoom affects coordinate calculations for click/touch events,
- * as both clientX/clientY and getBoundingClientRect() return zoomed values, but
- * the SVG coordinate system expects unzoomed pixel values.
- *
- * Note: We calculate the cumulative zoom by traversing the DOM tree rather than
- * targeting specific elements to avoid coupling Perseus to parent application
- * implementation details (e.g., specific class names or DOM hierarchy).
- *
- * @param element - The DOM element to check for CSS zoom
- * @returns The cumulative zoom factor (e.g., 1.5 for 150% zoom, 1.0 for no zoom)
- */
-export declare function getCSSZoomFactor(element: Element): number;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "79.1.2",
+  "version": "80.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,39 +43,39 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.71",
-    "@khanacademy/kmath": "2.4.30",
-    "@khanacademy/math-input": "26.4.44",
-    "@khanacademy/perseus-core": "30.1.0",
-    "@khanacademy/perseus-linter": "5.1.11",
-    "@khanacademy/perseus-score": "8.12.3",
+    "@khanacademy/keypad-context": "3.2.73",
+    "@khanacademy/kmath": "2.4.32",
+    "@khanacademy/math-input": "26.6.0",
+    "@khanacademy/perseus-core": "31.0.0",
+    "@khanacademy/perseus-linter": "5.1.13",
+    "@khanacademy/perseus-score": "8.12.5",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.3.0",
     "@khanacademy/simple-markdown": "2.2.3"
   },
   "devDependencies": {
     "@khanacademy/wonder-blocks-announcer": "1.1.1",
-    "@khanacademy/wonder-blocks-banner": "5.1.5",
-    "@khanacademy/wonder-blocks-button": "11.7.2",
-    "@khanacademy/wonder-blocks-clickable": "8.2.4",
+    "@khanacademy/wonder-blocks-banner": "5.1.8",
+    "@khanacademy/wonder-blocks-button": "11.7.4",
+    "@khanacademy/wonder-blocks-clickable": "8.2.6",
     "@khanacademy/wonder-blocks-core": "12.4.4",
     "@khanacademy/wonder-blocks-data": "15.0.2",
-    "@khanacademy/wonder-blocks-dropdown": "10.11.1",
-    "@khanacademy/wonder-blocks-form": "7.6.5",
-    "@khanacademy/wonder-blocks-icon": "5.3.18",
-    "@khanacademy/wonder-blocks-icon-button": "11.3.5",
-    "@khanacademy/wonder-blocks-labeled-field": "4.1.4",
-    "@khanacademy/wonder-blocks-layout": "3.1.55",
-    "@khanacademy/wonder-blocks-link": "10.3.4",
-    "@khanacademy/wonder-blocks-modal": "8.7.5",
-    "@khanacademy/wonder-blocks-pill": "3.1.68",
-    "@khanacademy/wonder-blocks-popover": "6.3.5",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.55",
-    "@khanacademy/wonder-blocks-switch": "3.4.4",
+    "@khanacademy/wonder-blocks-dropdown": "10.11.5",
+    "@khanacademy/wonder-blocks-form": "7.6.7",
+    "@khanacademy/wonder-blocks-icon": "5.3.20",
+    "@khanacademy/wonder-blocks-icon-button": "11.4.2",
+    "@khanacademy/wonder-blocks-labeled-field": "4.1.6",
+    "@khanacademy/wonder-blocks-layout": "3.1.57",
+    "@khanacademy/wonder-blocks-link": "10.3.6",
+    "@khanacademy/wonder-blocks-modal": "8.7.8",
+    "@khanacademy/wonder-blocks-pill": "3.1.70",
+    "@khanacademy/wonder-blocks-popover": "6.3.8",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.57",
+    "@khanacademy/wonder-blocks-switch": "3.4.6",
     "@khanacademy/wonder-blocks-timing": "7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "16.8.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.80",
-    "@khanacademy/wonder-blocks-typography": "4.3.8",
+    "@khanacademy/wonder-blocks-tokens": "17.0.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.83",
+    "@khanacademy/wonder-blocks-typography": "5.0.0",
     "@khanacademy/wonder-stuff-core": "3.0.0",
     "@phosphor-icons/core": "2.0.2",
     "@popperjs/core": "2.10.2",
@@ -92,27 +92,27 @@
   },
   "peerDependencies": {
     "@khanacademy/wonder-blocks-announcer": "^1.1.1",
-    "@khanacademy/wonder-blocks-banner": "^5.1.5",
-    "@khanacademy/wonder-blocks-button": "^11.7.2",
-    "@khanacademy/wonder-blocks-clickable": "^8.2.4",
+    "@khanacademy/wonder-blocks-banner": "^5.1.8",
+    "@khanacademy/wonder-blocks-button": "^11.7.4",
+    "@khanacademy/wonder-blocks-clickable": "^8.2.6",
     "@khanacademy/wonder-blocks-core": "^12.4.4",
     "@khanacademy/wonder-blocks-data": "^15.0.2",
-    "@khanacademy/wonder-blocks-dropdown": "^10.11.1",
-    "@khanacademy/wonder-blocks-form": "^7.6.5",
-    "@khanacademy/wonder-blocks-icon": "^5.3.18",
-    "@khanacademy/wonder-blocks-icon-button": "^11.3.5",
-    "@khanacademy/wonder-blocks-labeled-field": "^4.1.4",
-    "@khanacademy/wonder-blocks-layout": "^3.1.55",
-    "@khanacademy/wonder-blocks-link": "^10.3.4",
-    "@khanacademy/wonder-blocks-modal": "^8.7.5",
-    "@khanacademy/wonder-blocks-pill": "^3.1.68",
-    "@khanacademy/wonder-blocks-popover": "^6.3.5",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.55",
-    "@khanacademy/wonder-blocks-switch": "^3.4.4",
+    "@khanacademy/wonder-blocks-dropdown": "^10.11.5",
+    "@khanacademy/wonder-blocks-form": "^7.6.7",
+    "@khanacademy/wonder-blocks-icon": "^5.3.20",
+    "@khanacademy/wonder-blocks-icon-button": "^11.4.2",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.1.6",
+    "@khanacademy/wonder-blocks-layout": "^3.1.57",
+    "@khanacademy/wonder-blocks-link": "^10.3.6",
+    "@khanacademy/wonder-blocks-modal": "^8.7.8",
+    "@khanacademy/wonder-blocks-pill": "^3.1.70",
+    "@khanacademy/wonder-blocks-popover": "^6.3.8",
+    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.57",
+    "@khanacademy/wonder-blocks-switch": "^3.4.6",
     "@khanacademy/wonder-blocks-timing": "^7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "^16.8.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.80",
-    "@khanacademy/wonder-blocks-typography": "^4.3.8",
+    "@khanacademy/wonder-blocks-tokens": "^17.0.0",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.83",
+    "@khanacademy/wonder-blocks-typography": "^5.0.0",
     "@khanacademy/wonder-stuff-core": "^3.0.0",
     "@phosphor-icons/core": "^2.0.2",
     "@popperjs/core": "^2.10.2",
@@ -127,7 +127,7 @@
   },
   "keywords": [],
   "khan": {
-    "catalogHash": "a4790ad979dcb9a1"
+    "catalogHash": "793079df3e67e001"
   },
   "scripts": {}
 }