@classytic/labs 0.3.0 → 0.4.0

package/dist/physics/waves/string.d.mts

@@ -1,6 +1,5 @@
 import { AuthoredActivity } from "../../kit/activity-authoring.mjs";
 import { ReactNode } from "react";
-
 //#region src/physics/waves/string.d.ts
 type StringMode = 'pulse' | 'resonance';
 type EndType = 'fixed' | 'free';
@@ -14,19 +13,8 @@ interface StringReflectionProps {
   hints?: string[];
   controlId?: string;
   height?: number;
-  activity?: string | AuthoredActivity;
+  activity?: string | AuthoredActivity | false;
 }
-declare function StringReflectionLab({
-  mode: mode0,
-  end: end0,
-  frequency,
-  title,
-  prompt,
-  objectives,
-  hints: hintList,
-  controlId,
-  height,
-  activity
-}: StringReflectionProps): ReactNode;
+declare function StringReflectionLab({ mode: mode0, end: end0, frequency, title, prompt, objectives, hints: hintList, controlId, height, activity }: StringReflectionProps): ReactNode;
 //#endregion
 export { EndType, StringMode, StringReflectionLab, StringReflectionProps };

package/dist/physics/waves/string.mjs

@@ -4,12 +4,13 @@ import { Tex as Tex$1 } from "../../core/tex.mjs";
 import { ActivitySelect, Chip, Segmented, Slider } from "../../kit/controls.mjs";
 import { Field } from "../../kit/frame.mjs";
 import { HintLadder, useHints } from "../../kit/pedagogy.mjs";
-import { useFrameTick } from "../../kit/anim.mjs";
+import { useSimulationClock } from "../../kit/simulation/clock.mjs";
 import { usePlayGate } from "../../kit/play.mjs";
 import { WaveActivity } from "./wave-activity.mjs";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CanvasLayer, useControlSurface } from "@classytic/stage";
+import { displacement, harmonicFrequency, nodePositions, wavelengthFromSpeed } from "@classytic/stage/waves";
 
 //#region src/physics/waves/string.tsx
 /**
@@ -25,7 +26,19 @@ import { CanvasLayer, useControlSurface } from "@classytic/stage";
 * Exact boundary behaviour via the image method; animated on <CanvasLayer>,
 * play-gated, reduced-motion aware. The standing-wave maths matches the wave kernel.
 */
