@classytic/labs 0.1.0 → 0.2.0

package/dist/chem/diffusion/preset.mjs

@@ -10,9 +10,9 @@ import { Scene, registerAsset } from "@classytic/stage";
 
 //#region src/chem/diffusion/preset.tsx
 /**
-* DiffusionLab — two gases, one box: the `particles` core made tangible. The blue
+* DiffusionLab, two gases, one box: the `particles` core made tangible. The blue
 * and red particles start on opposite sides; press Play and they random-walk into a
-* uniform mix — diffusion, and why it never spontaneously un-mixes. Hotter (faster)
+* uniform mix, diffusion, and why it never spontaneously un-mixes. Hotter (faster)
 * particles mix sooner. SceneDoc + particles sim + the diffusion asset (sim ≠ render).
 */
 registerAsset("diffusion", DIFFUSION_ASSET);
@@ -23,7 +23,7 @@ const DIFFUSION_CHALLENGE = [{
 	choices: [
 		{
 			value: "no",
-			label: "No — mixing is one-way"
+			label: "No: mixing is one-way"
 		},
 		{
 			value: "wait",
@@ -56,7 +56,7 @@ const DIFFUSION_CHALLENGE = [{
 	answer: "faster",
 	explain: "Faster particles travel and collide more, so the uniform mix is reached sooner."
 }];
-function DiffusionLab({ title = "Diffusion — why things mix", prompt = "Blue and red gas start apart. Press Play: random collisions spread them into a uniform mix — and it never un-mixes on its own.", objectives = [
+function DiffusionLab({ title = "Diffusion: why things mix", prompt = "Blue and red gas start apart. Press Play: random collisions spread them into a uniform mix, and it never un-mixes on its own.", objectives = [
 	"See diffusion as random motion, not a force",
 	"Watch two gases mix to uniform (the \"mixed %\" climbs)",
 	"Hotter (faster) particles mix sooner"

package/dist/chem/electrochem/preset.mjs

@@ -11,16 +11,16 @@ import { galvanicCell } from "@classytic/stage/chem";
 
 //#region src/chem/electrochem/preset.tsx
 /**
-* ElectrochemLab — a galvanic (voltaic) cell with a live voltmeter, on the shared
+* ElectrochemLab, a galvanic (voltaic) cell with a live voltmeter, on the shared
 * `@classytic/stage/chem` Nernst engine. Two metal/metal-ion half-cells joined by a
 * salt bridge: the metal that's easier to oxidise (lower E°) becomes the ANODE (−),
 * the other the CATHODE (+), and electrons stream anode→cathode through the wire.
 *
 * The voltmeter reads the Nernst EMF  E = E°cell − (RT/nF)·ln Q, so dragging an ion
-* concentration moves the needle in real time — dilute the cathode ion and the
+* concentration moves the needle in real time, dilute the cathode ion and the
 * voltage drops; pick the SAME metal both sides for a concentration cell (E° = 0,
 * driven purely by the concentration difference). Pick the two electrodes (Daniell
-* Zn/Cu by default) — fully authorable. Play-gated electron flow; pure SVG.
+* Zn/Cu by default), fully authorable. Play-gated electron flow; pure SVG.
 */
 const METALS = {
 	Mg: {
@@ -89,7 +89,7 @@ const hc = (m, conc) => ({
 	E0: METALS[m].E0,
 	conc
 });
-function ElectrochemLab({ metalA = "Zn", metalB = "Cu", concA = 1, concB = 1, title = "Galvanic cell — the voltage from a reaction", prompt = "Two metals in their salt solutions, joined by a wire and a salt bridge. The voltmeter reads the cell EMF from the Nernst equation — change a concentration and watch it move.", objectives = [
+function ElectrochemLab({ metalA = "Zn", metalB = "Cu", concA = 1, concB = 1, title = "Galvanic cell: the voltage from a reaction", prompt = "Two metals in their salt solutions, joined by a wire and a salt bridge. The voltmeter reads the cell EMF from the Nernst equation, change a concentration and watch it move.", objectives = [
 	"Identify the anode (oxidation, −) and cathode (reduction, +) from E°",
 	"Read the standard cell EMF E°cell = E°cathode − E°anode",
 	"Use the Nernst equation E = E°cell − (RT/nF)·ln Q to see concentration shift the voltage"
@@ -335,7 +335,7 @@ function ElectrochemLab({ metalA = "Zn", metalB = "Cu", concA = 1, concB = 1, ti
 				}),
 				" is the cathode (reduced). ",
 				sameMetal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					"Same metal both sides ⇒ E°cell = 0 — this is a ",
+					"Same metal both sides ⇒ E°cell = 0, this is a ",
 					/* @__PURE__ */ jsx("strong", {
 						style: { color: "var(--stage-fg)" },
 						children: "concentration cell"

package/dist/chem/equilibrium/preset.d.mts

@@ -8,7 +8,7 @@ interface LeChatelierProps {
   productName?: string;
   /** Product stoichiometric coefficient ν (A ⇌ ν·B). */
   productCoeff?: number;
-  /** Product colour token — the flask tints toward this as product forms. */
+  /** Product colour token, the flask tints toward this as product forms. */
   productColor?: string;
   /** Reactant colour token. */
   reactantColor?: string;

package/dist/chem/equilibrium/preset.mjs

@@ -12,10 +12,10 @@ import { EquilibriumCore } from "@classytic/stage/sim";
 
 //#region src/chem/equilibrium/preset.tsx
 /**
-* LeChatelierLab — a reversible reaction at equilibrium that fights back, on the
+* LeChatelierLab, a reversible reaction at equilibrium that fights back, on the
 * shared `equilibrium` core. The reaction is AUTHORABLE: a creator declares the two
 * species, the product coefficient, the colours, K, and whether the forward reaction
-* is endothermic — so the SAME lab teaches N₂O₄⇌2NO₂ (brown/colourless), the
+* is endothermic, so the SAME lab teaches N₂O₄⇌2NO₂ (brown/colourless), the
 * chromate⇌dichromate colour change, a cobalt-complex equilibrium, and so on. The
 * default is the classic:
 *
@@ -23,7 +23,7 @@ import { EquilibriumCore } from "@classytic/stage/sim";
 *
 * The flask tint tracks the product; concentration bars + a live trace show both.
 * Apply a stress (add a species, compress, heat/cool) and watch Le Chatelier shift
-* it to oppose the change — the SHIFT DIRECTION emerges from the core's Q-vs-K, never
+* it to oppose the change, the SHIFT DIRECTION emerges from the core's Q-vs-K, never
 * hardcoded, so it stays correct for whatever reaction the creator declares.
 * Hand-driven on EquilibriumCore, play-gated.
 */
@@ -48,7 +48,7 @@ const EQUILIBRIUM_CHALLENGE = [{
 		}
 	],
 	answer: "reactant",
-	explain: "Squeezing favours the side with fewer gas moles — 1 mol N₂O₄ beats 2 mol NO₂, so the mix goes paler."
+	explain: "Squeezing favours the side with fewer gas moles, 1 mol N₂O₄ beats 2 mol NO₂, so the mix goes paler."
 }, {
 	id: "heat",
 	prompt: "The forward reaction is endothermic. Heating the flask makes the mix…",
@@ -69,7 +69,7 @@ const EQUILIBRIUM_CHALLENGE = [{
 	answer: "browner",
 	explain: "Heat is a reactant for an endothermic forward step, so it drives more NO₂ (browner) and raises K."
 }];
-function LeChatelierLab({ reactantName = "N₂O₄", productName = "NO₂", productCoeff = 2, productColor = "rgb(150,82,40)", reactantColor = "var(--stage-accent, #3b82f6)", K = .6, endothermic = true, title = "Le Chatelier — equilibrium fights back", prompt = "A reversible reaction sits at equilibrium (Q = K). Stress it — add a gas, squeeze it, heat it — and watch the reaction shift to oppose the change.", objectives = [
+function LeChatelierLab({ reactantName = "N₂O₄", productName = "NO₂", productCoeff = 2, productColor = "rgb(150,82,40)", reactantColor = "var(--stage-accent, #3b82f6)", K = .6, endothermic = true, title = "Le Chatelier: equilibrium fights back", prompt = "A reversible reaction sits at equilibrium (Q = K). Stress it, add a gas, squeeze it, heat it, and watch the reaction shift to oppose the change.", objectives = [
 	"Read equilibrium as Q = K (the reaction quotient meets the constant)",
 	"Predict the shift when you add/remove a species or change the volume",
 	"See heating favour the endothermic side and change K itself"
@@ -335,7 +335,7 @@ function LeChatelierLab({ reactantName = "N₂O₄", productName = "NO₂", prod
 					}),
 					". Add a species and it’s consumed; compress and it shifts to fewer moles; ",
 					endothermic ? "heat and the endothermic forward reaction wins" : "heat and the exothermic reverse reaction wins",
-					" — and K itself changes with temperature."
+					", and K itself changes with temperature."
 				]
 			})]
 		})] }),

package/dist/chem/gas-box/preset.mjs

@@ -12,17 +12,17 @@ import { CanvasLayer, fmt } from "@classytic/stage";
 
 //#region src/chem/gas-box/preset.tsx
 /**
-* GasBoxLab — gas in a box: pressure you can watch being MADE.
+* GasBoxLab, gas in a box: pressure you can watch being MADE.
 *
 * Hundreds of molecules bounce in a box on <CanvasLayer>; drag the piston to set
 * volume, slide temperature (every molecule speeds up, cool→hot colour) and amount
-* n (dots appear/vanish). Pressure is NOT a control — it is MEASURED from how often
+* n (dots appear/vanish). Pressure is NOT a control, it is MEASURED from how often
 * + how hard the molecules drum the walls (each wall strike flashes), so PV=nRT
 * emerges from the mechanism instead of being plugged in. A "hold constant" lock
 * yields Boyle (lock T), Gay-Lussac (lock V), Charles (lock P → piston floats).
 *
 * The kinetic-theory algebra (P = ⅓(N/V)m⟨v²⟩ → PV=nRT) lives in a PAIRED
-* MathDerivation block, not here — the sim makes it felt, the derivation proves it.
+* MathDerivation block, not here, the sim makes it felt, the derivation proves it.
 * SVG gauge/readouts overlay the canvas; honours prefers-reduced-motion.
 */
 const GASBOX_CHALLENGE = [{
@@ -43,7 +43,7 @@ const GASBOX_CHALLENGE = [{
 		}
 	],
 	answer: "double",
-	explain: "Same molecules strike half the space twice as often — Boyle’s law, P ∝ 1/V."
+	explain: "Same molecules strike half the space twice as often, Boyle’s law, P ∝ 1/V."
 }, {
 	id: "gaylussac",
 	prompt: "Hold the volume fixed and HEAT the gas. The pressure…",
@@ -62,12 +62,12 @@ const GASBOX_CHALLENGE = [{
 		}
 	],
 	answer: "rise",
-	explain: "Hotter molecules move faster and hit the walls harder and more often — Gay-Lussac, P ∝ T."
+	explain: "Hotter molecules move faster and hit the walls harder and more often, Gay-Lussac, P ∝ T."
 }];
 const H = 6, MAXV = 10, MINV = 2.5, R = .13, MAXN = 320;
 const T0 = 300, SPEED0 = 5.5, TMIN = 80, TMAX = 600;
 const PDISP = 1.5;
-function GasBoxLab({ holdConstant = "none", particleCount = 180, temperature = 300, volume = 7, showGauge = true, title = "Gas in a box — watch pressure being made", prompt = "Drag the piston, heat it up, add molecules. Pressure is the drumbeat of hits on the walls.", height = 300, objectives }) {
+function GasBoxLab({ holdConstant = "none", particleCount = 180, temperature = 300, volume = 7, showGauge = true, title = "Gas in a box: watch pressure being made", prompt = "Drag the piston, heat it up, add molecules. Pressure is the drumbeat of hits on the walls.", height = 300, objectives }) {
 	const [mode, setMode] = useState(holdConstant);
 	const [vol, setVol] = useState(clamp(volume, MINV, MAXV));
 	const [temp, setTemp] = useState(clamp(temperature, TMIN, TMAX));

package/dist/chem/kinetics/preset.mjs

@@ -12,9 +12,9 @@ import { R, fractionAboveEa, halfLife } from "@classytic/stage/chem";
 
 //#region src/chem/kinetics/preset.tsx
 /**
-* KineticsLab — why heat and catalysts speed reactions, shown the visceral way: a
+* KineticsLab, why heat and catalysts speed reactions, shown the visceral way: a
 * vessel of molecules bouncing around (faster when hot), where only collisions with
-* enough energy (≥ Eₐ) succeed — those flash and convert reactant A → product B.
+* enough energy (≥ Eₐ) succeed, those flash and convert reactant A → product B.
 * Beside it, the Maxwell–Boltzmann energy spread shows the SAME story as the shaded
 * "can react" tail past Eₐ, and a composition bar tracks A→B in real time.
 *
@@ -49,7 +49,7 @@ const KINETICS_CHALLENGE = [{
 		}
 	],
 	answer: "energy",
-	explain: "Heat widens the energy spread, so a larger fraction (e^(−Eₐ/RT)) clears the barrier — and they move faster, so collide more often."
+	explain: "Heat widens the energy spread, so a larger fraction (e^(−Eₐ/RT)) clears the barrier, and they move faster, so collide more often."
 }, {
 	id: "cat",
 	prompt: "A catalyst speeds a reaction by…",
@@ -68,9 +68,9 @@ const KINETICS_CHALLENGE = [{
 		}
 	],
 	answer: "lowerEa",
-	explain: "A catalyst offers a lower-Eₐ path, so far more collisions succeed — without being used up or changing the energy of reactants/products."
+	explain: "A catalyst offers a lower-Eₐ path, so far more collisions succeed, without being used up or changing the energy of reactants/products."
 }];
-function KineticsLab({ EaKJ = 50, kRef = .6, order = 1, molecules = 30, T0 = 300, title = "Reaction rate — temperature, activation energy & collisions", prompt = "Molecules must collide with enough energy (≥ Eₐ) to react. Heat them up or lower Eₐ with a catalyst and watch many more collisions succeed.", objectives = [
+function KineticsLab({ EaKJ = 50, kRef = .6, order = 1, molecules = 30, T0 = 300, title = "Reaction rate: temperature, activation energy & collisions", prompt = "Molecules must collide with enough energy (≥ Eₐ) to react. Heat them up or lower Eₐ with a catalyst and watch many more collisions succeed.", objectives = [
 	"Explain rate by the collision model: enough-energy collisions react",
 	"See temperature widen the energy spread so more molecules clear Eₐ",
 	"Use Arrhenius k = A·e^(−Eₐ/RT); see a catalyst lower Eₐ, not ΔH"
@@ -417,7 +417,7 @@ function KineticsLab({ EaKJ = 50, kRef = .6, order = 1, molecules = 30, T0 = 300
 			children: ["Only collisions with energy ≥ Eₐ react. ", catalyst ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("strong", {
 				style: { color: B_COL },
 				children: "Catalyst on"
-			}), " — Eₐ is lowered, so far more collisions succeed (ΔH is unchanged)."] }) : /* @__PURE__ */ jsx(Fragment$1, { children: "Heat the vessel and the energy spread widens, pushing more molecules past Eₐ." })]
+			}), ", Eₐ is lowered, so far more collisions succeed (ΔH is unchanged)."] }) : /* @__PURE__ */ jsx(Fragment$1, { children: "Heat the vessel and the energy spread widens, pushing more molecules past Eₐ." })]
 		})]
 	})] });
 	const footer = /* @__PURE__ */ jsx(ChallengeCard, {

package/dist/chem/periodic-trends/preset.mjs

@@ -9,12 +9,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/chem/periodic-trends/preset.tsx
 /**
-* PeriodicTrendsLab — the periodic table as a heatmap, so a trend you usually have to
+* PeriodicTrendsLab, the periodic table as a heatmap, so a trend you usually have to
 * memorise becomes a colour gradient you can read at a glance. Pick a property
 * (atomic radius, ionisation energy, electronegativity) and every tile recolours;
 * hover an element for its value. The gradients make the rules obvious: radius grows
 * DOWN and LEFT (toward caesium); ionisation energy and electronegativity grow UP and
-* RIGHT (toward fluorine). Periods 1–5 (H–Xe); a curated dataset, not a formula —
+* RIGHT (toward fluorine). Periods 1–5 (H–Xe); a curated dataset, not a formula , 
 * which property is shown (and any highlighted element) is authorable, and a
 * predict-first question ships with it.
 */
@@ -602,7 +602,7 @@ const CHALLENGE = [{
 		}
 	],
 	answer: "down",
-	explain: "More protons pull the same shell of electrons in tighter, so atoms shrink across a period — even as electrons are added."
+	explain: "More protons pull the same shell of electrons in tighter, so atoms shrink across a period, even as electrons are added."
 }, {
 	id: "ie",
 	prompt: "Ionisation energy is generally highest…",
@@ -623,7 +623,7 @@ const CHALLENGE = [{
 	answer: "tr",
 	explain: "Small, tightly-held atoms top-right cling hardest to their electrons, so they need the most energy to ionise."
 }];
-function PeriodicTrendsLab({ property: prop0 = "radius", highlight, title = "Periodic trends — read the table as a heatmap", prompt = "Colour every element by a property and the trend appears as a gradient. Hover an element for its value; switch the property to see the pattern flip.", objectives = [
+function PeriodicTrendsLab({ property: prop0 = "radius", highlight, title = "Periodic trends: read the table as a heatmap", prompt = "Colour every element by a property and the trend appears as a gradient. Hover an element for its value; switch the property to see the pattern flip.", objectives = [
 	"Read periodic trends as colour gradients across the table",
 	"Atomic radius grows down a group and shrinks across a period",
 	"Ionisation energy & electronegativity grow up and to the right"
@@ -664,7 +664,7 @@ function PeriodicTrendsLab({ property: prop0 = "radius", highlight, title = "Per
 					children: [
 						cfg.label,
 						cfg.unit ? ` (${cfg.unit})` : "",
-						" — ",
+						", ",
 						cfg.trend
 					]
 				}),
@@ -767,7 +767,7 @@ function PeriodicTrendsLab({ property: prop0 = "radius", highlight, title = "Per
 				children: [
 					cfg.label,
 					": ",
-					sel[cfg.idx] != null ? `${sel[cfg.idx]} ${cfg.unit}` : "—"
+					sel[cfg.idx] != null ? `${sel[cfg.idx]} ${cfg.unit}` : ", "
 				]
 			})]
 		}) : /* @__PURE__ */ jsxs("span", {
@@ -794,7 +794,7 @@ function PeriodicTrendsLab({ property: prop0 = "radius", highlight, title = "Per
 					style: { color: "var(--stage-fg)" },
 					children: cfg.trend
 				}),
-				" — ",
+				", ",
 				cfg.corner,
 				". Switch the property and watch the gradient flip direction."
 			]

package/dist/chem/reaction-lab.mjs

@@ -10,9 +10,9 @@ import { Circle, Label, Segment, Stage, useFrameLoop, useInView } from "@classyt
 
 //#region src/chem/reaction-lab.tsx
 /**
-* ReactionLab — a synthesis reaction as moving atoms: A + B collide and bond into
+* ReactionLab, a synthesis reaction as moving atoms: A + B collide and bond into
 * A–B. Raise the temperature and they collide harder/more often (kinetics); press
-* React to run it. Atoms are conserved — none created or destroyed, just
+* React to run it. Atoms are conserved, none created or destroyed, just
 * rearranged.
 *
 * Now on the @classytic/stage engine (SVG, accessible, themed).
@@ -126,7 +126,7 @@ function ReactionLab({ a = "A", b = "B", title = "A + B → A–B", height = 300
 	})] });
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
-		prompt: "Atoms rearrange — none are created or destroyed. Raise the temperature to react faster.",
+		prompt: "Atoms rearrange, none are created or destroyed. Raise the temperature to react faster.",
 		aside: /* @__PURE__ */ jsx(Callout, {
 			tone: "result",
 			children: bonded ? "product" : playing ? "reacting…" : "reactants"

package/dist/chem/reaction-profile.mjs

@@ -10,7 +10,7 @@ import { Label, Polyline, Segment, Stage } from "@classytic/stage";
 
 //#region src/chem/reaction-profile.tsx
 /**
-* ReactionProfile — an energy vs. reaction-coordinate diagram.
+* ReactionProfile, an energy vs. reaction-coordinate diagram.
 *
 * Reactants plateau → activation-energy hump (transition state) → products
 * plateau. Tune ΔH (exothermic vs endothermic) and the activation energy Eₐ; flip
@@ -38,7 +38,7 @@ function sample(f) {
 	}
 	return pts;
 }
-/** The predict/classify activity — read straight off the diagram the learner just tuned. */
+/** The predict/classify activity, read straight off the diagram the learner just tuned. */
 const CHALLENGE = [{
 	id: "type",
 	prompt: "When the products end up LOWER in energy than the reactants, the reaction is…",
@@ -69,7 +69,7 @@ const CHALLENGE = [{
 		}
 	],
 	answer: "ea",
-	explain: "The reactant and product levels are unchanged — only the hump (Eₐ) drops, so ΔH is the same."
+	explain: "The reactant and product levels are unchanged, only the hump (Eₐ) drops, so ΔH is the same."
 }];
 function ReactionProfile({ deltaH, activationEnergy, catalyst: catalystInit = false, title = "Reaction energy profile", height = 320 } = {}) {
 	const [dH, setDH] = useState(clamp(num(deltaH, -40), -80, 80));
@@ -252,7 +252,7 @@ function ReactionProfile({ deltaH, activationEnergy, catalyst: catalystInit = fa
 	] });
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
-		prompt: "Tune ΔH and the activation energy. A catalyst lowers the hump (green) — a faster path, same ΔH.",
+		prompt: "Tune ΔH and the activation energy. A catalyst lowers the hump (green), a faster path, same ΔH.",
 		aside: /* @__PURE__ */ jsx(Callout, {
 			tone: "result",
 			children: /* @__PURE__ */ jsxs("span", {

package/dist/chem/solution/dilution.mjs

@@ -11,11 +11,11 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/chem/solution/dilution.tsx
 /**
-* DilutionLab — C₁V₁ = C₂V₂ is just: the dots don't leave.
+* DilutionLab, C₁V₁ = C₂V₂ is just: the dots don't leave.
 *
 * Take an aliquot of stock (V₁) and dilute it to a final volume (V₂). Two beakers
-* show the SAME solute dots — concentrated in the small aliquot on the left,
-* spread through the larger volume on the right — so the conserved quantity
+* show the SAME solute dots, concentrated in the small aliquot on the left,
+* spread through the larger volume on the right, so the conserved quantity
 * (moles = C·V) is SEEN, not memorized: same dots, bigger box, paler colour, lower
 * C. Composes the shared SolutionField (single source of truth for the dots).
 *
@@ -41,7 +41,7 @@ const DILUTION_CHALLENGE = [{
 		}
 	],
 	answer: "moles",
-	explain: "Adding water never removes solute — n = C·V is conserved, which is exactly C₁V₁ = C₂V₂."
+	explain: "Adding water never removes solute, n = C·V is conserved, which is exactly C₁V₁ = C₂V₂."
 }, {
 	id: "doubleV",
 	prompt: "Keep the same aliquot but DOUBLE the final volume V₂. The final concentration C₂…",
@@ -60,9 +60,9 @@ const DILUTION_CHALLENGE = [{
 		}
 	],
 	answer: "halves",
-	explain: "C₂ = n/V₂ with n fixed — twice the volume means half the concentration."
+	explain: "C₂ = n/V₂ with n fixed, twice the volume means half the concentration."
 }];
-function DilutionLab({ stockConcentration = 2, aliquotVolume = .25, finalVolume = 1, maxMolarity = 4, hue = 200, title = "Dilution — the dots don’t leave", prompt = "Take an aliquot of stock, add water to the final volume. Same dots, bigger box → lower concentration.", height = 180, objectives }) {
+function DilutionLab({ stockConcentration = 2, aliquotVolume = .25, finalVolume = 1, maxMolarity = 4, hue = 200, title = "Dilution: the dots don’t leave", prompt = "Take an aliquot of stock, add water to the final volume. Same dots, bigger box → lower concentration.", height = 180, objectives }) {
 	const c1 = clamp(stockConcentration, .5, maxMolarity);
 	const [v1, setV1] = useState(clamp(aliquotVolume, .1, .5));
 	const [v2, setV2] = useState(clamp(finalVolume, .5, 1.5));

package/dist/chem/solution/field.d.mts

@@ -6,9 +6,9 @@ interface SolutionFieldProps {
   dots: number;
   /** Liquid's share of the box width, 0..1 (represents volume). */
   fill: number;
-  /** Density tint 0..1 (e.g. molarity / maxMolarity) — deepens the colour. */
+  /** Density tint 0..1 (e.g. molarity / maxMolarity), deepens the colour. */
   tint: number;
-  /** Solute hue in degrees (HSL) — encodes the species; default teal. */
+  /** Solute hue in degrees (HSL), encodes the species; default teal. */
   hue?: number;
   height?: number;
   /** Drag a fixed-size probe to count dots in a sub-region. */

package/dist/chem/solution/field.mjs

@@ -8,13 +8,13 @@ import { CanvasLayer, useInView } from "@classytic/stage";
 
 //#region src/chem/solution/field.tsx
 /**
-* SolutionField — the SHARED "solute dots in a solution box" primitive (single
+* SolutionField, the SHARED "solute dots in a solution box" primitive (single
 * source of truth for the concentration family). Both SolutionBoxLab and
 * DilutionLab compose it, so the dot-field, density tint, Brownian jitter and the
 * draggable probe live in exactly ONE place.
 *
 * GENERIC on purpose: it takes a dot COUNT + a fill fraction (the liquid's share
-* of the box = volume) + a tint 0..1 — the chemistry (moles→dots, M→tint) is the
+* of the box = volume) + a tint 0..1, the chemistry (moles→dots, M→tint) is the
 * lab's job, not the field's. Dots hold fixed fractional positions so growing the
 * box spreads the SAME dots apart (dilution = spreading, never removing). SVG-free
 * CanvasLayer; deterministic seed (no Math.random at render) so SSR == client;

package/dist/chem/solution/solution-box.mjs

@@ -10,20 +10,20 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/chem/solution/solution-box.tsx
 /**
-* SolutionBoxLab — molarity is a CROWD: particles per litre, seen.
+* SolutionBoxLab, molarity is a CROWD: particles per litre, seen.
 *
 * Solute shown as discrete dots in a transparent box. Add solute (more dots =
 * more moles, the numerator) or add water (the box widens so the SAME dots spread
-* apart, the denominator) — and M = n/V is read off as both a number AND the
+* apart, the denominator), and M = n/V is read off as both a number AND the
 * colour intensity. A draggable probe counts dots in a fixed region, proving
 * molarity is a LOCAL density, not a whole-apparatus label. Composes the shared
 * SolutionField (single source of truth for the dot engine).
 *
 * The unit-bridging algebra (mol↔g via molar mass, mol↔particles via Nₐ) belongs
-* in a paired MathDerivation — this lab only makes density-vs-amount felt.
+* in a paired MathDerivation, this lab only makes density-vs-amount felt.
 */
 const DOTS_PER_MOL = 200;
-/** Predict how M = n/V responds to changing the numerator vs the denominator — the core molarity misconception. */
+/** Predict how M = n/V responds to changing the numerator vs the denominator, the core molarity misconception. */
 const SOLUTION_CHALLENGE = [{
 	id: "add-water",
 	prompt: "Add water (more volume, same solute). The molarity M = n/V…",
@@ -42,7 +42,7 @@ const SOLUTION_CHALLENGE = [{
 		}
 	],
 	answer: "falls",
-	explain: "The same dots spread through a bigger box — n is fixed, V grows, so the density n/V drops."
+	explain: "The same dots spread through a bigger box, n is fixed, V grows, so the density n/V drops."
 }, {
 	id: "add-solute",
 	prompt: "Add more solute at the same volume. The molarity…",
@@ -61,9 +61,9 @@ const SOLUTION_CHALLENGE = [{
 		}
 	],
 	answer: "rises",
-	explain: "More dots in the same box — n grows, V is fixed, so n/V climbs."
+	explain: "More dots in the same box, n grows, V is fixed, so n/V climbs."
 }];
-function SolutionBoxLab({ moles = .5, volume = .5, maxMolarity = 4, hue = 178, showProbe = true, title = "Molarity is a crowd — particles per litre", prompt = "Add solute (more dots) or add water (same dots, bigger box). M = n / V is the dot density.", height = 230, objectives }) {
+function SolutionBoxLab({ moles = .5, volume = .5, maxMolarity = 4, hue = 178, showProbe = true, title = "Molarity is a crowd: particles per litre", prompt = "Add solute (more dots) or add water (same dots, bigger box). M = n / V is the dot density.", height = 230, objectives }) {
 	const [n, setN] = useState(clamp(moles, .1, 1));
 	const [v, setV] = useState(clamp(volume, .2, 1));
 	const M = n / v;

package/dist/chem/stoichiometry/preset.mjs

@@ -9,13 +9,13 @@ import { solveStoichiometry } from "@classytic/stage/chem";
 
 //#region src/chem/stoichiometry/preset.tsx
 /**
-* StoichiometryLab — the limiting reagent, seen as a recipe. A balanced reaction is
+* StoichiometryLab, the limiting reagent, seen as a recipe. A balanced reaction is
 * a recipe (2 H₂ + O₂ → 2 H₂O = "2 hydrogens and 1 oxygen make 2 waters"); given how
 * much of each reactant you have, the one that runs out first caps how much product
 * you can make, and the rest is left over.
 *
 * Each reactant is a tray of molecule tokens: the part CONSUMED is solid, the
-* LEFTOVER fades out — so the limiting reagent is the tray that empties completely
+* LEFTOVER fades out, so the limiting reagent is the tray that empties completely
 * (highlighted), and the excess shows as faded tokens. The product tray fills with
 * what's formed. Backed by `solveStoichiometry` (@classytic/stage/chem): extent,
 * limiting reagent, product moles/grams and leftovers. Drag the amounts, pick a
@@ -131,14 +131,14 @@ const STOICH_CHALLENGE = [{
 		}
 	],
 	answer: "runsout",
-	explain: "Compare moles ÷ coefficient for each reactant — the smallest is the limiting one. Raw moles or the coefficient alone can mislead."
+	explain: "Compare moles ÷ coefficient for each reactant, the smallest is the limiting one. Raw moles or the coefficient alone can mislead."
 }, {
 	id: "excess",
 	prompt: "Adding MORE of the reactant that is already in excess changes the product made by…",
 	choices: [
 		{
 			value: "none",
-			label: "nothing — it just piles up as leftover"
+			label: "nothing: it just piles up as leftover"
 		},
 		{
 			value: "more",
@@ -155,7 +155,7 @@ const STOICH_CHALLENGE = [{
 const co = (n) => n === 1 ? "" : `${n} `;
 const eqn = (rx) => `${rx.reactants.map((s) => co(s.coeff) + s.name).join(" + ")}  →  ${rx.products.map((s) => co(s.coeff) + s.name).join(" + ")}`;
 const fmt = (n) => Math.abs(n - Math.round(n)) < 1e-6 ? Math.round(n).toString() : n.toFixed(2);
-function StoichiometryLab({ reaction = "water", amounts: amounts0, reactants: customR, products: customP, title = "Stoichiometry — the limiting reagent", prompt = "A balanced equation is a recipe. Whichever reactant runs out first limits how much product you can make — the rest is left over. Drag the amounts and watch.", objectives = [
+function StoichiometryLab({ reaction = "water", amounts: amounts0, reactants: customR, products: customP, title = "Stoichiometry: the limiting reagent", prompt = "A balanced equation is a recipe. Whichever reactant runs out first limits how much product you can make, the rest is left over. Drag the amounts and watch.", objectives = [
 	"Read a balanced equation as a mole ratio (a recipe)",
 	"Find the limiting reagent: the one that runs out first (smallest moles ÷ coeff)",
 	"Work out the product formed and the reactant left in excess"

package/dist/chem/titration/preset.mjs

@@ -10,7 +10,7 @@ import { pHAt, titrationCurve } from "@classytic/stage/chem";
 
 //#region src/chem/titration/preset.tsx
 /**
-* TitrationLab — add base to an acid drop by drop and watch the pH curve build, on
+* TitrationLab, add base to an acid drop by drop and watch the pH curve build, on
 * the shared `@classytic/stage/chem` acid–base kernel (pH solved exactly from the
 * charge balance at every volume).
 *
@@ -19,7 +19,7 @@ import { pHAt, titrationCurve } from "@classytic/stage/chem";
 * signature shape: a gentle start, then for a WEAK acid a flat BUFFER region whose
 * midpoint sits at pH = pKa, a steep jump through the equivalence point, and a
 * levelling-off in excess base. A strong acid skips the buffer and crosses pH 7 at
-* equivalence; a weak acid's equivalence point is basic (pH > 7). Interactive — drag
+* equivalence; a weak acid's equivalence point is basic (pH > 7). Interactive, drag
 * the volume, no simulation loop.
 */
 const W = 720, H = 400;
@@ -64,7 +64,7 @@ const TITRATION_CHALLENGE = [{
 	answer: "basic",
 	explain: "All acid is now its conjugate base, which hydrolyses water to give pH > 7. (A strong acid would cross pH 7.)"
 }];
-function TitrationLab({ analyte: analyte0 = "weak-acid", concAcid = .1, volAcidMl = 25, concBase = .1, pKa: pKa0 = 4.76, title = "Acid–base titration — build the pH curve", prompt = "Drip strong base into the acid and track the pH. Watch the buffer region, the steep jump at the equivalence point, and the indicator flip pink.", objectives = [
+function TitrationLab({ analyte: analyte0 = "weak-acid", concAcid = .1, volAcidMl = 25, concBase = .1, pKa: pKa0 = 4.76, title = "Acid–base titration: build the pH curve", prompt = "Drip strong base into the acid and track the pH. Watch the buffer region, the steep jump at the equivalence point, and the indicator flip pink.", objectives = [
 	"Read a titration curve: start, buffer, equivalence jump, excess base",
 	"For a weak acid, see the half-equivalence pH equals the pKa",
 	"See the equivalence pH is 7 for a strong acid but >7 for a weak acid"
@@ -178,7 +178,7 @@ function TitrationLab({ analyte: analyte0 = "weak-acid", concAcid = .1, volAcidM
 					textAnchor: "middle",
 					fontSize: 11,
 					fill: "var(--stage-muted)",
-					children: pink > .5 ? "pink — past end point" : "colourless"
+					children: pink > .5 ? "pink, past end point" : "colourless"
 				}),
 				/* @__PURE__ */ jsx("line", {
 					x1: GX0,
@@ -349,7 +349,7 @@ function TitrationLab({ analyte: analyte0 = "weak-acid", concAcid = .1, volAcidM
 			}), /* @__PURE__ */ jsxs("span", {
 				style: { color: "var(--stage-muted)" },
 				children: [
-					"In the buffer region the pH barely moves — at the half-equivalence point [A⁻] = [HA] so ",
+					"In the buffer region the pH barely moves, at the half-equivalence point [A⁻] = [HA] so ",
 					/* @__PURE__ */ jsxs("strong", {
 						style: { color: "var(--stage-fg)" },
 						children: ["pH = pKa = ", pKa.toFixed(2)]

package/dist/circuits/ac-dc/asset.mjs

@@ -226,7 +226,7 @@ function Component({ geom }) {
 					fontSize: 12,
 					fill: "var(--stage-metal)",
 					children: [
-						"water analogy — ",
+						"water analogy, ",
 						m.mode === "dc" ? "steady one-way flow" : "back-and-forth slosh",
 						" (same signal)"
 					]

package/dist/circuits/ac-dc/preset.mjs

@@ -9,10 +9,10 @@ import { Scene, registerAsset } from "@classytic/stage";
 
 //#region src/circuits/ac-dc/preset.tsx
 /**
-* AcDcLab — "AC or DC?", now the STANDARD data-driven way: a SceneDoc with one
+* AcDcLab, "AC or DC?", now the STANDARD data-driven way: a SceneDoc with one
 * `wave` sim (meta.sims) and one `ac-dc` asset that reads the sim live via simBind.
 * `<Scene>` steps the sim each frame and the pure resolver re-evaluates, so the
-* whole lab is data — the glowing lamp, flowing electrons, water-pipe analogy and
+* whole lab is data, the glowing lamp, flowing electrons, water-pipe analogy and
 * live scope are all one sim → three synced skins (see ./asset). Controls write the
 * sim's params; the runtime merges them without restarting the wave (time persists).
 */

package/dist/circuits/brownout/index.d.mts

@@ -0,0 +1 @@
+import { BrownoutLab, BrownoutProps } from "./preset.mjs";

package/dist/circuits/brownout/preset.d.mts

@@ -0,0 +1,22 @@
+import { LabAskSpec } from "../../kit/ask.mjs";
+import { ReactNode } from "react";
+
+//#region src/circuits/brownout/preset.d.ts
+interface BrownoutProps {
+  vth?: number;
+  vmax?: number;
+  title?: string;
+  prompt?: string;
+  ask?: LabAskSpec;
+  activity?: string;
+}
+declare function BrownoutLab({
+  vth,
+  vmax,
+  title,
+  prompt,
+  ask,
+  activity
+}?: BrownoutProps): ReactNode;
+//#endregion
+export { BrownoutLab, BrownoutProps };