@classytic/labs 0.4.0 → 0.5.0

package/dist/kit/freq-tree.mjs

@@ -1,5 +1,7 @@
 'use client';
 
+import { STROKE } from "./figure/figure.mjs";
+import { FigText } from "./figure/text.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/kit/freq-tree.tsx
@@ -56,7 +58,7 @@ function FrequencyTree({ root, width = 360, ariaLabel = "Natural-frequency tree"
 				d: `M ${x1} ${par.y} C ${mx} ${par.y}, ${mx} ${p.y}, ${x2} ${p.y}`,
 				fill: "none",
 				stroke: p.node.color ?? "var(--stage-grid)",
-				strokeWidth: 1.5,
+				strokeWidth: STROKE.line,
 				opacity: .55
 			}, `e${i}`);
 		}), placed.map((p, i) => {
@@ -72,22 +74,25 @@ function FrequencyTree({ root, width = 360, ariaLabel = "Natural-frequency tree"
 					rx: 8,
 					fill,
 					stroke,
-					strokeWidth: p.node.lit ? 1.75 : 1
+					strokeWidth: p.node.lit ? STROKE.line : STROKE.hair
 				}),
-				/* @__PURE__ */ jsx("text", {
+				/* @__PURE__ */ jsx(FigText, {
 					x: p.x + 9,
 					y: p.y - 2,
-					fontSize: 13,
-					fontWeight: 800,
-					fill: accent,
-					style: { fontVariantNumeric: "tabular-nums" },
+					size: "label",
+					weight: "bold",
+					color: accent,
+					fit: 70,
+					caps: false,
 					children: Math.round(p.node.count).toLocaleString()
 				}),
-				/* @__PURE__ */ jsx("text", {
+				/* @__PURE__ */ jsx(FigText, {
 					x: p.x + 9,
 					y: p.y + 11,
-					fontSize: 9.5,
-					fill: "var(--stage-muted)",
+					size: "note",
+					color: "var(--stage-muted)",
+					fit: 70,
+					caps: false,
 					children: p.node.label
 				})
 			] }, `n${i}`);

package/dist/kit/gameshow.mjs

@@ -1,5 +1,7 @@
 'use client';
 
+import { STROKE } from "./figure/figure.mjs";
+import { FigText } from "./figure/text.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/kit/gameshow.tsx
@@ -35,7 +37,7 @@ function DoorGlyph({ x, y, w, h, label, open = 0, picked = false, dim = false, c
 				rx: r - 1,
 				fill: "none",
 				stroke: SHEEN,
-				strokeWidth: 1,
+				strokeWidth: STROKE.hair,
 				opacity: .4
 			}),
 			/* @__PURE__ */ jsx("clipPath", {
@@ -92,7 +94,7 @@ function DoorGlyph({ x, y, w, h, label, open = 0, picked = false, dim = false, c
 						rx: 4,
 						fill: "none",
 						stroke: "color-mix(in oklab, black 22%, transparent)",
-						strokeWidth: 2
+						strokeWidth: STROKE.edge
 					}),
 					/* @__PURE__ */ jsx("rect", {
 						x: ix + iw * .16,
@@ -102,12 +104,12 @@ function DoorGlyph({ x, y, w, h, label, open = 0, picked = false, dim = false, c
 						rx: 4,
 						fill: "none",
 						stroke: "color-mix(in oklab, black 22%, transparent)",
-						strokeWidth: 2
+						strokeWidth: STROKE.edge
 					}),
 					/* @__PURE__ */ jsx("path", {
 						d: `M${ix + iw * .5},${iy + 2} V${iy + ih - 2}`,
 						stroke: SHEEN,
-						strokeWidth: 1,
+						strokeWidth: STROKE.hair,
 						opacity: .3
 					}),
 					/* @__PURE__ */ jsx("circle", {
@@ -116,21 +118,21 @@ function DoorGlyph({ x, y, w, h, label, open = 0, picked = false, dim = false, c
 						r: Math.max(3, w * .05),
 						fill: GOLD,
 						stroke: "color-mix(in oklab, black 25%, transparent)",
-						strokeWidth: 1
+						strokeWidth: STROKE.hair
 					}),
 					label != null && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
 						cx: ix + iw * .5,
 						cy: iy + ih * .3,
 						r: Math.max(11, w * .16),
 						fill: GOLD
-					}), /* @__PURE__ */ jsx("text", {
+					}), /* @__PURE__ */ jsx(FigText, {
 						x: ix + iw * .5,
 						y: iy + ih * .3,
-						textAnchor: "middle",
-						dominantBaseline: "central",
-						fontSize: Math.max(13, w * .2),
-						fontWeight: 800,
-						fill: "color-mix(in oklab, black 70%, var(--stage-warn))",
+						anchor: "middle",
+						baseline: "middle",
+						size: w >= 70 ? "title" : "label",
+						weight: "bold",
+						caps: false,
 						children: label
 					})] })
 				]
@@ -143,7 +145,7 @@ function DoorGlyph({ x, y, w, h, label, open = 0, picked = false, dim = false, c
 				rx: r + 3,
 				fill: "none",
 				stroke: GOOD,
-				strokeWidth: 3.5
+				strokeWidth: STROKE.bold
 			})
 		]
 	});
@@ -249,7 +251,7 @@ function GoatGlyph({ x, y, w, h }) {
 			d: `M${X(.36)},${Y(.34)} Q${X(.5)},${Y(.28)} ${X(.64)},${Y(.34)} L${X(.6)},${Y(.74)} Q${X(.5)},${Y(.86)} ${X(.4)},${Y(.74)} Z`,
 			fill: fur,
 			stroke: dark,
-			strokeWidth: 1.5,
+			strokeWidth: STROKE.line,
 			strokeLinejoin: "round"
 		}),
 		/* @__PURE__ */ jsx("ellipse", {
@@ -306,7 +308,7 @@ function GoatGlyph({ x, y, w, h }) {
 			d: `M${X(.42)},${Y(.8)} Q${X(.5)},${Y(1.02)} ${X(.58)},${Y(.8)} Q${X(.5)},${Y(.88)} ${X(.42)},${Y(.8)} Z`,
 			fill: fur,
 			stroke: dark,
-			strokeWidth: 1
+			strokeWidth: STROKE.hair
 		})
 	] });
 }

package/dist/kit/goal-activity.mjs

@@ -0,0 +1,38 @@
+//#region src/kit/goal-activity.ts
+/**
+* A one-step authored activity whose only success condition is a live goal.
+*
+* Used by labs that run on `AuthoredActivityRuntime` when a lesson passes a `goal`: the lab
+* computes one boolean from its own state and reports it through
+* `<AuthoredMetricGate conditionId={GOAL_ID} met={...} />`. With a single step the runtime reports
+* the checkpoint the moment the gate completes, and the gate latches, so moving away afterwards
+* does not take the win back. Remount the runtime (a `key`) to start a fresh attempt.
+*
+* The mission line itself belongs in the status strip (`GoalStatus`), not in a second heading.
+*/
+const GOAL_ID = "goal";
+function goalActivity(title, objective, lead) {
+	return {
+		pattern: "investigation",
+		title,
+		objectives: [objective],
+		steps: [{
+			id: GOAL_ID,
+			phase: "act",
+			title,
+			lead,
+			controls: true,
+			success: GOAL_ID
+		}],
+		success: [{
+			id: GOAL_ID,
+			source: "metric",
+			key: GOAL_ID,
+			operator: "eq",
+			value: true
+		}]
+	};
+}
+
+//#endregion
+export { GOAL_ID, goalActivity };

package/dist/kit/index.d.mts

