@classytic/labs 0.2.0 → 0.3.0

package/dist/math/complex/rules.mjs

@@ -1,5 +1,7 @@
 import { iPow, toTex } from "./core.mjs";
 import { calc, texNum } from "../../kit/calc.mjs";
+import { DeMoivreFigure, IPowerCycleFigure, ModulusTriangleFigure, OmegaFigure } from "./rule-figures.mjs";
+import { createElement } from "react";
 
 //#region src/math/complex/rules.ts
 /**
@@ -24,11 +26,17 @@ function explainIPow(n) {
 		"-i"
 	][m]).done(0);
 }
+function explainDeMoivre(r, thetaDeg, n) {
+	const radius = r ** n;
+	const angle = thetaDeg * n;
+	return calc().step(`(r\\angle\\theta)^{${n}} = r^{${n}}\\angle(${n}\\theta)`, "raise the modulus; multiply the argument").step(`${r}^{${n}}\\angle(${n}\\times ${thetaDeg}^\\circ)`).step(`= ${texNum(Math.round(radius * 100) / 100)}\\angle ${angle}^\\circ`).done(radius);
+}
 const I_POWER_RULE = {
 	id: "i-powers",
 	name: "Powers of i (the 4-cycle)",
 	formula: "i^2 = -1, \\quad i^{n} = i^{\\,n \\bmod 4}",
 	analogy: "i is a quarter-turn. i² is two quarter-turns = a half-turn = −1. Four turns is back to 1.",
+	figure: (v) => createElement(IPowerCycleFigure, { n: v.n ?? 0 }),
 	inputs: [{
 		key: "n",
 		label: "n",
@@ -37,6 +45,33 @@ const I_POWER_RULE = {
 		max: 24
 	}],
 	compute: (v) => explainIPow(v.n ?? 0),
+	challenge: [{
+		id: "i-sixth-power",
+		prompt: "Powers of i repeat every four. What is i⁶?",
+		choices: [
+			{
+				value: "one",
+				label: "1",
+				feedback: "Six leaves remainder 2, not 0, when divided by four."
+			},
+			{
+				value: "minus-one",
+				label: "−1"
+			},
+			{
+				value: "i",
+				label: "i",
+				feedback: "i corresponds to remainder 1."
+			},
+			{
+				value: "minus-i",
+				label: "−i",
+				feedback: "−i corresponds to remainder 3."
+			}
+		],
+		answer: "minus-one",
+		explain: "6 mod 4 = 2, so i⁶ = i² = −1."
+	}],
 	derivation: [
 		{
 			tex: "i = \\text{rotate } 90^\\circ",
@@ -65,7 +100,11 @@ const MODULUS_RULE = {
 	id: "modulus",
 	name: "Modulus |z| = √(a²+b²)",
 	formula: "|z| = |a + bi| = \\sqrt{a^2 + b^2}",
-	analogy: "The straight-line distance from 0 to the point (a, b) — exactly the length of the z vector (Pythagoras).",
+	analogy: "The straight-line distance from 0 to the point (a, b), exactly the length of the z vector (Pythagoras).",
+	figure: (v) => createElement(ModulusTriangleFigure, {
+		a: v.a ?? 0,
+		b: v.b ?? 0
+	}),
 	inputs: [{
 		key: "a",
 		label: "a (real)",
@@ -80,6 +119,28 @@ const MODULUS_RULE = {
 		max: 12
 	}],
 	compute: (v) => explainModulus(v.a ?? 0, v.b ?? 0),
+	challenge: [{
+		id: "modulus-three-four",
+		prompt: "What is the distance of 3 + 4i from the origin?",
+		choices: [
+			{
+				value: "5",
+				label: "5"
+			},
+			{
+				value: "7",
+				label: "7",
+				feedback: "Modulus is Euclidean distance, not |3| + |4|."
+			},
+			{
+				value: "25",
+				label: "25",
+				feedback: "25 is the squared modulus; take its square root."
+			}
+		],
+		answer: "5",
+		explain: "The real and imaginary parts form a 3–4–5 right triangle: √(3² + 4²) = 5."
+	}],
 	tricks: [
 		"It is the hypotenuse of the a, b right triangle.",
 		"|z|² = z · z̄ (a number times its conjugate).",
@@ -88,9 +149,62 @@ const MODULUS_RULE = {
 };
 const DE_MOIVRE_RULE = {
 	id: "de-moivre",
-	name: "De Moivre — (r∠θ)ⁿ = rⁿ ∠ nθ",
+	name: "De Moivre, (r∠θ)ⁿ = rⁿ ∠ nθ",
 	formula: "\\big(r(\\cos\\theta + i\\sin\\theta)\\big)^{n} = r^{n}\\big(\\cos n\\theta + i\\sin n\\theta\\big)",
 	analogy: "To raise to a power: MULTIPLY the lengths and ADD the angles. Squaring squares the modulus and doubles the argument.",
+	figure: (v) => createElement(DeMoivreFigure, {
+		r: v.r ?? 1,
+		thetaDeg: v.theta ?? 0,
+		n: Math.round(v.n ?? 2)
+	}),
+	inputs: [
+		{
+			key: "r",
+			label: "modulus r",
+			default: 1.2,
+			min: .5,
+			max: 2,
+			step: .1
+		},
+		{
+			key: "theta",
+			label: "angle θ°",
+			default: 40,
+			min: 0,
+			max: 180,
+			step: 10
+		},
+		{
+			key: "n",
+			label: "power n",
+			default: 2,
+			min: 2,
+			max: 4
+		}
+	],
+	compute: (v) => explainDeMoivre(v.r ?? 1, v.theta ?? 0, Math.round(v.n ?? 2)),
+	challenge: [{
+		id: "de-moivre-square",
+		prompt: "When a complex number r∠θ is squared, what happens?",
+		choices: [
+			{
+				value: "square-double",
+				label: "Modulus squares; angle doubles"
+			},
+			{
+				value: "double-square",
+				label: "Modulus doubles; angle squares",
+				feedback: "Powers multiply arguments but raise moduli to the power."
+			},
+			{
+				value: "unchanged",
+				label: "Both stay unchanged",
+				feedback: "Complex multiplication changes both length and direction."
+			}
+		],
+		answer: "square-double",
+		explain: "(r eⁱθ)² = r²eⁱ²θ, so the modulus becomes r² and the argument becomes 2θ."
+	}],
 	derivation: [
 		{
 			tex: "z = r(\\cos\\theta + i\\sin\\theta) = r\\,e^{i\\theta}",
@@ -111,11 +225,54 @@ const DE_MOIVRE_RULE = {
 		"Roots of unity zⁿ = 1 are n points 360°/n apart on the unit circle."
 	]
 };
+const OMEGA_RULE = {
+	id: "omega",
+	name: "Omega ω: the cube roots of unity",
+	formula: "\\omega=e^{2\\pi i/3},\\quad \\omega^3=1,\\quad 1+\\omega+\\omega^2=0",
+	analogy: "Three equal unit vectors spaced 120° apart close into an equilateral triangle, so their vector sum is zero.",
+	figure: createElement(OmegaFigure),
+	challenge: [{
+		id: "omega-sum",
+		prompt: "The vectors 1, ω and ω² are equally spaced around the unit circle. What is their sum?",
+		choices: [
+			{
+				value: "zero",
+				label: "0"
+			},
+			{
+				value: "one",
+				label: "1",
+				feedback: "Their horizontal and vertical components cancel by symmetry."
+			},
+			{
+				value: "omega",
+				label: "ω",
+				feedback: "No one root is privileged; the three vectors balance around the origin."
+			}
+		],
+		answer: "zero",
+		explain: "The three unit vectors are 120° apart and close head-to-tail, so 1 + ω + ω² = 0."
+	}],
+	derivation: [
+		{ tex: "z^3-1=(z-1)(z^2+z+1)" },
+		{ tex: "\\omega\\ne1,\\quad \\omega^3=1" },
+		{
+			tex: "\\Rightarrow \\omega^2+\\omega+1=0",
+			note: "the non-real roots satisfy the quadratic factor"
+		}
+	],
+	tricks: [
+		"ω̄ = ω² and |ω| = 1.",
+		"Powers repeat every three: 1, ω, ω², 1, …",
+		"The same geometry generalizes to n roots spaced 360°/n apart."
+	]
+};
 const COMPLEX_RULES = [
 	I_POWER_RULE,
 	MODULUS_RULE,
-	DE_MOIVRE_RULE
+	DE_MOIVRE_RULE,
+	OMEGA_RULE
 ];
 
 //#endregion
-export { COMPLEX_RULES };
+export { COMPLEX_RULES, DE_MOIVRE_RULE, I_POWER_RULE, MODULUS_RULE, OMEGA_RULE, explainDeMoivre, explainIPow, explainModulus };

package/dist/math/conic/preset.mjs

@@ -1,8 +1,9 @@
 'use client';
 
-import { Callout, LabFrame } from "../../kit/frame.mjs";
+import { Activity } from "../../kit/activity.mjs";
+import { Stat, StatList } from "../../kit/frame.mjs";
+import { CoordPlane, clearOfLabel, dotZone, num, snapTo } from "../../kit/coords.mjs";
 import { LabAsk } from "../../kit/ask.mjs";
-import { CoordPlane, num, snapTo } from "../../kit/coords.mjs";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Dot, Ellipse, Label, Line, MovableDot, Plot } from "@classytic/stage";
@@ -44,9 +45,20 @@ function ConicLab(props = {}) {
 	const [cc, setCc] = useState(props.c ?? 6);
 	const sp = (v) => snapTo(v, snap);
 	let scene;
+	let clear = [];
 	const readouts = [];
 	if (kind === "parabola") {
 		const T = Math.sqrt(Math.max(.1, view.xMax) / a);
+		clear = [dotZone({
+			x: a,
+			y: 0
+		}), ...showFocusDirectrix ? [clearOfLabel(-a, view.yMin, `directrix x = ${num(-a)}`, {
+			size: 11,
+			dy: -6
+		}), clearOfLabel(a, 0, "focus", {
+			size: 11,
+			dy: -10
+		})] : []];
 		scene = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			showFocusDirectrix && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx(Line, {
@@ -128,6 +140,20 @@ function ConicLab(props = {}) {
 			x: 0,
 			y: -cFoc
 		}];
+		clear = [
+			dotZone({
+				x: a,
+				y: 0
+			}),
+			dotZone({
+				x: 0,
+				y: b
+			}),
+			...cFoc > .05 ? [...foci.map((f) => dotZone(f, 8)), clearOfLabel(foci[0].x, foci[0].y, "focus", {
+				size: 11,
+				dy: -10
+			})] : []
+		];
 		scene = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(Ellipse, {
 				center: {
@@ -190,6 +216,13 @@ function ConicLab(props = {}) {
 	} else if (kind === "hyperbola") {
 		const Tt = Math.asinh((Math.abs(view.yMax) + 2) / b);
 		const slope = b / a;
+		clear = [dotZone({
+			x: a,
+			y: 0
+		}), dotZone({
+			x: 0,
+			y: b
+		})];
 		scene = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			showAsymptotes && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Line, {
 				from: {
@@ -264,6 +297,7 @@ function ConicLab(props = {}) {
 			y: cc / x0
 		};
 		const xm = Math.max(Math.abs(view.xMin), view.xMax);
+		clear = [dotZone(handle)];
 		scene = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(Plot.Parametric, {
 				xy: (t) => [t, cc / t],
@@ -300,34 +334,50 @@ function ConicLab(props = {}) {
 	const figure = /* @__PURE__ */ jsx(CoordPlane, {
 		view,
 		height,
+		keepClear: clear,
 		ariaLabel: `${title}: ${readouts[1]?.value ?? ""}`,
 		children: scene
 	});