-const L = 10, C = 4, A = 1.5;
+const L = 10;
+const C = 4;
+const A = 1.5;
+/**
+* How close to a harmonic counts as resonant, Hz.
+*
+* An absolute window rather than a fraction, because the harmonics here are
+* evenly spaced (v/2L = 0.2 Hz apart), so a fixed tolerance is a fixed fraction
+* of the gap: 0.012 Hz is 6 % of the way to the next harmonic. It was a bare
+* literal in the comparison, which read as a floating-point epsilon rather than
+* as the deliberate snap window it is.
+*/
+const RESONANCE_TOLERANCE_HZ = .012;
 const view = {
 	xMin: -.4,
 	xMax: 10.4,
@@ -33,25 +46,29 @@ const view = {
 	yMax: 4
 };
 const pulse = (u, sig = .7) => A * Math.exp(-(u * u) / (2 * sig * sig));
-function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequency = .4, title = "Reflection & standing waves", prompt, objectives, hints: hintList, controlId, height = 300, activity = "string-reflection" }) {
+function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequency = .4, title = "Reflection & standing waves", prompt, objectives, hints: hintList, controlId, height = 300, activity = false }) {
 	const [mode, setMode] = useState(mode0);
 	const [end, setEnd] = useState(end0);
 	const [f, setF] = useState(frequency);
 	const [mounted, setMounted] = useState(false);
-	const t = useRef(0);
+	useRef(0);
 	const hints = useHints(hintList);
 	const gate = usePlayGate();
 	useEffect(() => {
 		setMounted(true);
 	}, []);
-	useFrameTick(gate.running && mounted, (frame) => {
-		t.current += frame.dtMs / 1e3;
-		if (mode === "pulse" && C * t.current > 24) t.current = 0;
+	const cycleS = mode === "pulse" ? 24 / C : 1 / f;
+	const clock = useSimulationClock({
+		durationS: cycleS,
+		loop: true,
+		autoplay: true,
+		active: gate.running && mounted,
+		reducedMotion: "run"
 	});
-	const k = 2 * Math.PI * f / C;
-	const nNear = Math.max(1, Math.round(k * L / Math.PI));
-	const fRes = nNear * C / (2 * L);
-	const resonant = Math.abs(f - fRes) < .012;
+	const fundamental = harmonicFrequency(L, 1, C);
+	const nNear = Math.max(1, Math.round(f / fundamental));
+	const fRes = harmonicFrequency(L, nNear, C);
+	const resonant = Math.abs(f - fRes) < RESONANCE_TOLERANCE_HZ;
 	const draw = (ctx, c) => {
 		const css = getComputedStyle(ctx.canvas);
 		const tok = (n, fb) => css.getPropertyValue(n).trim() || fb;
@@ -59,7 +76,7 @@ function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequ
 		const W = ctx.canvas.clientWidth || 640, H = height;
 		ctx.clearRect(0, 0, W, H);
 		const [, y0] = c.toPx(0, 0);
-		const tt = t.current;
+		const tt = clock.elapsedS;
 		ctx.strokeStyle = mut;
 		ctx.globalAlpha = .4;
 		ctx.lineWidth = 1;
@@ -85,11 +102,19 @@ function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequ
 		if (mode === "pulse") {
 			const s = end === "fixed" ? -1 : 1;
 			inc = (x) => pulse(x - 1 - C * tt);
-			ref = (x) => s * pulse(2 * L - x - 1 - C * tt);
+			ref = (x) => s * pulse(20 - x - 1 - C * tt);
 		} else {
-			const om = 2 * Math.PI * f;
-			inc = (x) => A * Math.sin(k * x - om * tt);
-			ref = (x) => A * Math.sin(k * x + om * tt);
+			const incident = {
+				amplitude: A,
+				wavelength: wavelengthFromSpeed(C, f),
+				frequency: f
+			};
+			const reflected = {
+				...incident,
+				direction: "backward"
+			};
+			inc = (x) => displacement(incident, x, tt);
+			ref = (x) => displacement(reflected, x, tt);
 		}
 		plot(inc, acc, 1.5, .4);
 		plot(ref, warn, 1.5, .4);
@@ -118,8 +143,7 @@ function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequ
 			wall(0);
 			wall(L);
 		}
-		if (mode === "resonance" && resonant) for (let m = 0; m <= nNear; m++) {
-			const xn = m * L / nNear;
+		if (mode === "resonance" && resonant) for (const xn of nodePositions(L, nNear)) {
 			const [px] = c.toPx(xn, 0);
 			ctx.fillStyle = warn;
 			ctx.beginPath();
@@ -232,7 +256,7 @@ function StringReflectionLab({ mode: mode0 = "pulse", end: end0 = "fixed", frequ
 		children: ["snap to f", nNear]
 	})] })] });
 	const reset = () => {
-		t.current = 0;
+		clock.reset();
 		gate.setPlaying(false);
 	};
 	const observation = mode === "pulse" ? `${end === "fixed" ? "A fixed end inverts the reflected pulse." : "A free end returns the pulse upright."} The green string is the sum of incident and reflected displacements.` : resonant ? `Harmonic ${nNear} is resonant: both ends remain nodes and a stable standing pattern forms.` : `The current frequency is off resonance; tune toward ${fRes.toFixed(2)} Hz.`;

package/dist/physics/waves/wave-activity.mjs

@@ -1,6 +1,7 @@
 'use client';
 
 import { ActionButton, IconButton } from "../../kit/controls.mjs";
+import { Activity } from "../../kit/activity.mjs";
 import { withAuthoredObjectives } from "../../kit/activity-authoring.mjs";
 import { AuthoredActivityRuntime, AuthoredMetricGate } from "../../kit/authored-activity-runtime.mjs";
 import { SceneSurface } from "../mechanics/presentation.mjs";
