@classytic/labs 0.3.0 → 0.4.0

package/dist/lab-def/lab-runtime.mjs

@@ -1,6 +1,7 @@
 'use client';
 
 import { LabEmbedProvider } from "../kit/embed.mjs";
+import { ControlPolicy } from "../kit/frame.mjs";
 import { Component, createElement, useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@/components/ui/button";
@@ -126,8 +127,27 @@ function LabRuntime({ loader, attributes }) {
 	* lab learns that the surrounding lesson has already introduced it. Importing a lab
 	* component directly (gallery, stage-preview, authoring) bypasses this and keeps the
 	* full self-introducing heading, which is correct: there, nothing else names it.
+	*
+	* The authored title/prompt ride the same provider rather than relying on the lab to
+	* thread them: most labs never declared the props, so a lesson could not rename them.
+	* They are still passed to the component too, for the labs that do take them.
 	*/
-	return createElement(LabEmbedProvider, null, createElement(state.Comp, attributes));
+	/**
+	* The creator's control policy rides the same provider, for the same reason.
+	*
+	* `controlConfig` is how a teacher narrows a multi-mode lab to the one setup today's lesson is
+	* about: lock the temperature so the class explores pressure against volume and nothing else.
+	* The mechanism has been there the whole time and 18 of 296 labs could receive it, because each
+	* one had to declare the prop and forward it by hand. Applied here it reaches every lab rendered
+	* from a manifest, including the ones that will never take the prop.
+	*/
+	return createElement(LabEmbedProvider, {
+		title: attributes.title,
+		prompt: attributes.mission ?? attributes.prompt
+	}, createElement(ControlPolicy, {
+		config: attributes.controlConfig,
+		children: createElement(state.Comp, attributes)
+	}));
 }
 
 //#endregion

package/dist/lab-def/to-block.mjs

@@ -37,7 +37,7 @@ function manifestToBlock(manifest) {
 			});
 			if (mode !== "editing" || !updateAttributes) return /* @__PURE__ */ jsxs(Fragment, { children: [runtime, children] });
 			const onChange = updateAttributes;
-			return /* @__PURE__ */ jsxs("div", { children: [manifest.loadAuthoring ? /* @__PURE__ */ jsx(LabAuthoring, {
+			const panel = manifest.loadAuthoring ? /* @__PURE__ */ jsx(LabAuthoring, {
 				loader: manifest.loadAuthoring,
 				value: attributes,
 				onChange
@@ -46,7 +46,8 @@ function manifestToBlock(manifest) {
 				value: attributes,
 				onChange,
 				...manifest.omit ? { omit: manifest.omit } : {}
-			}), runtime] });
+			});
+			return /* @__PURE__ */ jsxs("div", { children: [panel, runtime] });
 		}
 	});
 }