@@ -1,6 +1,6 @@
 import { LearningBranch, LearningGate, LearningPhase, LearningSequence, LearningSequenceNav, LearningSequenceStep, useLearningSequence } from "./learning-sequence.mjs";
 import { ActivityPattern, AuthoredActivity, AuthoredActivityStep, AuthoredChoice, AuthoredChoiceQuestion, AuthoredDataset, AuthoredInvestigation, AuthoredNumericQuestion, AuthoredOrderingQuestion, AuthoredQuestion, AuthoredReflectionQuestion, AuthoredSuccessCondition, AuthoredTextQuestion, AuthoredTransferCase, CompiledAuthoredActivity, SuccessOperator, activitySteps, compileAuthoredActivity, defineAuthoredActivity, defineInvestigation, isCompiledAuthoredActivity, withAuthoredObjectives } from "./activity-authoring.mjs";
-import { AbsorptionTube, BunsenBurner, Burette, CombustionTube, Crucible, CrystalCluster, DeliveryTube, EvaporatingBasin, FilterFunnel, Tripod, VolumetricPipette } from "./chemistry/glassware.mjs";
+import { AbsorptionTube, BunsenBurner, Burette, CombustionTube, Crucible, CrystalCluster, DeliveryTube, DeliveryTubePath, ElectronicBalance, EvaporatingBasin, FilterFunnel, MeasuringCylinder, MineralWoolPlug, RetortStand, TestTube, TestTubeRack, Tripod, VolumetricPipette } from "./chemistry/glassware.mjs";
 import { OBSERVED, ObservedColour, Precipitate, pinnedRamp } from "./chemistry/observation.mjs";
 import { Electrode, ElectrodeEvent, ElectrodeGas, ElectrodeProps, IonDrift } from "./chemistry/electrode.mjs";
 import { HazardChip, SafetyNote } from "./chemistry/safety.mjs";