-	return /* @__PURE__ */ jsx(LabFrame, {
-		title,
-		prompt,
-		aside: /* @__PURE__ */ jsx(Callout, {
-			tone: "result",
-			children: /* @__PURE__ */ jsx("div", {
-				style: {
-					display: "grid",
-					gap: 6,
-					fontVariantNumeric: "tabular-nums",
-					fontSize: 13
-				},
-				children: readouts.map((r, i) => /* @__PURE__ */ jsxs("span", { children: [
-					r.label,
-					": ",
-					/* @__PURE__ */ jsx("strong", { children: r.value })
-				] }, i))
-			})
-		}),
-		footer: ask ? /* @__PURE__ */ jsx(LabAsk, {
-			ask,
-			activity
-		}) : void 0,
-		children: figure
-	});
+	const aside = /* @__PURE__ */ jsx(StatList, { children: readouts.map((r, i) => /* @__PURE__ */ jsx(Stat, {
+		label: r.label,
+		value: r.value
+	}, i)) });
+	const footer = ask ? /* @__PURE__ */ jsx(LabAsk, {
+		ask,
+		activity
+	}) : void 0;
+	const currentEquation = readouts.find((item) => item.label === "equation")?.value ?? readouts[0]?.value ?? "";
+	return /* @__PURE__ */ jsxs(Activity.Root, { children: [
+		/* @__PURE__ */ jsxs(Activity.Header, { children: [/* @__PURE__ */ jsx(Activity.Heading, {
+			eyebrow: "Coordinate geometry",
+			title,
+			description: prompt
+		}), /* @__PURE__ */ jsx(Activity.FocusButton, {})] }),
+		/* @__PURE__ */ jsxs(Activity.Status, { children: [/* @__PURE__ */ jsx("strong", { children: kind }), /* @__PURE__ */ jsx("span", { children: currentEquation })] }),
+		/* @__PURE__ */ jsxs(Activity.Workspace, { children: [/* @__PURE__ */ jsx(Activity.Canvas, {
+			label: "Interactive conic graph",
+			children: figure
+		}), /* @__PURE__ */ jsx(Activity.Inspector, {
+			label: "Conic measurements",
+			children: aside
+		})] }),
+		/* @__PURE__ */ jsxs(Activity.Feedback, { children: [/* @__PURE__ */ jsx("span", { children: "Observe" }), /* @__PURE__ */ jsx("div", { children: "Drag the highlighted handles and compare the curve with its defining measurements." })] }),
+		footer ? /* @__PURE__ */ jsx("section", {
+			className: "lab-authored-task",
+			"aria-label": "Conic question",
+			children: footer
+		}) : null,
+		/* @__PURE__ */ jsxs(Activity.LiveRegion, { children: [
+			title,
+			": ",
+			currentEquation,
+			"."
+		] }),
+		/* @__PURE__ */ jsx(Activity.Transport, { children: /* @__PURE__ */ jsxs("div", {
+			className: "lab-transport-state",
+			children: [/* @__PURE__ */ jsxs("strong", { children: ["Explore the ", kind] }), /* @__PURE__ */ jsx("span", { children: currentEquation })]
+		}) })
+	] });
 }
 
 //#endregion