package/dist/language/activity.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/activity.d.ts
 interface LanguageActivityProps {
   title: ReactNode;
@@ -13,16 +12,6 @@ interface LanguageActivityProps {
   canvasLabel?: string;
 }
 /** One compact anatomy for vocabulary, listening, grammar, and reading activities. */
-declare function LanguageActivity({
-  title,
-  prompt,
-  objectives,
-  progress,
-  children,
-  aside,
-  controls,
-  footer,
-  canvasLabel
-}: LanguageActivityProps): ReactNode;
+declare function LanguageActivity({ title, prompt, objectives, progress, children, aside, controls, footer, canvasLabel }: LanguageActivityProps): ReactNode;
 //#endregion
 export { LanguageActivity, LanguageActivityProps };

package/dist/language/agreement/index.d.mts

@@ -1 +1,2 @@
-import { AgreementItem, AgreementLab, AgreementProps } from "./preset.mjs";
+import { AgreementItem, AgreementLab, AgreementProps } from "./preset.mjs";
+export { type AgreementItem, AgreementLab, type AgreementProps };

package/dist/language/agreement/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/agreement/preset.d.ts
 interface AgreementItem {
   /** The subject, e.g. "She" / "They" / "The boys". */
@@ -26,13 +25,6 @@ interface AgreementProps {
   title?: string;
   prompt?: string;
 }
-declare function AgreementLab({
-  items,
-  objectives,
-  hints: hintList,
-  lang,
-  title,
-  prompt
-}: AgreementProps): ReactNode;
+declare function AgreementLab({ items, objectives, hints: hintList, lang, title, prompt }: AgreementProps): ReactNode;
 //#endregion
 export { AgreementItem, AgreementLab, AgreementProps };

package/dist/language/article-lens/index.d.mts

@@ -1 +1,2 @@
-import { Article, ArticleItem, ArticleLensLab, ArticleLensProps } from "./preset.mjs";
+import { Article, ArticleItem, ArticleLensLab, ArticleLensProps } from "./preset.mjs";
+export { type Article, type ArticleItem, ArticleLensLab, type ArticleLensProps };

package/dist/language/article-lens/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/article-lens/preset.d.ts
 type Article = 'a' | 'an' | 'the' | ', ';
 interface ArticleItem {
@@ -26,13 +25,6 @@ interface ArticleLensProps {
   title?: string;
   prompt?: string;
 }
-declare function ArticleLensLab({
-  items,
-  objectives,
-  hints: hintList,
-  lang,
-  title,
-  prompt
-}: ArticleLensProps): ReactNode;
+declare function ArticleLensLab({ items, objectives, hints: hintList, lang, title, prompt }: ArticleLensProps): ReactNode;
 //#endregion
 export { Article, ArticleItem, ArticleLensLab, ArticleLensProps };

package/dist/language/cloze/index.d.mts

@@ -1 +1,2 @@
-import { ClozeItem, ClozeLab, ClozeProps } from "./preset.mjs";
+import { ClozeItem, ClozeLab, ClozeProps } from "./preset.mjs";
+export { type ClozeItem, ClozeLab, type ClozeProps };

package/dist/language/cloze/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/cloze/preset.d.ts
 interface ClozeItem {
   /** Sentence with each blank written as `___` (three or more underscores). */
@@ -24,13 +23,6 @@ interface ClozeProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function ClozeLab({
-  items,
-  lang,
-  title,
-  prompt,
-  objectives,
-  hints: hintList
-}: ClozeProps): ReactNode;
+declare function ClozeLab({ items, lang, title, prompt, objectives, hints: hintList }: ClozeProps): ReactNode;
 //#endregion
 export { ClozeItem, ClozeLab, ClozeProps };

package/dist/language/cloze/preset.mjs

@@ -30,10 +30,12 @@ const BLANK = /_{3,}/g;
 function ClozeCard({ item, lang, onSolved }) {
 	const segments = item.text.split(BLANK);
 	const nBlanks = segments.length - 1;
-	const fill = useSlotFill(Array.from({ length: nBlanks }, (_, i) => ({
+	const slots = Array.from({ length: nBlanks }, (_, i) => ({
 		id: `b${i}`,
 		answer: item.answers[i] ?? ""
-	})), seededShuffle([...new Set([...item.answers, ...item.distractors ?? []])], 7), "cloze", onSolved);
+	}));
+	const tiles = seededShuffle([.../* @__PURE__ */ new Set([...item.answers, ...item.distractors ?? []])], 7);
+	const fill = useSlotFill(slots, tiles, "cloze", onSolved);
 	let ai = 0;
 	const spoken = item.text.replace(BLANK, () => item.answers[ai++] ?? "");
 	return /* @__PURE__ */ jsxs("div", {

package/dist/language/deck.d.mts

@@ -1,5 +1,4 @@
 import { IconValue } from "./icon.mjs";
-
 //#region src/language/deck.d.ts
 /** Part of speech, drives the Montessori-style colour coding across grammar
  *  labs so a learner builds one consistent visual intuition. */

package/dist/language/dictation/index.d.mts

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

package/dist/language/dictation/preset.d.mts

@@ -1,6 +1,5 @@
 import { Deck } from "../deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/dictation/preset.d.ts
 interface DictationProps {
   deck: Deck;
@@ -10,12 +9,6 @@ interface DictationProps {
   prompt?: string;
   objectives?: string[];
 }
-declare function DictationLab({
-  deck,
-  showMeaning,
-  title,
-  prompt,
-  objectives
-}: DictationProps): ReactNode;
+declare function DictationLab({ deck, showMeaning, title, prompt, objectives }: DictationProps): ReactNode;
 //#endregion
 export { DictationLab, DictationProps };

package/dist/language/error-correct/index.d.mts

@@ -1 +1,2 @@
-import { ErrorCorrectLab, ErrorCorrectProps, ErrorItem } from "./preset.mjs";
+import { ErrorCorrectLab, ErrorCorrectProps, ErrorItem } from "./preset.mjs";
+export { ErrorCorrectLab, type ErrorCorrectProps, type ErrorItem };

package/dist/language/error-correct/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/error-correct/preset.d.ts
 interface ErrorItem {
   /** The sentence containing exactly one mistake. */
@@ -18,12 +17,6 @@ interface ErrorCorrectProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function ErrorCorrectLab({
-  items,
-  title,
-  prompt,
-  objectives,
-  hints: hintList
-}: ErrorCorrectProps): ReactNode;
+declare function ErrorCorrectLab({ items, title, prompt, objectives, hints: hintList }: ErrorCorrectProps): ReactNode;
 //#endregion
 export { ErrorCorrectLab, ErrorCorrectProps, ErrorItem };

package/dist/language/icon.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactNode } from "react";
-
 //#region src/language/icon.d.ts
 interface IconRef {
   kind: 'emoji' | 'svg' | 'image';
@@ -29,12 +28,6 @@ interface IconProps {
   decorative?: boolean;
 }
 /** Render an `IconValue`: emoji span, inline SVG (registry), or <img>. */
-declare function Icon({
-  icon,
-  size,
-  className,
-  style,
-  decorative
-}: IconProps): ReactNode;
+declare function Icon({ icon, size, className, style, decorative }: IconProps): ReactNode;
 //#endregion
-export { Icon, IconRef, IconValue, normalizeIcon, registerLabIcon };
+export { Icon, IconProps, IconRef, IconValue, normalizeIcon, registerLabIcon };

package/dist/language/index.d.mts

@@ -3,14 +3,25 @@ import { Deck, DeckItem, POS_LABEL, Pos, TextDir, canSpeak, dirFor, hasVoiceFor,
 import { ListenButton, Speaker, SpeakerGlyph, Tile, useVoicesReady } from "./ui.mjs";
 import { LanguageActivity, LanguageActivityProps } from "./activity.mjs";
 import { SentenceBuilderLab, SentenceBuilderProps, SentenceTile } from "./sentence-builder/preset.mjs";
+import "./sentence-builder/index.mjs";
 import { WordMatchLab, WordMatchProps } from "./word-match/preset.mjs";
+import "./word-match/index.mjs";
 import { Article, ArticleItem, ArticleLensLab, ArticleLensProps } from "./article-lens/preset.mjs";
+import "./article-lens/index.mjs";
 import { AgreementItem, AgreementLab, AgreementProps } from "./agreement/preset.mjs";
+import "./agreement/index.mjs";
 import { TransformLab, TransformProps, TransformTile } from "./transform/preset.mjs";
+import "./transform/index.mjs";
 import { PrepItem, PrepositionProps, PrepositionSceneLab, Relation } from "./preposition-scene/preset.mjs";
+import "./preposition-scene/index.mjs";
 import { ClozeItem, ClozeLab, ClozeProps } from "./cloze/preset.mjs";
+import "./cloze/index.mjs";
 import { ListenMode, ListeningLab, ListeningProps } from "./listening/preset.mjs";
+import "./listening/index.mjs";
 import { GlossEntry, ReadingLab, ReadingProps, ReadingQuestion } from "./reading/preset.mjs";
+import "./reading/index.mjs";
 import { DictationLab, DictationProps } from "./dictation/preset.mjs";
+import "./dictation/index.mjs";
 import { ErrorCorrectLab, ErrorCorrectProps, ErrorItem } from "./error-correct/preset.mjs";
+import "./error-correct/index.mjs";
 export { type AgreementItem, AgreementLab, type AgreementProps, type Article, type ArticleItem, ArticleLensLab, type ArticleLensProps, type ClozeItem, ClozeLab, type ClozeProps, Deck, DeckItem, DictationLab, type DictationProps, ErrorCorrectLab, type ErrorCorrectProps, type ErrorItem, type GlossEntry, Icon, type IconRef, type IconValue, LanguageActivity, type LanguageActivityProps, ListenButton, type ListenMode, ListeningLab, type ListeningProps, POS_LABEL, Pos, type PrepItem, type PrepositionProps, PrepositionSceneLab, ReadingLab, type ReadingProps, type ReadingQuestion, type Relation, SentenceBuilderLab, type SentenceBuilderProps, type SentenceTile, Speaker, SpeakerGlyph, TextDir, Tile, TransformLab, type TransformProps, type TransformTile, WordMatchLab, type WordMatchProps, canSpeak, dirFor, hasVoiceFor, normalizeIcon, registerLabIcon, seededShuffle, speak, useVoicesReady };

package/dist/language/listening/index.d.mts

@@ -1 +1,2 @@
-import { ListenMode, ListeningLab, ListeningProps } from "./preset.mjs";
+import { ListenMode, ListeningLab, ListeningProps } from "./preset.mjs";
+export { type ListenMode, ListeningLab, type ListeningProps };

package/dist/language/listening/preset.d.mts

@@ -1,6 +1,5 @@
 import { Deck } from "../deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/listening/preset.d.ts
 type ListenMode = 'word' | 'meaning' | 'picture';
 interface ListeningProps {
@@ -13,13 +12,6 @@ interface ListeningProps {
   prompt?: string;
   objectives?: string[];
 }
-declare function ListeningLab({
-  deck,
-  mode,
-  choices,
-  title,
-  prompt,
-  objectives
-}: ListeningProps): ReactNode;
+declare function ListeningLab({ deck, mode, choices, title, prompt, objectives }: ListeningProps): ReactNode;
 //#endregion
 export { ListenMode, ListeningLab, ListeningProps };

package/dist/language/listening/preset.mjs

@@ -46,7 +46,8 @@ function ListeningLab({ deck, mode = "word", choices = 4, title = "Listen and ch
 	});
 	if (!target) return null;
 	const n = Math.max(2, Math.min(choices, total));
-	const options = seededShuffle([target, ...seededShuffle(items.filter((_, i) => i !== round), round + 1).slice(0, n - 1)], round * 7 + 3);
+	const distractors = seededShuffle(items.filter((_, i) => i !== round), round + 1).slice(0, n - 1);
+	const options = seededShuffle([target, ...distractors], round * 7 + 3);
 	const correctIdx = options.indexOf(target);
 	const solved = picked !== null && picked === correctIdx;
 	const isLast = round === total - 1;

package/dist/language/preposition-scene/index.d.mts

@@ -1 +1,2 @@
-import { PrepItem, PrepositionProps, PrepositionSceneLab, Relation } from "./preset.mjs";
+import { PrepItem, PrepositionProps, PrepositionSceneLab, Relation } from "./preset.mjs";
+export { type PrepItem, type PrepositionProps, PrepositionSceneLab, type Relation };

package/dist/language/preposition-scene/preset.d.mts

@@ -1,6 +1,5 @@
 import { IconValue } from "../icon.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/preposition-scene/preset.d.ts
 /** Spatial relations a creator can depict (positions the figure vs the landmark). */
 type Relation = 'in' | 'on' | 'over' | 'above' | 'under' | 'below' | 'beside' | 'between' | 'behind' | 'infront' | 'at';
@@ -33,13 +32,6 @@ interface PrepositionProps {
   title?: string;
   prompt?: string;
 }
-declare function PrepositionSceneLab({
-  items,
-  objectives,
-  hints: hintList,
-  lang,
-  title,
-  prompt
-}: PrepositionProps): ReactNode;
+declare function PrepositionSceneLab({ items, objectives, hints: hintList, lang, title, prompt }: PrepositionProps): ReactNode;
 //#endregion
 export { PrepItem, PrepositionProps, PrepositionSceneLab, Relation };

package/dist/language/preposition-scene/preset.mjs

@@ -88,10 +88,11 @@ function iconLabel(v) {
 function SceneView({ relation, figure = "🔵", landmark = "📦" }) {
 	const isBackdrop = typeof landmark === "string" && BACKDROP_KEYS.includes(landmark);
 	const behindLandmark = relation === "behind" && !isBackdrop;
+	const figStyle = isBackdrop ? backdropFigPos(landmark, relation) : FIGURE_POS[relation] ?? FIGURE_POS.on;
 	const fig = /* @__PURE__ */ jsx(Icon, {
 		icon: figure,
 		className: "lang-prepfig",
-		style: isBackdrop ? backdropFigPos(landmark, relation) : FIGURE_POS[relation] ?? FIGURE_POS.on,
+		style: figStyle,
 		decorative: true
 	});
 	return /* @__PURE__ */ jsxs("div", {

package/dist/language/reading/index.d.mts

@@ -1 +1,2 @@
-import { GlossEntry, ReadingLab, ReadingProps, ReadingQuestion } from "./preset.mjs";
+import { GlossEntry, ReadingLab, ReadingProps, ReadingQuestion } from "./preset.mjs";
+export { type GlossEntry, ReadingLab, type ReadingProps, type ReadingQuestion };

package/dist/language/reading/preset.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/language/reading/preset.d.ts
 interface ReadingQuestion {
   /** The question stem. */
@@ -26,14 +25,6 @@ interface ReadingProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function ReadingLab({
-  passage,
-  questions,
-  gloss,
-  title,
-  prompt,
-  objectives,
-  hints: hintList
-}: ReadingProps): ReactNode;
+declare function ReadingLab({ passage, questions, gloss, title, prompt, objectives, hints: hintList }: ReadingProps): ReactNode;
 //#endregion
 export { GlossEntry, ReadingLab, ReadingProps, ReadingQuestion };

package/dist/language/reading/preset.mjs

@@ -27,11 +27,12 @@ function ReadingLab({ passage, questions, gloss, title = "Read and answer", prom
 		},
 		hintsUsed: hints.count
 	});
+	const paragraphs = passage.split(/\n{2,}/).map((p) => p.trim()).filter(Boolean);
 	const figure = /* @__PURE__ */ jsxs("div", {
 		className: "lang-reading",
 		children: [/* @__PURE__ */ jsx("article", {
 			className: "lang-passage",
-			children: passage.split(/\n{2,}/).map((p) => p.trim()).filter(Boolean).map((p, i) => /* @__PURE__ */ jsx("p", { children: p }, i))
+			children: paragraphs.map((p, i) => /* @__PURE__ */ jsx("p", { children: p }, i))
 		}), gloss && gloss.length > 0 ? /* @__PURE__ */ jsx("aside", {
 			className: "lang-gloss",
 			"aria-label": "glossary",

package/dist/language/sentence-builder/index.d.mts

@@ -1 +1,2 @@
-import { SentenceBuilderLab, SentenceBuilderProps, SentenceTile } from "./preset.mjs";
+import { SentenceBuilderLab, SentenceBuilderProps, SentenceTile } from "./preset.mjs";
+export { SentenceBuilderLab, type SentenceBuilderProps, type SentenceTile };

package/dist/language/sentence-builder/preset.d.mts

@@ -1,6 +1,5 @@
 import { Pos } from "../deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/sentence-builder/preset.d.ts
 interface SentenceTile {
   text: string;
@@ -25,16 +24,6 @@ interface SentenceBuilderProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function SentenceBuilderLab({
-  tiles,
-  prompt,
-  promptDir,
-  targetDir,
-  lang,
-  title,
-  hint,
-  objectives,
-  hints: hintList
-}: SentenceBuilderProps): ReactNode;
+declare function SentenceBuilderLab({ tiles, prompt, promptDir, targetDir, lang, title, hint, objectives, hints: hintList }: SentenceBuilderProps): ReactNode;
 //#endregion
 export { SentenceBuilderLab, SentenceBuilderProps, SentenceTile };

package/dist/language/sentence-builder/preset.mjs

@@ -26,7 +26,8 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 function SentenceBuilderLab({ tiles, prompt, promptDir = "ltr", targetDir = "ltr", lang, title = "Build the sentence", hint = "Tap the words in the right order.", objectives, hints: hintList }) {
 	const target = useMemo(() => tiles.map((t) => t.text).join(" "), [tiles]);
 	const initialBank = useMemo(() => {
-		let order = seededShuffle(tiles.map((_, i) => i), tiles.length * 7 + 3);
+		const idx = tiles.map((_, i) => i);
+		let order = seededShuffle(idx, tiles.length * 7 + 3);
 		if (tiles.length > 1 && order.map((i) => tiles[i].text).join(" ") === target) order = order.slice().reverse();
 		return order;
 	}, [tiles, target]);

package/dist/language/transform/index.d.mts

@@ -1 +1,2 @@
-import { TransformLab, TransformProps, TransformTile } from "./preset.mjs";
+import { TransformLab, TransformProps, TransformTile } from "./preset.mjs";
+export { TransformLab, type TransformProps, type TransformTile };

package/dist/language/transform/preset.d.mts

@@ -1,6 +1,5 @@
 import { Pos } from "../deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/transform/preset.d.ts
 interface TransformTile {
   text: string;
@@ -24,16 +23,6 @@ interface TransformProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function TransformLab({
-  from,
-  to,
-  instruction,
-  note,
-  lang,
-  title,
-  targetDir,
-  objectives,
-  hints: hintList
-}: TransformProps): ReactNode;
+declare function TransformLab({ from, to, instruction, note, lang, title, targetDir, objectives, hints: hintList }: TransformProps): ReactNode;
 //#endregion
 export { TransformLab, TransformProps, TransformTile };

package/dist/language/transform/preset.mjs

@@ -21,7 +21,8 @@ function TransformLab({ from, to, instruction = "Change the sentence.", note, la
 	const target = useMemo(() => to.map((t) => t.text).join(" "), [to]);
 	const source = useMemo(() => from.map((t) => t.text).join(" "), [from]);
 	const initialBank = useMemo(() => {
-		let order = seededShuffle(to.map((_, i) => i), to.length * 11 + 2);
+		const idx = to.map((_, i) => i);
+		let order = seededShuffle(idx, to.length * 11 + 2);
 		if (to.length > 1 && order.map((i) => to[i].text).join(" ") === target) order = order.slice().reverse();
 		return order;
 	}, [to, target]);

package/dist/language/ui.d.mts

@@ -1,6 +1,5 @@
 import { DeckItem, Pos } from "./deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/ui.d.ts
 /**
  * True once the browser's TTS voice list is populated (it loads async).
@@ -18,9 +17,7 @@ declare function useVoicesReady(): boolean;
  * inconsistently across platforms and can't be theme-coloured or stroke-matched).
  * Inherits `currentColor` + sizes to `1em`, so it tracks the button's colour/size.
  */
-declare function SpeakerGlyph({
-  size
-}: {
+declare function SpeakerGlyph({ size }: {
   size?: number;
 }): ReactNode;
 /**
@@ -32,38 +29,19 @@ declare function SpeakerGlyph({
  * of querying `window.speechSynthesis` during render) keeps the first client
  * render identical to the server.
  */
-declare function Speaker({
-  item,
-  lang
-}: {
+declare function Speaker({ item, lang }: {
   item: DeckItem;
   lang: string;
 }): ReactNode;
 /** Prominent but compact audio action for listening-led activities. */
-declare function ListenButton({
-  item,
-  lang,
-  label,
-  onPlay
-}: {
+declare function ListenButton({ item, lang, label, onPlay }: {
   item: DeckItem;
   lang: string;
   label?: string;
   onPlay?: () => void;
 }): ReactNode;
 /** A word tile coloured by part of speech, with an optional L1 gloss beneath. */
-declare function Tile({
-  pos,
-  text,
-  gloss,
-  dir,
-  lang,
-  glossLang,
-  selected,
-  dimmed,
-  onClick,
-  ariaLabel
-}: {
+declare function Tile({ pos, text, gloss, dir, lang, glossLang, selected, dimmed, onClick, ariaLabel }: {
   pos?: Pos;
   text: string;
   gloss?: string;

package/dist/language/ui.mjs

@@ -88,12 +88,13 @@ function Speaker({ item, lang }) {
 /** Prominent but compact audio action for listening-led activities. */
 function ListenButton({ item, lang, label = "Play audio", onPlay }) {
 	const voicesReady = useVoicesReady();
+	const available = Boolean(item.audioUrl) || voicesReady && hasVoiceFor(lang);
 	return /* @__PURE__ */ jsxs(ActionButton, {
 		className: "lang-audio-action",
 		onClick: () => {
 			if (speak(item, lang)) onPlay?.();
 		},
-		disabled: !(Boolean(item.audioUrl) || voicesReady && hasVoiceFor(lang)),
+		disabled: !available,
 		children: [/* @__PURE__ */ jsx(SpeakerGlyph, { size: 17 }), /* @__PURE__ */ jsx("span", { children: label })]
 	});
 }

package/dist/language/word-match/index.d.mts

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

package/dist/language/word-match/preset.d.mts

@@ -1,6 +1,5 @@
 import { Deck } from "../deck.mjs";
 import { ReactNode } from "react";
-
 //#region src/language/word-match/preset.d.ts
 interface WordMatchProps {
   deck: Deck;
@@ -13,14 +12,6 @@ interface WordMatchProps {
   objectives?: string[];
   hints?: string[];
 }
-declare function WordMatchLab({
-  deck,
-  count,
-  show,
-  title,
-  prompt,
-  objectives,
-  hints: hintList
-}: WordMatchProps): ReactNode;
+declare function WordMatchLab({ deck, count, show, title, prompt, objectives, hints: hintList }: WordMatchProps): ReactNode;
 //#endregion
 export { WordMatchLab, WordMatchProps };

package/dist/logic/ChipScene.d.mts

@@ -1,6 +1,5 @@
 import { ChipId, ChipResult, Wire } from "./ic.mjs";
 import { ReactNode } from "react";
-
 //#region src/logic/ChipScene.d.ts
 interface ChipSceneProps {
   chip: ChipId;
@@ -16,15 +15,6 @@ interface ChipSceneProps {
   onSwitch?: (which: 'A' | 'B') => void;
   label: string;
 }
-declare function ChipScene({
-  chip,
-  wires,
-  inputs,
-  result,
-  pending,
-  onPin,
-  onSwitch,
-  label
-}: ChipSceneProps): ReactNode;
+declare function ChipScene({ chip, wires, inputs, result, pending, onPin, onSwitch, label }: ChipSceneProps): ReactNode;
 //#endregion
 export { ChipScene, ChipSceneProps };