@@ -17,13 +17,12 @@ import { PERCENT_LANGUAGE, PercentCase, PercentMeaning, PercentResult, formatQua
 import { CatalystReactor, DialGauge, ProcessPipe, ProcessValve } from "./chemistry/process.mjs";
 import { ConcentrationDatum, EquationTerm, MolarMassDatum, QuantityKind, QuantityPoint, QuantityRouteResult, QuantityRouteStep, QuantityScienceData, QuantityTarget, QuantityTransformKind, QuantityUnit, createQuantityRoute, quantityUnit } from "./chemistry/quantity-route.mjs";
 import { QuantityRoute, QuantityRouteFigure, QuantityRouteFigureProps, QuantityRouteProps } from "./chemistry/quantity-route-figure.mjs";
+import { CoolToolIcon, HeatToolIcon, PipetteToolIcon, SpatulaToolIcon, WashBottleToolIcon } from "./chemistry/tool-icons.mjs";
 import "./chemistry/index.mjs";
 import { ChallengeCard, ChallengeChoice, ChallengeQuestion, ChallengeState, CheckpointArgs, Feedback, HintLadder, Hints, Objectives, RevealSolution, RevealSolutionProps, useChallenge, useCheckpoint, useHints } from "./pedagogy.mjs";
 import { RuleCard, RuleDef, RuleFigure, RuleInput, RuleLab, WorkedSteps } from "./rule.mjs";
 import { Celebrate, SolvedPill } from "./celebrate.mjs";
 import { PredictGate, PredictGateProps } from "./predict-gate.mjs";
-import { StepNav, Steps, useSteps } from "./steps.mjs";
-import { Guide, GuideNav, GuideStep, useGuide } from "./guide.mjs";
 import { AuthoredResponse, AuthoredResponseResult, AuthoredResponseValue, evaluateAuthoredResponse } from "./authored-response.mjs";
 import { ControlConfig, Field, LiveRegion, Readout, Stat, StatList } from "./frame.mjs";
 import { AuthoredActivityContext, AuthoredActivityRuntime, AuthoredActivityRuntimeProps, AuthoredMetricGate } from "./authored-activity-runtime.mjs";
@@ -34,11 +33,11 @@ import { useFrameTick, useReducedMotion, useReducedMotionDeferred } from "./anim
 import { FigDomain, Figure, FigureProps, HUE, Material, STROKE, StrokeRole, alpha, figUrl, fmt, material, sci, shade, tint, useFigureId } from "./figure/figure.mjs";
 import { GAUGE, GaugeRole } from "./figure/gauge.mjs";
 import { FigDigits, FigDigitsProps } from "./figure/digits.mjs";
-import { FigParagraph, FigParagraphProps, FigTag, FigText, FigTextProps, FigTextSize, FigTextTone, wrapText } from "./figure/text.mjs";
+import { FigParagraph, FigParagraphProps, FigTag, FigText, FigTextProps, FigTextSize, FigTextTone, FigTextWeight, wrapText } from "./figure/text.mjs";
 import { Ball, BallProps, Block, BlockProps, Particle } from "./figure/body.mjs";
 import { Bubbles, Glass, GlassProps, GlassShape, Region, glassInner } from "./figure/container.mjs";
 import { Arrow, ArrowProps, Ground, Ray, Track } from "./figure/beam.mjs";
-import { Area, Curve, Marker, PlotBox, PlotFrame, PlotFrameProps, SegmentBar, scale } from "./figure/plot.mjs";
+import { Area, Curve, Guide, Marker, PlotBox, PlotFrame, PlotFrameProps, SegmentBar, scale } from "./figure/plot.mjs";
 import { Legend, LegendEntry, LegendMark, LegendProps } from "./figure/legend.mjs";
 import { Illustration, IllustrationProps } from "./figure/illustration.mjs";
 import { FigureAction } from "./figure/action.mjs";
@@ -53,7 +52,7 @@ import { Planet, PlanetProps, Spacecraft, SpacecraftProps, StarBody, StarBodyPro
 import "./space/index.mjs";
 import { FieldProbe, FieldProbeProps, PlanetKind, PlanetSection, PlanetSectionProps } from "./gravitation/section.mjs";
 import "./gravitation/index.mjs";
-import { BarMagnet, BarMagnetProps, CoilLoopGlyph, CoilLoopGlyphProps, CompassNeedle, CompassNeedleProps, CurrentIn, CurrentMark, CurrentMarkProps, CurrentOut, DipCircle, DipCircleProps, FieldLine, FieldLineProps, SolenoidGlyph, SolenoidGlyphProps, clipPolyline } from "./magnetism/glyphs.mjs";
+import { BarMagnet, BarMagnetProps, CoilLoopGlyph, CoilLoopGlyphProps, CompassNeedle, CompassNeedleProps, CoupledCoilsGlyph, CoupledCoilsGlyphProps, CurrentIn, CurrentMark, CurrentMarkProps, CurrentOut, DipCircle, DipCircleProps, FieldLattice, FieldLatticeProps, FieldLine, FieldLineProps, SolenoidGlyph, SolenoidGlyphProps, clipPolyline } from "./magnetism/glyphs.mjs";
 import "./magnetism/index.mjs";
 import { SimulationClock, SimulationClockOptions, SimulationClockState, SimulationPhase, advanceSimulationClock, simulationProgress, useSimulationClock } from "./simulation/clock.mjs";
 import { BehaviorMachine, BehaviorMachineDefinition, transitionBehavior, useBehaviorMachine } from "./simulation/behavior.mjs";
@@ -61,12 +60,18 @@ import { RigPoint, SceneRig, defineRig, transformRig } from "./simulation/rig.mj
 import { SceneAdapter, defineSceneAdapter } from "./simulation/adapter.mjs";
 import { AdvanceResult, DEFAULT_FIXED_STEP_S, DEFAULT_MAX_CATCH_UP_S, RunOptions, RunResult, SimulationDefinition, advanceSimulation, defineSimulation, runSimulation } from "./simulation/model.mjs";
 import { SimulationHandle, UseSimulationOptions, useSimulation } from "./simulation/use-simulation.mjs";
+import { WorldSkin, WorldSkinProps, getWorldSkin, registerWorldSkin } from "./world/skin-registry.mjs";
+import { WorldScene, WorldSceneFrame, WorldSceneProps } from "./world/world-scene.mjs";
+import { FixedWorldAdvance, WorldRuntime, WorldRuntimeOptions, WorldRuntimePhase, advanceWorldFixed, useWorldRuntime } from "./world/runtime.mjs";
+import "./world/index.mjs";
 import { Building, BuildingKind, BuildingProps, CoinStack, CoinStackProps, Crate, CrateProps, CrateStack, CrateStackProps, NoteBundle, NoteBundleProps, Person, PersonProps, SourceDoc, SourceDocKind, SourceDocProps, Vault, VaultProps } from "./commerce/glyphs.mjs";
 import { CATEGORY_HUE, LedgerCard, LedgerCardProps, LedgerCategory, LedgerLine, TAccount, TAccountProps } from "./commerce/ledger.mjs";
+import { CastAvatar, DraftLine, EntryBuilder, EntryBuilderProps, EquationStrip, LedgerFigure, SourceDocCard, StoryBeat, blankDraft, docTitle, draftToLines, parseAmount } from "./commerce/books.mjs";
 import "./commerce/index.mjs";
 import { GuessTone, Vessel, VesselGlyph, VesselGlyphProps, VesselProps } from "./vessel.mjs";
 import { PredictPlot, PredictPlotProps } from "./predict.mjs";
 import { DotCluster, DotClusterProps } from "./cluster.mjs";
+import { FreqNode, FrequencyTree, FrequencyTreeProps } from "./freq-tree.mjs";
 import { CoinGlyph, DiceGlyph, ProbabilityBoardOutcome, ProbabilityContributionBoard } from "./probability.mjs";
 import { Blank, FillSlot, SlotFill, SlotFillProps, SlotFillState, SlotTray, useSlotFill } from "./slot-fill.mjs";
 import { ReceiptItem, ReceiptScene, ReceiptSceneProps } from "./receipt.mjs";
@@ -80,5 +85,7 @@ import { QuantityInput, QuantityScene, SceneMeta, getScene, listScenes, register
 import { DataSceneSpec, dataScene, registerDataScene } from "./data-scene.mjs";
 import { SceneStudio, SceneStudioProps } from "./scene-studio.mjs";
 import { SceneLibrary, SceneLibraryManager, loadSceneLibrary, registerScenes, saveSceneLibrary, useSceneLibrary } from "./scene-library.mjs";
+import { ChapterSummary, ChapterSummarySection, Flashcard, FlashcardDeck, FlashcardItem, MathText, RecallKind, SpotTheError, SpotTheErrorLine, StepOrderItem, StepOrderPuzzle } from "./active-recall.mjs";
+import { RecallGrade, RecallProgress, isRecallDue, scheduleRecall } from "./recall-schedule.mjs";
 import { Calc, CalcStep, Worked, calc, texNum } from "@classytic/stage/core";
-export { AbsorptionTube, AccessPathGlyph, Activity, type ActivityPattern, type ActivityRootProps, type AdvanceResult, ApportionBar, type ApportionBarProps, type ApportionSegment, Area, Arrow, type ArrowProps, AtomPoint, type AuthoredActivity, type AuthoredActivityContext, AuthoredActivityRuntime, type AuthoredActivityRuntimeProps, type AuthoredActivityStep, type AuthoredChoice, type AuthoredChoiceQuestion, type AuthoredDataset, type AuthoredInvestigation, AuthoredMetricGate, type AuthoredNumericQuestion, type AuthoredOrderingQuestion, type AuthoredQuestion, type AuthoredReflectionQuestion, AuthoredResponse, type AuthoredResponseResult, type AuthoredResponseValue, type AuthoredSuccessCondition, type AuthoredTextQuestion, type AuthoredTransferCase, BOND, Ball, type BallProps, BarMagnet, type BarMagnetProps, type BehaviorMachine, type BehaviorMachineDefinition, Blank, Block, type BlockProps, Bond, BrickStack, type BrickStackProps, Bubbles, Building, type BuildingKind, type BuildingProps, BunsenBurner, Burette, CATEGORY_HUE, COMPOUNDS, CRAFT, Calc, type CalcStep, CatalystReactor, Celebrate, CentreOfMass, type CentreOfMassProps, Chain, type ChainProps, ChallengeCard, type ChallengeChoice, type ChallengeQuestion, type ChallengeState, type CheckpointArgs, ChemicalEquationModel, ChemicalFormula, ChemicalFormulaInput, ChemicalFormulaModel, ChemicalState, type Clue, ClueBalance, ClueBar, ClueCoins, ClueReceipt, ClueScene, type ClueSceneKind, type ClueSceneMeta, ClueTiles, CoilLoopGlyph, type CoilLoopGlyphProps, CoinGlyph, CoinStack, type CoinStackProps, CombustionTube, CompassNeedle, type CompassNeedleProps, type CompiledAuthoredActivity, CompositionEvidence, CompositionEvidenceResult, ConcentrationDatum, ConservationResult, type ControlConfig, Crate, type CrateProps, CrateStack, type CrateStackProps, Crucible, CrystalCluster, CurrentIn, CurrentMark, type CurrentMarkProps, CurrentOut, Curve, DEFAULT_FIXED_STEP_S, DEFAULT_MAX_CATCH_UP_S, DamperGlyph, type DamperGlyphProps, DataPacket, type DataSceneSpec, DeliveryTube, DialGauge, DiceGlyph, DimensionLine, type DimensionLineProps, DipCircle, type DipCircleProps, DotCluster, type DotClusterProps, Electrode, ElectrodeEvent, ElectrodeGas, ElectrodeProps, ElementTerm, EnergyBars, type EnergyBarsProps, EnergyKey, type EnergyKeyProps, type EnergyStation, EquationSpecies, EquationTerm, EvaporatingBasin, FUNCTIONAL_GROUPS, Feedback, Field, FieldLine, type FieldLineProps, FieldProbe, type FieldProbeProps, FigDigits, type FigDigitsProps, type FigDomain, FigParagraph, type FigParagraphProps, FigTag, FigText, type FigTextProps, type FigTextSize, type FigTextTone, Figure, FigureAction, FigureHeader, type FigureHeaderProps, type FigureProps, FigureStatusLine, type FigureStatusLineProps, type FillSlot, FilterFunnel, Flame, ForceArrow, type ForceArrowProps, FormulaTerm, FrictionMeter, type FrictionMeterProps, FunctionalGroup, GAUGE, type GaugeRole, Glass, type GlassProps, type GlassShape, Ground, GroupTerm, GroupTest, type GuessTone, Guide, GuideNav, type GuideStep, HUE, HazardChip, HintLadder, type Hints, HydratePart, Illustration, type IllustrationProps, Incline, type InclineGeometry, type InclineProps, IndexPage, IonDrift, IonicCharge, IonicComponent, type LabAssetKind, LabAssetProvider, type LabAssetProviderProps, type LabAssetRequest, type LabAssetResolver, type LabAssetSource, type LabAssetValue, type LearningBranch, type LearningGate, type LearningPhase, type LearningSequence, LearningSequenceNav, type LearningSequenceStep, LedgerCard, type LedgerCardProps, type LedgerCategory, type LedgerLine, Legend, type LegendEntry, type LegendMark, type LegendProps, LiftCar, type LiftCarProps, LiveRegion, Marker, MassBlock, type MassBlockProps, type Material, type MechTone, MolarMassDatum, Molecule, MoleculeCaption, MoleculeSpec, NmrSpectrumFigure, NoteBundle, type NoteBundleProps, OBSERVED, Objectives, ObservedColour, PERCENT_LANGUAGE, Particle, PercentCase, PercentMeaning, PercentResult, Person, type PersonProps, Planet, type PlanetKind, type PlanetProps, PlanetSection, type PlanetSectionProps, type PlayGate, PlayWrap, type PlotBox, PlotChart, type PlotChartProps, PlotFrame, type PlotFrameProps, type PlotGeom, type PlotGuide, type PlotLegendItem, Precipitate, PredictGate, type PredictGateProps, PredictPlot, type PredictPlotProps, type ProbabilityBoardOutcome, ProbabilityContributionBoard, ProcessPipe, ProcessValve, Pulley, type PulleyProps, QuantityInput, QuantityKind, QuantityPoint, QuantityRoute, QuantityRouteFigure, QuantityRouteFigureProps, QuantityRouteProps, QuantityRouteResult, QuantityRouteStep, type QuantityScene, QuantityScienceData, QuantityTarget, QuantityTransformKind, QuantityUnit, QueryOperator, Ray, Readout, type ReceiptItem, ReceiptScene, type ReceiptSceneProps, Region, Reservoir, type ReservoirKind, type ReservoirProps, RevealSolution, type RevealSolutionProps, type RigPoint, RuleCard, type RuleDef, RuleFigure, type RuleInput, RuleLab, type RunOptions, type RunResult, SPACE, STAR_RAMP, STROKE, SafetyNote, type SceneAdapter, type SceneLibrary, SceneLibraryManager, type SceneMeta, type SceneRig, SceneStudio, type SceneStudioProps, SegmentBar, type SimulationClock, type SimulationClockOptions, type SimulationClockState, type SimulationDefinition, type SimulationHandle, type SimulationPhase, SlotFill, type SlotFillProps, type SlotFillState, SlotTray, SolenoidGlyph, type SolenoidGlyphProps, SolvedPill, SourceDoc, type SourceDocKind, type SourceDocProps, SpaceBackdrop, type SpaceBackdropProps, Spacecraft, type SpacecraftProps, SpotSpec, SpringGlyph, type SpringGlyphProps, StarBody, type StarBodyProps, Starfield, type StarfieldProps, Stat, StatList, StepNav, StepTransport, type Steps, type StockGuide, StockTimeline, type StockTimelineProps, StorageNode, type StrokeRole, StructureFigure, StructureFigureProps, SubDirection, Substituent, type SuccessOperator, SvgChemicalFormula, SweepMeter, type SweepMeterProps, SweptBody, type SweptBodyKind, type SweptBodyProps, type SweptElementKind, TAccount, type TAccountProps, Thread, type ThreadProps, Track, TradeoffCurve, type TradeoffCurveProps, Tripod, type Unknown, UnknownChip, type UseSimulationOptions, Vault, type VaultProps, Vertex, Vessel, VesselGlyph, type VesselGlyphProps, type VesselProps, VolumetricPipette, WORLDS, WheelGlyph, type WheelGlyphProps, type Worked, WorkedSteps, type World, type WorldName, activitySteps, adaptCompositionEvidence, advanceSimulation, advanceSimulationClock, alpha, atomPoints, buildNeutralIonicFormula, calc, chainPoints, chainWidth, checkEquationConservation, clipPolyline, clueTotal, compileAuthoredActivity, createQuantityRoute, dataScene, defaultLabAssetResolver, defineAuthoredActivity, defineInvestigation, defineRig, defineSceneAdapter, defineSimulation, elementCounts, equationAccessibleText, equationDisplayText, equationSpecies, evaluateAuthoredResponse, figUrl, fmt, formatQuantity, formulaAccessibleText, formulaDisplayText, formulaToLatex, gapForLabel, getClueScene, getScene, glassInner, groupById, hashUnit, inclineGeometry, inspectPercent, isCompiledAuthoredActivity, isDisplayed, listClueScenes, listScenes, loadSceneLibrary, material, moleculeBox, neutralFormula, outcomeShort, parseChemicalFormula, pinnedRamp, quantityUnit, registerClueScene, registerDataScene, registerScene, registerScenes, relativeFormulaMass, requireNeutralFormula, ringCentre, runSimulation, saveSceneLibrary, scale, sci, shade, signedCharge, simulationProgress, structureSize, subscriptNumber, texNum, tint, transformRig, transitionBehavior, useBehaviorMachine, useChallenge, useCheckpoint, useFigureId, useFrameTick, useGuide, useHints, useLabAsset, useLearningSequence, usePlayGate, useReducedMotion, useReducedMotionDeferred, useSceneLibrary, useSimulation, useSimulationClock, useSlotFill, useSteps, withAuthoredObjectives, withCoefficient, wrapText };
+export { AbsorptionTube, AccessPathGlyph, Activity, type ActivityPattern, type ActivityRootProps, type AdvanceResult, ApportionBar, type ApportionBarProps, type ApportionSegment, Area, Arrow, type ArrowProps, AtomPoint, type AuthoredActivity, type AuthoredActivityContext, AuthoredActivityRuntime, type AuthoredActivityRuntimeProps, type AuthoredActivityStep, type AuthoredChoice, type AuthoredChoiceQuestion, type AuthoredDataset, type AuthoredInvestigation, AuthoredMetricGate, type AuthoredNumericQuestion, type AuthoredOrderingQuestion, type AuthoredQuestion, type AuthoredReflectionQuestion, AuthoredResponse, type AuthoredResponseResult, type AuthoredResponseValue, type AuthoredSuccessCondition, type AuthoredTextQuestion, type AuthoredTransferCase, BOND, Ball, type BallProps, BarMagnet, type BarMagnetProps, type BehaviorMachine, type BehaviorMachineDefinition, Blank, Block, type BlockProps, Bond, BrickStack, type BrickStackProps, Bubbles, Building, type BuildingKind, type BuildingProps, BunsenBurner, Burette, CATEGORY_HUE, COMPOUNDS, CRAFT, Calc, type CalcStep, CastAvatar, CatalystReactor, Celebrate, CentreOfMass, type CentreOfMassProps, Chain, type ChainProps, ChallengeCard, type ChallengeChoice, type ChallengeQuestion, type ChallengeState, ChapterSummary, type ChapterSummarySection, type CheckpointArgs, ChemicalEquationModel, ChemicalFormula, ChemicalFormulaInput, ChemicalFormulaModel, ChemicalState, type Clue, ClueBalance, ClueBar, ClueCoins, ClueReceipt, ClueScene, type ClueSceneKind, type ClueSceneMeta, ClueTiles, CoilLoopGlyph, type CoilLoopGlyphProps, CoinGlyph, CoinStack, type CoinStackProps, CombustionTube, CompassNeedle, type CompassNeedleProps, type CompiledAuthoredActivity, CompositionEvidence, CompositionEvidenceResult, ConcentrationDatum, ConservationResult, type ControlConfig, CoolToolIcon, CoupledCoilsGlyph, type CoupledCoilsGlyphProps, Crate, type CrateProps, CrateStack, type CrateStackProps, Crucible, CrystalCluster, CurrentIn, CurrentMark, type CurrentMarkProps, CurrentOut, Curve, DEFAULT_FIXED_STEP_S, DEFAULT_MAX_CATCH_UP_S, DamperGlyph, type DamperGlyphProps, DataPacket, type DataSceneSpec, DeliveryTube, DeliveryTubePath, DialGauge, DiceGlyph, DimensionLine, type DimensionLineProps, DipCircle, type DipCircleProps, DotCluster, type DotClusterProps, type DraftLine, Electrode, ElectrodeEvent, ElectrodeGas, ElectrodeProps, ElectronicBalance, ElementTerm, EnergyBars, type EnergyBarsProps, EnergyKey, type EnergyKeyProps, type EnergyStation, EntryBuilder, type EntryBuilderProps, EquationSpecies, EquationStrip, EquationTerm, EvaporatingBasin, FUNCTIONAL_GROUPS, Feedback, Field, FieldLattice, type FieldLatticeProps, FieldLine, type FieldLineProps, FieldProbe, type FieldProbeProps, FigDigits, type FigDigitsProps, type FigDomain, FigParagraph, type FigParagraphProps, FigTag, FigText, type FigTextProps, type FigTextSize, type FigTextTone, type FigTextWeight, Figure, FigureAction, FigureHeader, type FigureHeaderProps, type FigureProps, FigureStatusLine, type FigureStatusLineProps, type FillSlot, FilterFunnel, type FixedWorldAdvance, Flame, Flashcard, FlashcardDeck, type FlashcardItem, ForceArrow, type ForceArrowProps, FormulaTerm, type FreqNode, FrequencyTree, type FrequencyTreeProps, FrictionMeter, type FrictionMeterProps, FunctionalGroup, GAUGE, type GaugeRole, Glass, type GlassProps, type GlassShape, Ground, GroupTerm, GroupTest, type GuessTone, Guide, HUE, HazardChip, HeatToolIcon, HintLadder, type Hints, HydratePart, Illustration, type IllustrationProps, Incline, type InclineGeometry, type InclineProps, IndexPage, IonDrift, IonicCharge, IonicComponent, type LabAssetKind, LabAssetProvider, type LabAssetProviderProps, type LabAssetRequest, type LabAssetResolver, type LabAssetSource, type LabAssetValue, type LearningBranch, type LearningGate, type LearningPhase, type LearningSequence, LearningSequenceNav, type LearningSequenceStep, LedgerCard, type LedgerCardProps, type LedgerCategory, LedgerFigure, type LedgerLine, Legend, type LegendEntry, type LegendMark, type LegendProps, LiftCar, type LiftCarProps, LiveRegion, Marker, MassBlock, type MassBlockProps, type Material, MathText, MeasuringCylinder, type MechTone, MineralWoolPlug, MolarMassDatum, Molecule, MoleculeCaption, MoleculeSpec, NmrSpectrumFigure, NoteBundle, type NoteBundleProps, OBSERVED, Objectives, ObservedColour, PERCENT_LANGUAGE, Particle, PercentCase, PercentMeaning, PercentResult, Person, type PersonProps, PipetteToolIcon, Planet, type PlanetKind, type PlanetProps, PlanetSection, type PlanetSectionProps, type PlayGate, PlayWrap, type PlotBox, PlotChart, type PlotChartProps, PlotFrame, type PlotFrameProps, type PlotGeom, type PlotGuide, type PlotLegendItem, Precipitate, PredictGate, type PredictGateProps, PredictPlot, type PredictPlotProps, type ProbabilityBoardOutcome, ProbabilityContributionBoard, ProcessPipe, ProcessValve, Pulley, type PulleyProps, QuantityInput, QuantityKind, QuantityPoint, QuantityRoute, QuantityRouteFigure, QuantityRouteFigureProps, QuantityRouteProps, QuantityRouteResult, QuantityRouteStep, type QuantityScene, QuantityScienceData, QuantityTarget, QuantityTransformKind, QuantityUnit, QueryOperator, Ray, Readout, type RecallGrade, type RecallKind, type RecallProgress, type ReceiptItem, ReceiptScene, type ReceiptSceneProps, Region, Reservoir, type ReservoirKind, type ReservoirProps, RetortStand, RevealSolution, type RevealSolutionProps, type RigPoint, RuleCard, type RuleDef, RuleFigure, type RuleInput, RuleLab, type RunOptions, type RunResult, SPACE, STAR_RAMP, STROKE, SafetyNote, type SceneAdapter, type SceneLibrary, SceneLibraryManager, type SceneMeta, type SceneRig, SceneStudio, type SceneStudioProps, SegmentBar, type SimulationClock, type SimulationClockOptions, type SimulationClockState, type SimulationDefinition, type SimulationHandle, type SimulationPhase, SlotFill, type SlotFillProps, type SlotFillState, SlotTray, SolenoidGlyph, type SolenoidGlyphProps, SolvedPill, SourceDoc, SourceDocCard, type SourceDocKind, type SourceDocProps, SpaceBackdrop, type SpaceBackdropProps, Spacecraft, type SpacecraftProps, SpatulaToolIcon, SpotSpec, SpotTheError, type SpotTheErrorLine, SpringGlyph, type SpringGlyphProps, StarBody, type StarBodyProps, Starfield, type StarfieldProps, Stat, StatList, type StepOrderItem, StepOrderPuzzle, StepTransport, type StockGuide, StockTimeline, type StockTimelineProps, StorageNode, StoryBeat, type StrokeRole, StructureFigure, StructureFigureProps, SubDirection, Substituent, type SuccessOperator, SvgChemicalFormula, SweepMeter, type SweepMeterProps, SweptBody, type SweptBodyKind, type SweptBodyProps, type SweptElementKind, TAccount, type TAccountProps, TestTube, TestTubeRack, Thread, type ThreadProps, Track, TradeoffCurve, type TradeoffCurveProps, Tripod, type Unknown, UnknownChip, type UseSimulationOptions, Vault, type VaultProps, Vertex, Vessel, VesselGlyph, type VesselGlyphProps, type VesselProps, VolumetricPipette, WORLDS, WashBottleToolIcon, WheelGlyph, type WheelGlyphProps, type Worked, WorkedSteps, type World, type WorldName, type WorldRuntime, type WorldRuntimeOptions, type WorldRuntimePhase, WorldScene, type WorldSceneFrame, type WorldSceneProps, type WorldSkin, type WorldSkinProps, activitySteps, adaptCompositionEvidence, advanceSimulation, advanceSimulationClock, advanceWorldFixed, alpha, atomPoints, blankDraft, buildNeutralIonicFormula, calc, chainPoints, chainWidth, checkEquationConservation, clipPolyline, clueTotal, compileAuthoredActivity, createQuantityRoute, dataScene, defaultLabAssetResolver, defineAuthoredActivity, defineInvestigation, defineRig, defineSceneAdapter, defineSimulation, docTitle, draftToLines, elementCounts, equationAccessibleText, equationDisplayText, equationSpecies, evaluateAuthoredResponse, figUrl, fmt, formatQuantity, formulaAccessibleText, formulaDisplayText, formulaToLatex, gapForLabel, getClueScene, getScene, getWorldSkin, glassInner, groupById, hashUnit, inclineGeometry, inspectPercent, isCompiledAuthoredActivity, isDisplayed, isRecallDue, listClueScenes, listScenes, loadSceneLibrary, material, moleculeBox, neutralFormula, outcomeShort, parseAmount, parseChemicalFormula, pinnedRamp, quantityUnit, registerClueScene, registerDataScene, registerScene, registerScenes, registerWorldSkin, relativeFormulaMass, requireNeutralFormula, ringCentre, runSimulation, saveSceneLibrary, scale, scheduleRecall, sci, shade, signedCharge, simulationProgress, structureSize, subscriptNumber, texNum, tint, transformRig, transitionBehavior, useBehaviorMachine, useChallenge, useCheckpoint, useFigureId, useFrameTick, useHints, useLabAsset, useLearningSequence, usePlayGate, useReducedMotion, useReducedMotionDeferred, useSceneLibrary, useSimulation, useSimulationClock, useSlotFill, useWorldRuntime, withAuthoredObjectives, withCoefficient, wrapText };

package/dist/kit/index.mjs

@@ -1,11 +1,5 @@
 import { Activity, StepTransport } from "./activity.mjs";
 import { Field, LiveRegion, Readout, Stat, StatList } from "./frame.mjs";
-import { Celebrate, SolvedPill } from "./celebrate.mjs";
-import { ChallengeCard, Feedback, HintLadder, Objectives, RevealSolution, useChallenge, useCheckpoint, useHints } from "./pedagogy.mjs";
-import { activitySteps, compileAuthoredActivity, defineAuthoredActivity, defineInvestigation, isCompiledAuthoredActivity, withAuthoredObjectives } from "./activity-authoring.mjs";
-import { AuthoredResponse, evaluateAuthoredResponse } from "./authored-response.mjs";
-import { LearningSequenceNav, useLearningSequence } from "./learning-sequence.mjs";
-import { AuthoredActivityRuntime, AuthoredMetricGate } from "./authored-activity-runtime.mjs";
 import { Figure, HUE, STROKE, alpha, figUrl, fmt, material, sci, shade, tint, useFigureId } from "./figure/figure.mjs";
 import { GAUGE } from "./figure/gauge.mjs";
 import { FigDigits } from "./figure/digits.mjs";
@@ -18,7 +12,19 @@ import { Legend } from "./figure/legend.mjs";
 import { Illustration } from "./figure/illustration.mjs";
 import { FigureAction } from "./figure/action.mjs";
 import { AccessPathGlyph, DataPacket, FigureHeader, FigureStatusLine, IndexPage, QueryOperator, StorageNode } from "./figure/system.mjs";
+import { activitySteps, compileAuthoredActivity, defineAuthoredActivity, defineInvestigation, isCompiledAuthoredActivity, withAuthoredObjectives } from "./activity-authoring.mjs";
+import { AuthoredResponse, evaluateAuthoredResponse } from "./authored-response.mjs";
+import { LearningSequenceNav, useLearningSequence } from "./learning-sequence.mjs";
+import { Celebrate, SolvedPill } from "./celebrate.mjs";
+import { ChallengeCard, Feedback, HintLadder, Objectives, RevealSolution, useChallenge, useCheckpoint, useHints } from "./pedagogy.mjs";
+import { AuthoredActivityRuntime, AuthoredMetricGate } from "./authored-activity-runtime.mjs";
+import { CRAFT, SPACE, STAR_RAMP, WORLDS, hashUnit } from "./space/palette.mjs";
+import { SpaceBackdrop, Starfield } from "./space/backdrop.mjs";
+import { Planet, Spacecraft, StarBody } from "./space/bodies.mjs";
+import { getWorldSkin, registerWorldSkin } from "./world/skin-registry.mjs";
+import { WorldScene } from "./world/world-scene.mjs";
 import { useFrameTick, useReducedMotion, useReducedMotionDeferred } from "./anim.mjs";
+import { advanceWorldFixed, useWorldRuntime } from "./world/runtime.mjs";
 import { advanceSimulationClock, simulationProgress, useSimulationClock } from "./simulation/clock.mjs";
 import { transitionBehavior, useBehaviorMachine } from "./simulation/behavior.mjs";
 import { defineRig, transformRig } from "./simulation/rig.mjs";
@@ -30,10 +36,8 @@ import { DamperGlyph, ForceArrow, FrictionMeter, Incline, LiftCar, MassBlock, Pu
 import { BrickStack, CentreOfMass, Chain, DimensionLine, EnergyBars, EnergyKey, Reservoir } from "./mechanics/energy.mjs";
 import { PredictGate } from "./predict-gate.mjs";
 import { RuleCard, RuleFigure, RuleLab, WorkedSteps } from "./rule.mjs";
-import { CRAFT, SPACE, STAR_RAMP, WORLDS, hashUnit } from "./space/palette.mjs";
-import { SpaceBackdrop, Starfield } from "./space/backdrop.mjs";
-import { Planet, Spacecraft, StarBody } from "./space/bodies.mjs";
 import { FieldProbe, PlanetSection } from "./gravitation/section.mjs";
+import { BarMagnet, CoilLoopGlyph, CompassNeedle, CoupledCoilsGlyph, CurrentIn, CurrentMark, CurrentOut, DipCircle, FieldLattice, FieldLine, SolenoidGlyph, clipPolyline } from "./magnetism/glyphs.mjs";
 import { PredictPlot } from "./predict.mjs";
 import { Vessel, VesselGlyph } from "./vessel.mjs";
 import { DotCluster } from "./cluster.mjs";
@@ -42,7 +46,7 @@ import { Blank, SlotFill, SlotTray, useSlotFill } from "./slot-fill.mjs";
 import { ReceiptScene } from "./receipt.mjs";
 import { ClueBalance, ClueBar, ClueCoins, ClueReceipt, ClueScene, ClueTiles, UnknownChip, clueTotal, getClueScene, listClueScenes, registerClueScene } from "./clue-scene.mjs";
 import { OBSERVED, Precipitate, pinnedRamp } from "./chemistry/observation.mjs";
-import { AbsorptionTube, BunsenBurner, Burette, CombustionTube, Crucible, CrystalCluster, DeliveryTube, EvaporatingBasin, FilterFunnel, Tripod, VolumetricPipette } from "./chemistry/glassware.mjs";
+import { AbsorptionTube, BunsenBurner, Burette, CombustionTube, Crucible, CrystalCluster, DeliveryTube, DeliveryTubePath, ElectronicBalance, EvaporatingBasin, FilterFunnel, MeasuringCylinder, MineralWoolPlug, RetortStand, TestTube, TestTubeRack, Tripod, VolumetricPipette } from "./chemistry/glassware.mjs";
 import { Electrode, ElectrodeGas, IonDrift } from "./chemistry/electrode.mjs";
 import { HazardChip, SafetyNote } from "./chemistry/safety.mjs";
 import { NmrSpectrumFigure } from "./chemistry/nmr-figure.mjs";
@@ -58,20 +62,22 @@ import { PERCENT_LANGUAGE, formatQuantity, inspectPercent } from "./chemistry/pe
 import { CatalystReactor, DialGauge, ProcessPipe, ProcessValve } from "./chemistry/process.mjs";
 import { createQuantityRoute, quantityUnit } from "./chemistry/quantity-route.mjs";
 import { QuantityRoute, QuantityRouteFigure } from "./chemistry/quantity-route-figure.mjs";
+import { CoolToolIcon, HeatToolIcon, PipetteToolIcon, SpatulaToolIcon, WashBottleToolIcon } from "./chemistry/tool-icons.mjs";
 import { Building, CoinStack, Crate, CrateStack, NoteBundle, Person, SourceDoc, Vault } from "./commerce/glyphs.mjs";
 import { CATEGORY_HUE, LedgerCard, TAccount } from "./commerce/ledger.mjs";
+import { CastAvatar, EntryBuilder, EquationStrip, LedgerFigure, SourceDocCard, StoryBeat, blankDraft, docTitle, draftToLines, parseAmount } from "./commerce/books.mjs";
 import { PlotChart } from "./finance-viz/plot-chart.mjs";
 import { ApportionBar } from "./finance-viz/apportion-bar.mjs";
 import { StockTimeline } from "./finance-viz/stock-timeline.mjs";
 import { TradeoffCurve } from "./finance-viz/tradeoff-curve.mjs";
 import { LabAssetProvider, defaultLabAssetResolver, useLabAsset } from "./assets.mjs";
 import { CoinGlyph, DiceGlyph, ProbabilityContributionBoard } from "./probability.mjs";
-import { StepNav, useSteps } from "./steps.mjs";
-import { GuideNav, useGuide } from "./guide.mjs";
-import { BarMagnet, CoilLoopGlyph, CompassNeedle, CurrentIn, CurrentMark, CurrentOut, DipCircle, FieldLine, SolenoidGlyph, clipPolyline } from "./magnetism/glyphs.mjs";
+import { FrequencyTree } from "./freq-tree.mjs";
 import { dataScene, registerDataScene } from "./data-scene.mjs";
 import { SceneStudio } from "./scene-studio.mjs";
 import { SceneLibraryManager, loadSceneLibrary, registerScenes, saveSceneLibrary, useSceneLibrary } from "./scene-library.mjs";
+import { isRecallDue, scheduleRecall } from "./recall-schedule.mjs";
+import { ChapterSummary, Flashcard, FlashcardDeck, MathText, SpotTheError, StepOrderPuzzle } from "./active-recall.mjs";
 import { Calc, calc, texNum } from "@classytic/stage/core";
 
-export { AbsorptionTube, AccessPathGlyph, Activity, ApportionBar, Area, Arrow, AuthoredActivityRuntime, AuthoredMetricGate, AuthoredResponse, BOND, Ball, BarMagnet, Blank, Block, Bond, BrickStack, Bubbles, Building, BunsenBurner, Burette, CATEGORY_HUE, COMPOUNDS, CRAFT, Calc, CatalystReactor, Celebrate, CentreOfMass, Chain, ChallengeCard, ChemicalFormula, ClueBalance, ClueBar, ClueCoins, ClueReceipt, ClueScene, ClueTiles, CoilLoopGlyph, CoinGlyph, CoinStack, CombustionTube, CompassNeedle, Crate, CrateStack, Crucible, CrystalCluster, CurrentIn, CurrentMark, CurrentOut, Curve, DEFAULT_FIXED_STEP_S, DEFAULT_MAX_CATCH_UP_S, DamperGlyph, DataPacket, DeliveryTube, DialGauge, DiceGlyph, DimensionLine, DipCircle, DotCluster, Electrode, ElectrodeGas, EnergyBars, EnergyKey, EvaporatingBasin, FUNCTIONAL_GROUPS, Feedback, Field, FieldLine, FieldProbe, FigDigits, FigParagraph, FigTag, FigText, Figure, FigureAction, FigureHeader, FigureStatusLine, FilterFunnel, Flame, ForceArrow, FrictionMeter, GAUGE, Glass, Ground, Guide, GuideNav, HUE, HazardChip, HintLadder, Illustration, Incline, IndexPage, IonDrift, LabAssetProvider, LearningSequenceNav, LedgerCard, Legend, LiftCar, LiveRegion, Marker, MassBlock, Molecule, MoleculeCaption, NmrSpectrumFigure, NoteBundle, OBSERVED, Objectives, PERCENT_LANGUAGE, Particle, Person, Planet, PlanetSection, PlayWrap, PlotChart, PlotFrame, Precipitate, PredictGate, PredictPlot, ProbabilityContributionBoard, ProcessPipe, ProcessValve, Pulley, QuantityRoute, QuantityRouteFigure, QueryOperator, Ray, Readout, ReceiptScene, Region, Reservoir, RevealSolution, RuleCard, RuleFigure, RuleLab, SPACE, STAR_RAMP, STROKE, SafetyNote, SceneLibraryManager, SceneStudio, SegmentBar, SlotFill, SlotTray, SolenoidGlyph, SolvedPill, SourceDoc, SpaceBackdrop, Spacecraft, SpringGlyph, StarBody, Starfield, Stat, StatList, StepNav, StepTransport, StockTimeline, StorageNode, StructureFigure, SvgChemicalFormula, SweepMeter, SweptBody, TAccount, Thread, Track, TradeoffCurve, Tripod, UnknownChip, Vault, Vessel, VesselGlyph, VolumetricPipette, WORLDS, WheelGlyph, WorkedSteps, activitySteps, adaptCompositionEvidence, advanceSimulation, advanceSimulationClock, alpha, atomPoints, buildNeutralIonicFormula, calc, chainPoints, chainWidth, checkEquationConservation, clipPolyline, clueTotal, compileAuthoredActivity, createQuantityRoute, dataScene, defaultLabAssetResolver, defineAuthoredActivity, defineInvestigation, defineRig, defineSceneAdapter, defineSimulation, elementCounts, equationAccessibleText, equationDisplayText, equationSpecies, evaluateAuthoredResponse, figUrl, fmt, formatQuantity, formulaAccessibleText, formulaDisplayText, formulaToLatex, gapForLabel, getClueScene, getScene, glassInner, groupById, hashUnit, inclineGeometry, inspectPercent, isCompiledAuthoredActivity, isDisplayed, listClueScenes, listScenes, loadSceneLibrary, material, moleculeBox, neutralFormula, outcomeShort, parseChemicalFormula, pinnedRamp, quantityUnit, registerClueScene, registerDataScene, registerScene, registerScenes, relativeFormulaMass, requireNeutralFormula, ringCentre, runSimulation, saveSceneLibrary, scale, sci, shade, signedCharge, simulationProgress, structureSize, subscriptNumber, texNum, tint, transformRig, transitionBehavior, useBehaviorMachine, useChallenge, useCheckpoint, useFigureId, useFrameTick, useGuide, useHints, useLabAsset, useLearningSequence, usePlayGate, useReducedMotion, useReducedMotionDeferred, useSceneLibrary, useSimulation, useSimulationClock, useSlotFill, useSteps, withAuthoredObjectives, withCoefficient, wrapText };
+export { AbsorptionTube, AccessPathGlyph, Activity, ApportionBar, Area, Arrow, AuthoredActivityRuntime, AuthoredMetricGate, AuthoredResponse, BOND, Ball, BarMagnet, Blank, Block, Bond, BrickStack, Bubbles, Building, BunsenBurner, Burette, CATEGORY_HUE, COMPOUNDS, CRAFT, Calc, CastAvatar, CatalystReactor, Celebrate, CentreOfMass, Chain, ChallengeCard, ChapterSummary, ChemicalFormula, ClueBalance, ClueBar, ClueCoins, ClueReceipt, ClueScene, ClueTiles, CoilLoopGlyph, CoinGlyph, CoinStack, CombustionTube, CompassNeedle, CoolToolIcon, CoupledCoilsGlyph, Crate, CrateStack, Crucible, CrystalCluster, CurrentIn, CurrentMark, CurrentOut, Curve, DEFAULT_FIXED_STEP_S, DEFAULT_MAX_CATCH_UP_S, DamperGlyph, DataPacket, DeliveryTube, DeliveryTubePath, DialGauge, DiceGlyph, DimensionLine, DipCircle, DotCluster, Electrode, ElectrodeGas, ElectronicBalance, EnergyBars, EnergyKey, EntryBuilder, EquationStrip, EvaporatingBasin, FUNCTIONAL_GROUPS, Feedback, Field, FieldLattice, FieldLine, FieldProbe, FigDigits, FigParagraph, FigTag, FigText, Figure, FigureAction, FigureHeader, FigureStatusLine, FilterFunnel, Flame, Flashcard, FlashcardDeck, ForceArrow, FrequencyTree, FrictionMeter, GAUGE, Glass, Ground, Guide, HUE, HazardChip, HeatToolIcon, HintLadder, Illustration, Incline, IndexPage, IonDrift, LabAssetProvider, LearningSequenceNav, LedgerCard, LedgerFigure, Legend, LiftCar, LiveRegion, Marker, MassBlock, MathText, MeasuringCylinder, MineralWoolPlug, Molecule, MoleculeCaption, NmrSpectrumFigure, NoteBundle, OBSERVED, Objectives, PERCENT_LANGUAGE, Particle, Person, PipetteToolIcon, Planet, PlanetSection, PlayWrap, PlotChart, PlotFrame, Precipitate, PredictGate, PredictPlot, ProbabilityContributionBoard, ProcessPipe, ProcessValve, Pulley, QuantityRoute, QuantityRouteFigure, QueryOperator, Ray, Readout, ReceiptScene, Region, Reservoir, RetortStand, RevealSolution, RuleCard, RuleFigure, RuleLab, SPACE, STAR_RAMP, STROKE, SafetyNote, SceneLibraryManager, SceneStudio, SegmentBar, SlotFill, SlotTray, SolenoidGlyph, SolvedPill, SourceDoc, SourceDocCard, SpaceBackdrop, Spacecraft, SpatulaToolIcon, SpotTheError, SpringGlyph, StarBody, Starfield, Stat, StatList, StepOrderPuzzle, StepTransport, StockTimeline, StorageNode, StoryBeat, StructureFigure, SvgChemicalFormula, SweepMeter, SweptBody, TAccount, TestTube, TestTubeRack, Thread, Track, TradeoffCurve, Tripod, UnknownChip, Vault, Vessel, VesselGlyph, VolumetricPipette, WORLDS, WashBottleToolIcon, WheelGlyph, WorkedSteps, WorldScene, activitySteps, adaptCompositionEvidence, advanceSimulation, advanceSimulationClock, advanceWorldFixed, alpha, atomPoints, blankDraft, buildNeutralIonicFormula, calc, chainPoints, chainWidth, checkEquationConservation, clipPolyline, clueTotal, compileAuthoredActivity, createQuantityRoute, dataScene, defaultLabAssetResolver, defineAuthoredActivity, defineInvestigation, defineRig, defineSceneAdapter, defineSimulation, docTitle, draftToLines, elementCounts, equationAccessibleText, equationDisplayText, equationSpecies, evaluateAuthoredResponse, figUrl, fmt, formatQuantity, formulaAccessibleText, formulaDisplayText, formulaToLatex, gapForLabel, getClueScene, getScene, getWorldSkin, glassInner, groupById, hashUnit, inclineGeometry, inspectPercent, isCompiledAuthoredActivity, isDisplayed, isRecallDue, listClueScenes, listScenes, loadSceneLibrary, material, moleculeBox, neutralFormula, outcomeShort, parseAmount, parseChemicalFormula, pinnedRamp, quantityUnit, registerClueScene, registerDataScene, registerScene, registerScenes, registerWorldSkin, relativeFormulaMass, requireNeutralFormula, ringCentre, runSimulation, saveSceneLibrary, scale, scheduleRecall, sci, shade, signedCharge, simulationProgress, structureSize, subscriptNumber, texNum, tint, transformRig, transitionBehavior, useBehaviorMachine, useChallenge, useCheckpoint, useFigureId, useFrameTick, useHints, useLabAsset, useLearningSequence, usePlayGate, useReducedMotion, useReducedMotionDeferred, useSceneLibrary, useSimulation, useSimulationClock, useSlotFill, useWorldRuntime, withAuthoredObjectives, withCoefficient, wrapText };

package/dist/kit/instruments.mjs

@@ -6,8 +6,8 @@ import { FigDigits } from "./figure/digits.mjs";
 import { useReducedMotionDeferred } from "./anim.mjs";
 import { GLOSS, SHADOW } from "./instruments-palette.mjs";
 import { useCallback, useContext, useEffect, useId, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CoordsContext } from "@classytic/stage";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/kit/instruments.tsx
 /**
@@ -605,6 +605,7 @@ function KnobField({ label, value, min, max, step = 1, onChange, unit, dp, ariaL
 	const places = dp ?? (step >= 1 ? 0 : step >= .1 ? 1 : 2);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "lab-field",
+		"data-control": "knob",
 		children: [label && /* @__PURE__ */ jsx("span", {
 			className: "lab-field-label",
 			children: label

package/dist/kit/learning-sequence.mjs

@@ -76,13 +76,20 @@ function LearningSequenceNav({ sequence, prompted = false, showPending = true })
 					children: [/* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" }), "Back"]
 				}),
 				/* @__PURE__ */ jsxs("span", {
-					className: "lab-sequence-count",
+					className: "lab-sequence-progress",
 					"aria-live": "polite",
-					children: [
-						sequence.index + 1,
-						" / ",
-						sequence.total
-					]
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "lab-sequence-count",
+						children: [
+							sequence.index + 1,
+							" / ",
+							sequence.total
+						]
+					}), /* @__PURE__ */ jsx("progress", {
+						max: sequence.total,
+						value: sequence.index + 1,
+						"aria-label": `Step ${sequence.index + 1} of ${sequence.total}`
+					})]
 				}),
 				/* @__PURE__ */ jsxs(ActionButton, {
 					onClick: sequence.next,

package/dist/kit/logic-gates/_shared.mjs

@@ -4,8 +4,7 @@ const WIRE = "var(--stage-wire)";
 const LIVE = "var(--stage-live)";
 const METAL = "var(--stage-metal)";
 const BG = "var(--stage-bg)";
-const FG = "var(--stage-fg)";
 const SHEEN = "color-mix(in oklab, var(--stage-sheen) 50%, transparent)";
 
 //#endregion
-export { BG, FG, LIVE, METAL, SHEEN, WIRE };
+export { BG, LIVE, METAL, SHEEN, WIRE };

package/dist/kit/logic-gates/display.mjs

@@ -1,6 +1,8 @@
 'use client';
 
-import { BG, FG, LIVE, METAL, SHEEN } from "./_shared.mjs";
+import { STROKE } from "../figure/figure.mjs";
+import { FigText } from "../figure/text.mjs";
+import { BG, LIVE, METAL, SHEEN } from "./_shared.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/kit/logic-gates/display.tsx
@@ -13,7 +15,7 @@ function Lamp({ cx, cy, r, on, color = LIVE, label }) {
 			r,
 			fill: on ? color : "color-mix(in oklab, var(--stage-metal) 14%, var(--stage-bg))",
 			stroke: on ? color : METAL,
-			strokeWidth: 1.5
+			strokeWidth: STROKE.line
 		}),
 		/* @__PURE__ */ jsx("circle", {
 			cx: cx - r * .28,
@@ -22,15 +24,13 @@ function Lamp({ cx, cy, r, on, color = LIVE, label }) {
 			fill: SHEEN,
 			opacity: on ? .5 : .2
 		}),
-		label && /* @__PURE__ */ jsx("text", {
+		label && /* @__PURE__ */ jsx(FigText, {
 			x: cx,
 			y: cy + r + 5,
-			fill: "var(--stage-fg)",
-			fontSize: Math.max(8, r * .85),
-			fontWeight: 700,
-			textAnchor: "middle",
-			dominantBaseline: "hanging",
-			style: { pointerEvents: "none" },
+			anchor: "middle",
+			baseline: "hanging",
+			size: "note",
+			weight: "bold",
 			children: label
 		})
 	] });
@@ -222,7 +222,7 @@ function SevenSegment({ x, y, w = 46, h = 80, value, segs, color = "var(--stage-
 			rx: 6,
 			fill: "color-mix(in oklab, var(--stage-bg) 80%, var(--stage-metal))",
 			stroke: "var(--stage-grid)",
-			strokeWidth: 1
+			strokeWidth: STROKE.hair
 		}),
 		seg("a", on[0], x + t, y, x + w - t, y),
 		seg("b", on[1], x + w, y + t, x + w, midY - t * .5),
@@ -246,7 +246,7 @@ function ToggleSwitch({ x, y, w, h, on, label }) {
 			rx: r,
 			fill: on ? "color-mix(in oklab, var(--stage-live) 35%, transparent)" : "color-mix(in oklab, var(--stage-metal) 18%, transparent)",
 			stroke: on ? LIVE : METAL,
-			strokeWidth: 1.5
+			strokeWidth: STROKE.line
 		}),
 		/* @__PURE__ */ jsx("circle", {
 			cx: knobX,
@@ -254,7 +254,7 @@ function ToggleSwitch({ x, y, w, h, on, label }) {
 			r: r - 2.5,
 			fill: BG,
 			stroke: on ? LIVE : METAL,
-			strokeWidth: 1.5
+			strokeWidth: STROKE.line
 		}),
 		/* @__PURE__ */ jsx("circle", {
 			cx: knobX - (r - 2.5) * .3,
@@ -263,15 +263,13 @@ function ToggleSwitch({ x, y, w, h, on, label }) {
 			fill: SHEEN,
 			opacity: .6
 		}),
-		label && /* @__PURE__ */ jsx("text", {
+		label && /* @__PURE__ */ jsx(FigText, {
 			x: x + w / 2,
 			y: y - 4,
-			fill: "var(--stage-fg)",
-			fontSize: Math.max(9, h * .7),
-			fontWeight: 700,
-			textAnchor: "middle",
-			dominantBaseline: "auto",
-			style: { pointerEvents: "none" },
+			anchor: "middle",
+			size: "note",
+			weight: "bold",
+			caps: false,
 			children: label
 		})
 	] });