package/dist/math/derivation.d.mts

@@ -1,3 +1,4 @@
+import { AnswerSpec } from "../kit/answer-check.mjs";
 import { ReactNode } from "react";
 
 //#region src/math/derivation.d.ts
@@ -12,11 +13,25 @@ interface DerivationProps {
   title?: string;
   /** Reveal all steps at once instead of stepping (e.g. for print/review). */
   showAll?: boolean;
+  /**
+   * Withhold the LAST line and make the learner produce it.
+   *
+   * Without this the learner clicks Next until the answer appears, which is reading a solution,
+   * not writing one. With it the stepping stops one line short and the final line is theirs to
+   * find. That single difference is what a printed worked example cannot do, and it is the only
+   * reason this block needs to know about answers at all: the problem statement, the given
+   * quantities and any second method are prose, and belong in the MDX around it.
+   */
+  answer?: AnswerSpec;
+  /** Unit shown beside the answer box. */
+  unit?: string;
 }
 declare function Derivation({
   steps,
   title,
-  showAll
+  showAll,
+  answer,
+  unit
 }?: DerivationProps): ReactNode;
 //#endregion
 export { Derivation, DerivationProps, DerivationStep };

package/dist/math/derivation.mjs

@@ -1,9 +1,13 @@
 'use client';
 
 import { Tex } from "../core/tex.mjs";