@@ -11,8 +12,8 @@ import { Pause, Play, RotateCcw } from "lucide-react";
 //#region src/physics/waves/wave-activity.tsx
 /** Responsive shell shared by animated wave experiments. */
 function WaveActivity(props) {
-	const { title, prompt, mode, figure, instruments, controls, objectives, footer, visibleRef, playing, setPlaying, reset, status, observation, activity = "wave-activity", activityId = "wave-activity", transcript } = props;
-	const authoredActivity = typeof activity === "string" ? waveActivity : activity;
+	const { title, prompt, mode, figure, instruments, controls, objectives, footer, visibleRef, playing, setPlaying, reset, status, observation, activity = false, activityId = "wave-activity", transcript } = props;
+	const authoredActivity = typeof activity === "string" || !activity ? waveActivity : activity;
 	const resolvedId = typeof activity === "string" ? activity : activityId;
 	const waveControls = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		className: "lab-field-row",
@@ -27,7 +28,7 @@ function WaveActivity(props) {
 			children: /* @__PURE__ */ jsx(RotateCcw, { "aria-hidden": "true" })
 		})]
 	}), controls] });
-	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
+	if (activity) return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
 		className: "physics-wave",
 		focusLayout: "immersive",
 		activity: withAuthoredObjectives(authoredActivity, objectives),
@@ -52,6 +53,55 @@ function WaveActivity(props) {
 			children: figure
 		})] })
 	});
+	return /* @__PURE__ */ jsxs(Activity.Root, {
+		className: "physics-wave",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 14
+		},
+		children: [
+			/* @__PURE__ */ jsxs(Activity.Header, { children: [/* @__PURE__ */ jsx(Activity.Heading, {
+				eyebrow: "Waves",
+				title,
+				description: prompt
+			}), /* @__PURE__ */ jsx(Activity.Status, { children: /* @__PURE__ */ jsxs("span", {
+				className: "lab-status-line",
+				children: [
+					/* @__PURE__ */ jsx("span", { children: mode }),
+					/* @__PURE__ */ jsx("span", { children: "·" }),
+					status
+				]
+			}) })] }),
+			/* @__PURE__ */ jsxs(Activity.Workspace, { children: [/* @__PURE__ */ jsx(Activity.Canvas, {
+				"aria-label": typeof prompt === "string" ? prompt : void 0,
+				children: /* @__PURE__ */ jsx(SceneSurface, {
+					ref: visibleRef,
+					tone: "grid",
+					className: "physics-wave-scene",
+					children: figure
+				})
+			}), /* @__PURE__ */ jsx(Activity.Dock, { children: /* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 12,
+					width: "100%"
+				},
+				children: [/* @__PURE__ */ jsx("div", {
+					style: {
+						display: "flex",
+						flexWrap: "wrap",
+						gap: 12,
+						alignItems: "center"
+					},
+					children: waveControls
+				}), instruments]
+			}) })] }),
+			observation ? /* @__PURE__ */ jsx(Activity.Feedback, { children: typeof observation !== "string" ? observation : null }) : null,
+			footer
+		]
+	});
 }
 
 //#endregion

package/dist/physics/work-energy/index.d.mts

@@ -1 +1,2 @@
-import { WorkEnergyLab, WorkEnergyProps } from "./preset.mjs";
+import { WorkEnergyLab, WorkEnergyProps } from "./preset.mjs";
+export { WorkEnergyLab, type WorkEnergyProps };

package/dist/physics/work-energy/preset.d.mts

@@ -1,6 +1,5 @@
 import { AuthoredActivity } from "../../kit/activity-authoring.mjs";
 import { ReactNode } from "react";