-import { ControlBar, LabFrame } from "../kit/frame.mjs";
+import { Chip } from "../kit/controls.mjs";
+import { Activity } from "../kit/activity.mjs";
+import { checkAnswer } from "../kit/answer-check.mjs";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 
 //#region src/math/derivation.tsx
 /**
@@ -25,87 +29,148 @@ function normalize(steps) {
 		note: "add your steps"
 	}];
 }
-function Derivation({ steps, title = "Derivation", showAll = false } = {}) {
+function Derivation({ steps, title = "Derivation", showAll = false, answer, unit } = {}) {
 	const all = normalize(steps);
 	const [step, setStep] = useState(showAll ? all.length - 1 : 0);
+	const [solved, setSolved] = useState(false);
+	const [raw, setRaw] = useState("");
+	const [missed, setMissed] = useState(0);
+	const [revealed, setRevealed] = useState(false);
 	useEffect(() => {
 		setStep(showAll ? all.length - 1 : 0);
+		setSolved(false);
+		setRevealed(false);
 	}, [showAll, all.length]);
+	const graded = !!answer && !showAll && all.length >= 2;
+	const last = all.length - 1;
+	const ceiling = graded && !solved ? last - 1 : last;
+	const atCeiling = step >= ceiling;
+	const shown = all.slice(0, Math.min(step, ceiling) + 1);
 	const figure = /* @__PURE__ */ jsx("ol", {
-		style: {
-			listStyle: "none",
-			margin: 0,
-			padding: 0,
-			display: "flex",
-			flexDirection: "column",
-			gap: 10
-		},
-		children: all.slice(0, step + 1).map((s, i) => /* @__PURE__ */ jsxs("li", {
-			style: {
-				display: "flex",
-				flexWrap: "wrap",
-				alignItems: "baseline",
-				gap: "4px 16px",
-				borderRadius: 8,
-				padding: "8px 12px",
-				transition: "background 120ms",
-				background: i === step && !showAll ? "color-mix(in oklab, var(--primary, var(--stage-accent)) 12%, transparent)" : "transparent"
-			},
+		className: "math-derivation-list",
+		children: shown.map((s, i) => /* @__PURE__ */ jsxs("li", {
+			className: "math-derivation-step",
+			"data-current": i === step && !showAll || void 0,
 			children: [
 				/* @__PURE__ */ jsx("span", {
-					style: {
-						fontFamily: "ui-monospace, monospace",
-						fontSize: 12,
-						opacity: .55
-					},
+					className: "math-derivation-index",
 					children: i + 1
 				}),
 				/* @__PURE__ */ jsx("span", {
-					style: { fontSize: 15 },
+					className: "math-derivation-equation",
 					children: /* @__PURE__ */ jsx(Tex, { tex: s.tex })
 				}),
-				s.note && /* @__PURE__ */ jsxs("span", {
-					style: {
-						fontSize: 13,
-						opacity: .65
-					},
-					children: [",  ", s.note]
+				s.note && /* @__PURE__ */ jsx("span", {
+					className: "math-derivation-note",
+					children: s.note
 				})
 			]
 		}, i))
 	});
-	return /* @__PURE__ */ jsx(LabFrame, {
-		title,
-		prompt: "Work through the derivation one line at a time.",
-		controls: !showAll ? /* @__PURE__ */ jsxs(ControlBar, { children: [
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "lab-chip",
+	const controls = !showAll ? /* @__PURE__ */ jsxs("div", {
+		className: "lab-activity-fields",
+		children: [
+			/* @__PURE__ */ jsx(Chip, {
+				selected: false,
 				onClick: () => setStep((s) => Math.max(0, s - 1)),
 				disabled: step === 0,
 				children: "← Back"
 			}),
 			/* @__PURE__ */ jsxs("span", {
-				style: {
-					fontVariantNumeric: "tabular-nums",
-					opacity: .75
-				},
+				className: "math-derivation-progress",
 				children: [
 					"step ",
-					step + 1,
+					shown.length,
 					" / ",
 					all.length
 				]
 			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "lab-chip",
-				onClick: () => setStep((s) => Math.min(all.length - 1, s + 1)),
-				disabled: step >= all.length - 1,
+			/* @__PURE__ */ jsx(Chip, {
+				selected: false,
+				onClick: () => setStep((s) => Math.min(ceiling, s + 1)),
+				disabled: atCeiling,
 				children: "Next →"
 			})
-		] }) : void 0,
-		children: figure
+		]
+	}) : void 0;
+	return /* @__PURE__ */ jsxs(Activity.Root, {
+		className: "math-derivation-activity",
+		children: [
+			/* @__PURE__ */ jsxs(Activity.Header, { children: [/* @__PURE__ */ jsx(Activity.Heading, {
+				eyebrow: "Mathematical reasoning",
+				title,
+				description: "Work through the derivation one line at a time."
+			}), /* @__PURE__ */ jsx(Activity.FocusButton, {})] }),
+			/* @__PURE__ */ jsxs(Activity.Status, { children: [
+				/* @__PURE__ */ jsx("strong", { children: showAll ? "Complete derivation" : `Step ${shown.length}` }),
+				/* @__PURE__ */ jsxs("span", { children: [all.length, " lines"] }),
+				graded ? /* @__PURE__ */ jsx("span", { children: !solved ? "last line is yours" : revealed ? "last line shown" : "you finished it" }) : null
+			] }),
+			/* @__PURE__ */ jsxs(Activity.Workspace, { children: [/* @__PURE__ */ jsx(Activity.Canvas, {
+				label: "Derivation steps",
+				children: figure
+			}), graded && !solved && atCeiling ? /* @__PURE__ */ jsxs("div", {
+				className: "math-derivation-finish",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "math-derivation-ask",
+						children: missed >= 2 ? "Still not it. Type the last line, or show it and study what you missed." : "The last line is yours. What does it come to? Show it if you are stuck."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "lab-field-row",
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								value: raw,
+								placeholder: "last line",
+								"aria-label": "Final line",
+								onChange: (e) => setRaw(e.target.value)
+							}),
+							unit ? /* @__PURE__ */ jsx("span", {
+								className: "math-derivation-unit",
+								children: unit
+							}) : null,
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "sm",
+								disabled: !raw.trim(),
+								onClick: () => {
+									if (checkAnswer(answer, raw)) {
+										setSolved(true);
+										setStep(last);
+									} else setMissed((n) => n + 1);
+								},
+								children: "Check"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "sm",
+								variant: "ghost",
+								onClick: () => {
+									setRevealed(true);
+									setSolved(true);
+									setStep(last);
+								},
+								children: "Show the last line"
+							})
+						]
+					}),
+					missed > 0 ? /* @__PURE__ */ jsx("p", {
+						className: "math-derivation-verdict",
+						children: "Not that. Read the line above again and carry it through."
+					}) : null
+				]
+			}) : null] }),
+			/* @__PURE__ */ jsxs(Activity.Feedback, { children: [/* @__PURE__ */ jsx("span", { children: "How to read this" }), /* @__PURE__ */ jsx("div", { children: "Compare each line with the one before it and name the step that got you there." })] }),
+			/* @__PURE__ */ jsxs(Activity.LiveRegion, { children: [
+				"Showing derivation step ",
+				shown.length,
+				" of ",
+				all.length,
+				".",
+				shown.at(-1)?.note ? ` ${shown.at(-1)?.note}` : ""
+			] }),
+			!showAll && /* @__PURE__ */ jsx(Activity.Transport, { children: controls })
+		]
 	});
 }
 

package/dist/math/derivative-explorer/index.d.mts

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

package/dist/math/derivative-explorer/index.mjs

@@ -0,0 +1,3 @@
+import { DerivativeExplorer } from "./preset.mjs";
+
+export { DerivativeExplorer };