-
 //#region src/physics/work-energy/preset.d.ts
 interface WorkEnergyProps {
   mode?: 'spring' | 'constant';
@@ -9,12 +8,6 @@ interface WorkEnergyProps {
   objectives?: string[];
   activity?: string | AuthoredActivity;
 }
-declare function WorkEnergyLab({
-  mode: mode0,
-  title,
-  prompt,
-  objectives,
-  activity
-}?: WorkEnergyProps): ReactNode;
+declare function WorkEnergyLab({ mode: mode0, title, prompt, objectives, activity }?: WorkEnergyProps): ReactNode;
 //#endregion
 export { WorkEnergyLab, WorkEnergyProps };

package/dist/physics/work-energy/preset.mjs

@@ -8,6 +8,7 @@ import { SceneSurface } from "../mechanics/presentation.mjs";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Axes, Dot, Grid, Label, Polygon, Segment, Stage } from "@classytic/stage";
+import { elasticPE, workDone } from "@classytic/stage/physics";
 
 //#region src/physics/work-energy/preset.tsx
 /**
@@ -121,7 +122,7 @@ function Picture({ mode, x }) {
 	const frac = x / X_MAX;
 	if (mode === "spring") {
 		const bx = 34 + (rest + frac * 120);
-		const cy = H / 2, xa = 26, bodyLen = bx - 6 - xa, coils = 9, amp = 13, N = coils * 16;
+		const cy = H / 2, xa = 26, bodyLen = bx - 6 - xa, coils = 9, amp = 13, N = 144;
 		let d = `M ${x0} ${cy} L ${xa} ${cy}`;
 		for (let i = 1; i <= N; i++) {
 			const s = i / N, ang = s * coils * Math.PI * 2;
@@ -139,7 +140,7 @@ function Picture({ mode, x }) {
 					x1: x0,
 					y1: 6,
 					x2: x0,
-					y2: H - 6,
+					y2: 58,
 					stroke: "var(--stage-metal)",
 					strokeWidth: 4
 				}),
@@ -173,15 +174,15 @@ function Picture({ mode, x }) {
 		children: [
 			/* @__PURE__ */ jsx("line", {
 				x1: 4,
-				y1: H - 10,
-				x2: W - 4,
-				y2: H - 10,
+				y1: 54,
+				x2: 356,
+				y2: 54,
 				stroke: "var(--stage-grid)",
 				strokeWidth: 2
 			}),
 			/* @__PURE__ */ jsx("rect", {
 				x: bx,
-				y: H - 38,
+				y: 26,
 				width: 28,
 				height: 28,
 				rx: 3,
@@ -191,16 +192,16 @@ function Picture({ mode, x }) {
 			}),
 			/* @__PURE__ */ jsx("line", {
 				x1: bx - 30,
-				y1: H - 24,
+				y1: 40,
 				x2: bx - 4,
-				y2: H - 24,
+				y2: 40,
 				stroke: "var(--stage-warn)",
 				strokeWidth: 3,
 				markerEnd: "url(#stage-arrow)"
 			}),
 			/* @__PURE__ */ jsx("text", {
 				x: bx - 17,
-				y: H - 30,
+				y: 34,
 				textAnchor: "middle",
 				fontSize: 11,
 				fontWeight: 700,
@@ -219,7 +220,7 @@ function WorkEnergyLab({ mode: mode0 = "spring", title = "Work done: it’s the
 	const [x, setX] = useState(2.5);
 	const spring = mode === "spring";
 	const Fx = spring ? k * x : force;
-	const W = spring ? .5 * k * x * x : force * x;
+	const W = spring ? elasticPE(k, x).value : workDone(force, x).value;
 	const yTop = (spring ? k * X_MAX : force) * 1.15 + 1;
 	const view = {
 		xMin: -.55,

package/dist/physics/work-potential/index.d.mts

@@ -1 +1,2 @@
-import { WorkPotentialLab, WorkPotentialProps } from "./preset.mjs";
+import { WorkPotentialLab, WorkPotentialProps } from "./preset.mjs";
+export { WorkPotentialLab, type WorkPotentialProps };

package/dist/physics/work-potential/preset.d.mts

@@ -2,7 +2,6 @@ import { AuthoredActivity } from "../../kit/activity-authoring.mjs";
 import { LabAskSpec } from "../../kit/ask.mjs";
 import { ReactNode } from "react";
 import { Vec2 } from "@classytic/stage";
-
 //#region src/physics/work-potential/preset.d.ts
 interface WorkPotentialProps {
   /** Source charge Q (sign + magnitude); rings + potentials scale with it. */
@@ -24,20 +23,6 @@ interface WorkPotentialProps {
   height?: number;
   activity?: string | AuthoredActivity;
 }
-declare function WorkPotentialLab({
-  charge,
-  movingCharge,
-  a,
-  b,
-  sourceAt,
-  rings,
-  lockSource,
-  title,
-  prompt,
-  objectives,
-  ask,
-  height,
-  activity
-}?: WorkPotentialProps): ReactNode;
+declare function WorkPotentialLab({ charge, movingCharge, a, b, sourceAt, rings, lockSource, title, prompt, objectives, ask, height, activity }?: WorkPotentialProps): ReactNode;
 //#endregion
 export { WorkPotentialLab, WorkPotentialProps };

package/dist/physics/work-potential/preset.mjs

@@ -93,6 +93,23 @@ function WorkPotentialLab({ charge = 1, movingCharge = 1, a = {
 	const dV = Va - Vb;
 	const W = qSign * qMag * dV;
 	const sameRing = Math.abs(dV) < .02;
+	const rays = Array.from({ length: 8 }, (_, i) => {
+		const a = Math.PI * 2 * i / 8;
+		const d = {
+			x: Math.cos(a),
+			y: Math.sin(a)
+		};
+		return {
+			from: {
+				x: source.x + d.x * .4,
+				y: source.y + d.y * .4
+			},
+			to: {
+				x: source.x + d.x * 5.5,
+				y: source.y + d.y * 5.5
+			}
+		};
+	});
 	const figure = /* @__PURE__ */ jsx(SceneSurface, {
 		className: "physics-work-potential-scene",
 		tone: "grid",
@@ -102,23 +119,7 @@ function WorkPotentialLab({ charge = 1, movingCharge = 1, a = {
 			preserveAspect: true,
 			ariaLabel: "Equipotential rings around a charge, with two draggable points and the work between them",
 			children: [
-				Array.from({ length: 8 }, (_, i) => {
-					const a = Math.PI * 2 * i / 8;
-					const d = {
-						x: Math.cos(a),
-						y: Math.sin(a)
-					};
-					return {
-						from: {
-							x: source.x + d.x * .4,
-							y: source.y + d.y * .4
-						},
-						to: {
-							x: source.x + d.x * 5.5,
-							y: source.y + d.y * 5.5
-						}
-					};
-				}).map((r, i) => /* @__PURE__ */ jsx(Segment, {
+				rays.map((r, i) => /* @__PURE__ */ jsx(Segment, {
 					from: r.from,
 					to: r.to,
 					color: "color-mix(in oklab, var(--stage-accent) 22%, transparent)",

package/dist/schemas/activity-authoring.d.mts

@@ -1,5 +1,4 @@
 import { z } from "zod";
-
 //#region src/schemas/activity-authoring.d.ts
 declare const activityPatternSchema: z.ZodEnum<{
   optimization: "optimization";
@@ -96,8 +95,8 @@ declare const authoredDatasetSchema: z.ZodObject<{
 declare const authoredActivityStepSchema: z.ZodObject<{
   id: z.ZodString;
   phase: z.ZodEnum<{
-    explain: "explain";
     predict: "predict";
+    explain: "explain";
     act: "act";
     observe: "observe";
     transfer: "transfer";
@@ -131,8 +130,8 @@ declare const authoredActivitySchema: z.ZodObject<{
   steps: z.ZodArray<z.ZodObject<{
     id: z.ZodString;
     phase: z.ZodEnum<{
-      explain: "explain";
       predict: "predict";
+      explain: "explain";
       act: "act";
       observe: "observe";
       transfer: "transfer";

package/dist/schemas/index.d.mts

@@ -1,6 +1,5 @@
 import { activityPatternSchema, authoredActivitySchema, authoredActivityStepSchema, authoredChoiceSchema, authoredDatasetSchema, authoredQuestionSchema, authoredSuccessSchema, authoredTransferCaseSchema } from "./activity-authoring.mjs";
 import { z } from "zod";
-
 //#region src/schemas/index.d.ts
 declare const posSchema: z.ZodEnum<{
   noun: "noun";
@@ -15,6 +14,7 @@ declare const posSchema: z.ZodEnum<{
 }>;
 declare const relationSchema: z.ZodEnum<{
   in: "in";
+  at: "at";
   on: "on";
   over: "over";
   above: "above";
@@ -24,7 +24,6 @@ declare const relationSchema: z.ZodEnum<{
   between: "between";
   behind: "behind";
   infront: "infront";
-  at: "at";
 }>;
 declare const articleAnswerSchema: z.ZodEnum<{
   a: "a";
@@ -162,6 +161,7 @@ declare const prepItemSchema: z.ZodObject<{
   options: z.ZodArray<z.ZodString>;
   scene: z.ZodEnum<{
     in: "in";
+    at: "at";
     on: "on";
     over: "over";
     above: "above";
@@ -171,7 +171,6 @@ declare const prepItemSchema: z.ZodObject<{
     between: "between";
     behind: "behind";
     infront: "infront";
-    at: "at";
   }>;
   figure: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
     kind: z.ZodEnum<{

package/dist/shared/fields.mjs

@@ -36,4 +36,4 @@ const ask = z.object({
 }).optional();
 
 //#endregion
-export { ask, controlConfig, vec2 };
+export { ask, commonLabProps, vec2 };

package/dist/statistics/center-spread/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/statistics/center-spread/preset.d.ts
 interface CenterSpreadProps {
   data?: number[];
@@ -17,18 +16,6 @@ interface CenterSpreadProps {
   hints?: string[];
   controlId?: string;
 }
-declare function CenterSpreadLab({
-  data,
-  min,
-  max,
-  step,
-  showSigma,
-  challenge,
-  title,
-  prompt,
-  objectives,
-  hints: hintList,
-  controlId
-}: CenterSpreadProps): ReactNode;
+declare function CenterSpreadLab({ data, min, max, step, showSigma, challenge, title, prompt, objectives, hints: hintList, controlId }: CenterSpreadProps): ReactNode;
 //#endregion
 export { CenterSpreadLab, CenterSpreadProps };

package/dist/statistics/center-spread/preset.mjs

@@ -35,7 +35,10 @@ const CHALLENGE = [{
 	answer: "mean",
 	explain: "The mean is a balance point, so one far value tips it; the median is just the middle value, so it barely moves. That’s why skewed data is reported with the median."
 }];
-const W = 500, H = 210, M = 34, AXIS = 150;
+const W = 500;
+const H = 210;
+const M = 34;
+const AXIS = 150;
 function CenterSpreadLab({ data = [
 	2,
 	3,
@@ -48,9 +51,9 @@ function CenterSpreadLab({ data = [
 	const svgRef = useRef(null);
 	const drag = useRef(null);
 	const lo = min, hi = max;
-	const xOf = (v) => M + (v - lo) / (hi - lo) * (W - 2 * M);
+	const xOf = (v) => M + (v - lo) / (hi - lo) * 432;
 	const vOf = (px) => {
-		const v = lo + (px - M) / (W - 2 * M) * (hi - lo);
+		const v = lo + (px - M) / 432 * (hi - lo);
 		return Math.max(lo, Math.min(hi, Math.round(v / step) * step));
 	};
 	const mu = mean(vals), md = median(vals), mo = mode(vals), rg = range(vals), sd = stddev(vals);
@@ -172,7 +175,7 @@ function CenterSpreadLab({ data = [
 				children: [
 					showSigma && sd > 0 && /* @__PURE__ */ jsx("rect", {
 						x: xOf(sigmaL),
-						y: AXIS - 96,
+						y: 54,
 						width: xOf(sigmaR) - xOf(sigmaL),
 						height: 96,
 						fill: "color-mix(in oklab, var(--stage-accent) 12%, transparent)"
@@ -180,7 +183,7 @@ function CenterSpreadLab({ data = [
 					/* @__PURE__ */ jsx("line", {
 						x1: M,
 						y1: AXIS,
-						x2: W - M,
+						x2: 466,
 						y2: AXIS,
 						stroke: "var(--stage-fg)",
 						strokeWidth: 2
@@ -203,7 +206,7 @@ function CenterSpreadLab({ data = [
 					})] }, t)),
 					/* @__PURE__ */ jsx("line", {
 						x1: xOf(md),
-						y1: AXIS - 104,
+						y1: 46,
 						x2: xOf(md),
 						y2: AXIS,
 						stroke: "var(--stage-accent-2, #d6336c)",
@@ -212,7 +215,7 @@ function CenterSpreadLab({ data = [
 					}),
 					/* @__PURE__ */ jsxs("text", {
 						x: xOf(md),
-						y: AXIS - 110,
+						y: 40,
 						textAnchor: "middle",
 						fontSize: 11,
 						fontWeight: 700,
@@ -220,7 +223,7 @@ function CenterSpreadLab({ data = [
 						children: ["median ", md]
 					}),
 					stacked.map(({ v, i, level }) => {
-						const cy = AXIS - 14 - level * 19;
+						const cy = 136 - level * 19;
 						const isMode = mo.includes(v) && mo.length > 0;
 						return /* @__PURE__ */ jsx("circle", {
 							cx: xOf(v),

package/dist/statistics/frequency-density/index.d.mts

@@ -1,2 +1,3 @@
 import { Bar, Klass, bars, classWidth, density, densityProblems, modalClass, tallest, totalFrequency } from "./core.mjs";
-import { FrequencyDensity, FrequencyDensityProps } from "./preset.mjs";
+import { FrequencyDensity, FrequencyDensityProps } from "./preset.mjs";
+export { type Bar, FrequencyDensity, type FrequencyDensityProps, type Klass, bars, classWidth, density, densityProblems, modalClass, tallest, totalFrequency as totalClassFrequency };

package/dist/statistics/frequency-density/preset.d.mts

@@ -1,6 +1,5 @@
 import { Klass } from "./core.mjs";
 import { ReactNode } from "react";
-
 //#region src/statistics/frequency-density/preset.d.ts
 interface FrequencyDensityProps {
   classes?: Klass[];
@@ -18,14 +17,6 @@ interface FrequencyDensityProps {
   prompt?: string;
   activity?: string;
 }
-declare function FrequencyDensity({
-  classes,
-  unit,
-  measure,
-  startMode,
-  title,
-  prompt,
-  activity
-}?: FrequencyDensityProps): ReactNode;
+declare function FrequencyDensity({ classes, unit, measure, startMode, title, prompt, activity }?: FrequencyDensityProps): ReactNode;
 //#endregion
 export { FrequencyDensity, FrequencyDensityProps };

package/dist/statistics/frequency-density/preset.mjs

@@ -52,7 +52,7 @@ const DEFAULT_CLASSES = [
 const fmt$1 = (n) => Number.isInteger(n) ? String(n) : n.toFixed(n < 1 ? 2 : 1);
 function FrequencyDensity({ classes = DEFAULT_CLASSES, unit = "day", measure = "rainfall in mm", startMode = "frequency", title = "On a histogram the frequency is the area, not the height", prompt = "Every bar below holds the number of values printed inside it. Switch the height between the frequency and the frequency density, and watch which bars change shape.", activity = "frequency-density" } = {}) {
 	const [mode, setMode] = useState(startMode);
-	const [seen, setSeen] = useState(new Set([startMode]));
+	const [seen, setSeen] = useState(/* @__PURE__ */ new Set([startMode]));
 	const problems = densityProblems(classes);
 	const drawn = bars(classes, mode);
 	const total = totalFrequency(classes);

package/dist/statistics/galton/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/statistics/galton/preset.d.ts
 interface GaltonBoardProps {
   rows?: number;
@@ -12,16 +11,6 @@ interface GaltonBoardProps {
   controlId?: string;
   height?: number;
 }
-declare function GaltonBoardLab({
-  rows,
-  seed,
-  showCurve,
-  title,
-  prompt,
-  objectives,
-  hints: hintList,
-  controlId,
-  height
-}: GaltonBoardProps): ReactNode;
+declare function GaltonBoardLab({ rows, seed, showCurve, title, prompt, objectives, hints: hintList, controlId, height }: GaltonBoardProps): ReactNode;
 //#endregion
 export { GaltonBoardLab, GaltonBoardProps };