@intellectif/lk-react 2.1.0 → 4.0.0

package/dist/index.cjs

@@ -1,59 +1,69 @@
 'use strict';
 
-var chunkSTLRKR2I_cjs = require('./chunk-STLRKR2I.cjs');
-var chunkW6BH2YMZ_cjs = require('./chunk-W6BH2YMZ.cjs');
-var chunkUXO6KYSZ_cjs = require('./chunk-UXO6KYSZ.cjs');
-var chunk7BT6OXAR_cjs = require('./chunk-7BT6OXAR.cjs');
-require('./chunk-QHOV2A6M.cjs');
+var chunkCPF2JJG6_cjs = require('./chunk-CPF2JJG6.cjs');
+var chunk525EWDUT_cjs = require('./chunk-525EWDUT.cjs');
+var chunkWCVD5LVG_cjs = require('./chunk-WCVD5LVG.cjs');
+var chunk67RIIDZX_cjs = require('./chunk-67RIIDZX.cjs');
+var chunkXQJFLAMD_cjs = require('./chunk-XQJFLAMD.cjs');
+require('./chunk-PGEG7UZJ.cjs');
+var chunkNEWGUDA5_cjs = require('./chunk-NEWGUDA5.cjs');
+require('./chunk-4HZ7LQIH.cjs');
 var chunkHD2AIQRD_cjs = require('./chunk-HD2AIQRD.cjs');
 var chunkIYLQSNLE_cjs = require('./chunk-IYLQSNLE.cjs');
-var chunkCPF2JJG6_cjs = require('./chunk-CPF2JJG6.cjs');
 
 // src/components/types.ts
 function asRenderable(redacted) {
   return redacted;
 }
+function asRenderableSequence(entries) {
+  return entries;
+}
 
-Object.defineProperty(exports, "ActivitySequence", {
+Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkSTLRKR2I_cjs.ActivitySequence; }
+  get: function () { return chunkCPF2JJG6_cjs.ThemeProvider; }
 });
-Object.defineProperty(exports, "MultipleChoice", {
+Object.defineProperty(exports, "darkTheme", {
   enumerable: true,
-  get: function () { return chunkW6BH2YMZ_cjs.MultipleChoice; }
+  get: function () { return chunkCPF2JJG6_cjs.darkTheme; }
 });
-Object.defineProperty(exports, "FillInTheBlanks", {
+Object.defineProperty(exports, "defaultTheme", {
   enumerable: true,
-  get: function () { return chunkUXO6KYSZ_cjs.FillInTheBlanks; }
+  get: function () { return chunkCPF2JJG6_cjs.defaultTheme; }
 });
-Object.defineProperty(exports, "WrittenResponse", {
+Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk7BT6OXAR_cjs.WrittenResponse; }
+  get: function () { return chunkCPF2JJG6_cjs.useTheme; }
 });
-Object.defineProperty(exports, "useActivityState", {
+Object.defineProperty(exports, "ActivitySequence", {
   enumerable: true,
-  get: function () { return chunkHD2AIQRD_cjs.useActivityState; }
+  get: function () { return chunk525EWDUT_cjs.ActivitySequence; }
 });
-Object.defineProperty(exports, "useXAPI", {
+Object.defineProperty(exports, "MultipleChoice", {
   enumerable: true,
-  get: function () { return chunkIYLQSNLE_cjs.useXAPI; }
+  get: function () { return chunkWCVD5LVG_cjs.MultipleChoice; }
 });
-Object.defineProperty(exports, "ThemeProvider", {
+Object.defineProperty(exports, "FillInTheBlanks", {
   enumerable: true,
-  get: function () { return chunkCPF2JJG6_cjs.ThemeProvider; }
+  get: function () { return chunk67RIIDZX_cjs.FillInTheBlanks; }
 });
-Object.defineProperty(exports, "darkTheme", {
+Object.defineProperty(exports, "WrittenResponse", {
   enumerable: true,
-  get: function () { return chunkCPF2JJG6_cjs.darkTheme; }
+  get: function () { return chunkXQJFLAMD_cjs.WrittenResponse; }
 });
-Object.defineProperty(exports, "defaultTheme", {
+Object.defineProperty(exports, "StimulusPanel", {
   enumerable: true,
-  get: function () { return chunkCPF2JJG6_cjs.defaultTheme; }
+  get: function () { return chunkNEWGUDA5_cjs.StimulusPanel; }
 });
-Object.defineProperty(exports, "useTheme", {
+Object.defineProperty(exports, "useActivityState", {
   enumerable: true,
-  get: function () { return chunkCPF2JJG6_cjs.useTheme; }
+  get: function () { return chunkHD2AIQRD_cjs.useActivityState; }
+});
+Object.defineProperty(exports, "useXAPI", {
+  enumerable: true,
+  get: function () { return chunkIYLQSNLE_cjs.useXAPI; }
 });
 exports.asRenderable = asRenderable;
+exports.asRenderableSequence = asRenderableSequence;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/types.ts"],"names":[],"mappings":";;;;;;;;;;;;AAqHO,SAAS,aACd,QAAA,EACmB;AACnB,EAAA,OAAO,QAAA;AACT","file":"index.cjs","sourcesContent":["import type {\n  ActivityData,\n  ActivityResult,\n  InteractionEvent,\n  ItemOutcome,\n  LearnerResponse,\n  RedactedActivityData,\n  ThemeTokens,\n} from '@intellectif/lk-core';\n\n/**\n * How an activity is being presented. This is the single switch that decides\n * whether the component may grade, reveal, or submit — the three things a\n * summative exam must take away from the client.\n *\n * - `practice` (default, v1 behaviour): the component owns the attempt. It\n *   scores locally on submit, reveals correctness and feedback, and calls\n *   `onComplete` with a full {@link ActivityResult}.\n * - `exam`: the component NEVER scores and NEVER reveals correctness. Submit\n *   emits the raw learner response through `onSubmit`; the server grades it.\n *   Safe to render redacted data, because nothing here needs the answer key.\n * - `review`: read-only. Renders the learner's submitted answer, and marks\n *   correctness only from an `outcome` the caller supplies (which the server\n *   computed). Nothing is submittable.\n */\nexport type RenderMode = 'practice' | 'exam' | 'review';\n\n/**\n * Makes the answer-key-bearing parts of an activity optional, so a component\n * can render either full activity data OR a `redact()` projection with the\n * same props. Fields the SDK classifies `answer-key` become optional here;\n * a component in `exam` mode must not read them at all.\n */\nexport type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {\n  scoringStrategy?: unknown;\n  /** Present on a `redact()` projection. */\n  redacted?: true;\n};\n\n/**\n * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,\n * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a\n * dependency and, worse, a false promise. Rich text is rendered only when you\n * supply this function; without it the component falls back to the plain-text\n * field, which is always escaped. Fail-safe by construction: the SDK never\n * injects HTML it was not explicitly given a sanitiser for.\n */\nexport type HtmlSanitizer = (html: string) => string;\n\n/**\n * The prop contract shared by every activity component (Req 3.1). Defined\n * here (React-specific) rather than in lk-core, which is React-free.\n *\n * Controlled / uncontrolled follows the React convention: pass `value` +\n * `onChange` to own the learner's answer (restore an in-progress attempt,\n * autosave a delta, drive a review); pass `defaultValue` to seed an\n * uncontrolled component; pass neither for the v1 behaviour.\n */\nexport interface ActivityProps<TData extends ActivityData = ActivityData> {\n  /** Activity content. Accepts a `redact()` projection in `exam` mode. */\n  data: Renderable<TData>;\n  /**\n   * Called when the component scored the attempt itself. Only ever fires in\n   * `practice` mode — in `exam` mode the client does not grade, so there is\n   * no `ActivityResult` to give you; use `onSubmit`.\n   */\n  onComplete?: (result: ActivityResult) => void;\n  /**\n   * Called on submit with the raw learner response and no grade. Fires in\n   * every mode, before `onComplete`, so an exam runner can persist the\n   * response and let the server score it.\n   */\n  onSubmit?: (response: LearnerResponse) => void;\n  /** Controlled value: the learner's current response. */\n  value?: LearnerResponse;\n  /** Initial response for an uncontrolled component (ignored when `value` is set). */\n  defaultValue?: LearnerResponse;\n  /** Fires on every change to the learner's response. Required for a controlled component. */\n  onChange?: (response: LearnerResponse) => void;\n  /** Presentation mode. Defaults to `practice`. */\n  renderMode?: RenderMode;\n  /**\n   * Server-computed outcome, used by `review` mode to mark correctness\n   * without the client ever scoring. Ignored in other modes.\n   */\n  outcome?: ItemOutcome;\n  /** Renders author-supplied rich text when provided. See {@link HtmlSanitizer}. */\n  sanitizeHtml?: HtmlSanitizer;\n  onInteraction?: (event: InteractionEvent) => void;\n  /** Per-instance token overrides, applied as inline CSS vars on the root. */\n  theme?: Partial<ThemeTokens>;\n  locale?: string;\n  disabled?: boolean;\n}\n\n/**\n * Bridges a server-produced `redact()` projection into the `data` prop.\n *\n * `RedactedActivityData` is deliberately index-signature typed in lk-core — it\n * proves a payload is learner-safe, not what shape it has — so TypeScript\n * cannot know it still carries the public fields a renderer needs. This is the\n * SDK's single, documented crossing of that gap, so an exam runner does not\n * have to write `as unknown as` at every call site:\n *\n * ```tsx\n * <MultipleChoice\n *   data={asRenderable<MultipleChoiceData>(redactedFromServer)}\n *   renderMode=\"exam\"\n *   onSubmit={persist}\n * />\n * ```\n *\n * Safe because `exam` mode reads only public fields; the answer-key fields the\n * type claims are exactly the ones the component is forbidden to touch there.\n * A future release will derive per-type redacted interfaces so this becomes\n * unnecessary.\n */\nexport function asRenderable<TData extends ActivityData>(\n  redacted: RedactedActivityData,\n): Renderable<TData> {\n  return redacted as unknown as Renderable<TData>;\n}\n"]}
+{"version":3,"sources":["../src/components/types.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AA2IO,SAAS,aACd,QAAA,EACmB;AACnB,EAAA,OAAO,QAAA;AACT;AA4BO,SAAS,qBACd,OAAA,EAC8C;AAC9C,EAAA,OAAO,OAAA;AACT","file":"index.cjs","sourcesContent":["import type {\n  ActivityData,\n  ActivityResult,\n  InteractionEvent,\n  ItemGroup,\n  ItemOutcome,\n  LearnerResponse,\n  RedactedActivityData,\n  SequenceEntry,\n  ThemeTokens,\n} from '@intellectif/lk-core';\n\n/**\n * How an activity is being presented. This is the single switch that decides\n * whether the component may grade, reveal, or submit — the three things a\n * summative exam must take away from the client.\n *\n * - `practice` (default, v1 behaviour): the component owns the attempt. It\n *   scores locally on submit, reveals correctness and feedback, and calls\n *   `onComplete` with a full {@link ActivityResult}.\n * - `exam`: the component NEVER scores and NEVER reveals correctness. Submit\n *   emits the raw learner response through `onSubmit`; the server grades it.\n *   Safe to render redacted data, because nothing here needs the answer key.\n * - `review`: read-only. Renders the learner's submitted answer, and marks\n *   correctness only from an `outcome` the caller supplies (which the server\n *   computed). Nothing is submittable.\n */\nexport type RenderMode = 'practice' | 'exam' | 'review';\n\n/**\n * Makes the answer-key-bearing parts of an activity optional, so a component\n * can render either full activity data OR a `redact()` projection with the\n * same props. Fields the SDK classifies `answer-key` become optional here;\n * a component in `exam` mode must not read them at all.\n */\nexport type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {\n  scoringStrategy?: unknown;\n  /** Present on a `redact()` projection. */\n  redacted?: true;\n};\n\n/**\n * {@link Renderable} DISTRIBUTED over a union of activity types.\n *\n * This distinction is load-bearing, not cosmetic. `Renderable<T>` is built on\n * `Omit`, and `Omit` does not distribute: `Omit<A | B, K>` collapses to the\n * keys A and B have IN COMMON, so `Renderable<ActivityData>` is a single\n * object type carrying only the fields every activity shares. Narrowing it\n * dies with it — after `if (data.type === 'multiple-choice')` the compiler\n * still refuses `data.options`, because the union it would narrow to no\n * longer exists.\n *\n * The conditional below re-distributes, so `RenderableActivity` is a real\n * union of per-type renderables and `.type` narrows again. Anything that\n * accepts \"some renderable activity, I don't know which\" — a custom renderer,\n * a sequence entry — must use THIS, not `Renderable<ActivityData>`.\n */\nexport type RenderableActivity<TData extends ActivityData = ActivityData> = TData extends unknown\n  ? Renderable<TData>\n  : never;\n\n/**\n * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,\n * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a\n * dependency and, worse, a false promise. Rich text is rendered only when you\n * supply this function; without it the component falls back to the plain-text\n * field, which is always escaped. Fail-safe by construction: the SDK never\n * injects HTML it was not explicitly given a sanitiser for.\n */\nexport type HtmlSanitizer = (html: string) => string;\n\n/**\n * The prop contract shared by every activity component (Req 3.1). Defined\n * here (React-specific) rather than in lk-core, which is React-free.\n *\n * Controlled / uncontrolled follows the React convention: pass `value` +\n * `onChange` to own the learner's answer (restore an in-progress attempt,\n * autosave a delta, drive a review); pass `defaultValue` to seed an\n * uncontrolled component; pass neither for the v1 behaviour.\n */\nexport interface ActivityProps<TData extends ActivityData = ActivityData> {\n  /** Activity content. Accepts a `redact()` projection in `exam` mode. */\n  data: RenderableActivity<TData>;\n  /**\n   * Called when the component scored the attempt itself. Only ever fires in\n   * `practice` mode — in `exam` mode the client does not grade, so there is\n   * no `ActivityResult` to give you; use `onSubmit`.\n   */\n  onComplete?: (result: ActivityResult) => void;\n  /**\n   * Called on submit with the raw learner response and no grade. Fires in\n   * every mode, before `onComplete`, so an exam runner can persist the\n   * response and let the server score it.\n   */\n  onSubmit?: (response: LearnerResponse) => void;\n  /** Controlled value: the learner's current response. */\n  value?: LearnerResponse;\n  /** Initial response for an uncontrolled component (ignored when `value` is set). */\n  defaultValue?: LearnerResponse;\n  /** Fires on every change to the learner's response. Required for a controlled component. */\n  onChange?: (response: LearnerResponse) => void;\n  /** Presentation mode. Defaults to `practice`. */\n  renderMode?: RenderMode;\n  /**\n   * Server-computed outcome, used by `review` mode to mark correctness\n   * without the client ever scoring. Ignored in other modes.\n   */\n  outcome?: ItemOutcome;\n  /** Renders author-supplied rich text when provided. See {@link HtmlSanitizer}. */\n  sanitizeHtml?: HtmlSanitizer;\n  onInteraction?: (event: InteractionEvent) => void;\n  /** Per-instance token overrides, applied as inline CSS vars on the root. */\n  theme?: Partial<ThemeTokens>;\n  locale?: string;\n  disabled?: boolean;\n}\n\n/**\n * Bridges a server-produced `redact()` projection into the `data` prop.\n *\n * `RedactedActivityData` is deliberately index-signature typed in lk-core — it\n * proves a payload is learner-safe, not what shape it has — so TypeScript\n * cannot know it still carries the public fields a renderer needs. This is the\n * SDK's single, documented crossing of that gap, so an exam runner does not\n * have to write `as unknown as` at every call site:\n *\n * ```tsx\n * <MultipleChoice\n *   data={asRenderable<MultipleChoiceData>(redactedFromServer)}\n *   renderMode=\"exam\"\n *   onSubmit={persist}\n * />\n * ```\n *\n * Safe because `exam` mode reads only public fields; the answer-key fields the\n * type claims are exactly the ones the component is forbidden to touch there.\n * A future release will derive per-type redacted interfaces so this becomes\n * unnecessary.\n */\nexport function asRenderable<TData extends ActivityData>(\n  redacted: RedactedActivityData,\n): Renderable<TData> {\n  return redacted as unknown as Renderable<TData>;\n}\n\n/**\n * The same bridge as {@link asRenderable}, for a whole sequence: activities\n * and item groups as a server hands them over, ready for `<ActivitySequence>`.\n *\n * Needed for the same reason and no other. `redactItemGroup` returns\n * `ItemGroup<RedactedActivityData>`, and `RedactedActivityData` is an\n * index-signature type whose fields are all `unknown` — so its `question` is\n * not a `string` and it satisfies no per-type renderable, however the prop is\n * widened. Widening alone cannot fix this; a crossing point is required, and\n * having exactly one keeps `as unknown as` out of consumer code.\n *\n * ```tsx\n * const entries = await fetchExam();            // redacted, server-side\n * <ActivitySequence\n *   activities={asRenderableSequence(entries)}\n *   renderMode=\"exam\"                           // REQUIRED: see below\n *   shuffleSeed={attemptId}\n *   onSubmit={persist}\n * />\n * ```\n *\n * Pass `renderMode=\"exam\"` (or `\"review\"`). Redacted data has no answer key,\n * and the default `practice` mode grades locally — the built-in components\n * throw at render rather than fail at submit time, so a mis-wired exam item is\n * loud, not silent.\n */\nexport function asRenderableSequence(\n  entries: readonly (RedactedActivityData | RedactedItemGroupData)[],\n): readonly SequenceEntry<RenderableActivity>[] {\n  return entries as unknown as readonly SequenceEntry<RenderableActivity>[];\n}\n\n/** Structural shape of a `redactItemGroup()` projection, as it arrives from a server. */\ntype RedactedItemGroupData = ItemGroup<RedactedActivityData> & { redacted: true };\n"]}

package/dist/index.d.cts

@@ -1,11 +1,13 @@
-export { ActivitySequence, ActivitySequenceProps } from './components/ActivitySequence.cjs';
+export { ActivityRenderer, ActivitySequence, ActivitySequenceProps, SequenceItemOutcome } from './components/ActivitySequence.cjs';
 export { FillInTheBlanks, FillInTheBlanksProps } from './components/FillInTheBlanks.cjs';
 export { MultipleChoice, MultipleChoiceProps } from './components/MultipleChoice.cjs';
-export { A as ActivityProps, H as HtmlSanitizer, R as RenderMode, a as Renderable, b as asRenderable } from './types-CNmjqD6M.cjs';
-export { WrittenResponse, WrittenResponseProps, WrittenResponseSubmission } from './components/WrittenResponse.cjs';
+export { StimulusPanel, StimulusPanelProps } from './components/StimulusPanel.cjs';
+export { A as ActivityProps, H as HtmlSanitizer, R as RenderMode, a as Renderable, b as RenderableActivity, c as asRenderable, d as asRenderableSequence } from './types-CrURyd9-.cjs';
+export { WrittenResponse } from './components/WrittenResponse.cjs';
 export { ActivityState, UseActivityStateResult, useActivityState } from './hooks/useActivityState.cjs';
 export { UseXAPIResult, useXAPI } from './hooks/useXAPI.cjs';
 export { ThemeProvider, ThemeProviderProps, darkTheme, defaultTheme, useTheme } from './theme/ThemeProvider.cjs';
+export { W as WrittenResponseProps, a as WrittenResponseSubmission } from './WrittenResponse-DqQ0NjPK.cjs';
 import '@intellectif/lk-core';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,11 +1,13 @@
-export { ActivitySequence, ActivitySequenceProps } from './components/ActivitySequence.js';
+export { ActivityRenderer, ActivitySequence, ActivitySequenceProps, SequenceItemOutcome } from './components/ActivitySequence.js';
 export { FillInTheBlanks, FillInTheBlanksProps } from './components/FillInTheBlanks.js';
 export { MultipleChoice, MultipleChoiceProps } from './components/MultipleChoice.js';
-export { A as ActivityProps, H as HtmlSanitizer, R as RenderMode, a as Renderable, b as asRenderable } from './types-CNmjqD6M.js';
-export { WrittenResponse, WrittenResponseProps, WrittenResponseSubmission } from './components/WrittenResponse.js';
+export { StimulusPanel, StimulusPanelProps } from './components/StimulusPanel.js';
+export { A as ActivityProps, H as HtmlSanitizer, R as RenderMode, a as Renderable, b as RenderableActivity, c as asRenderable, d as asRenderableSequence } from './types-CrURyd9-.js';
+export { WrittenResponse } from './components/WrittenResponse.js';
 export { ActivityState, UseActivityStateResult, useActivityState } from './hooks/useActivityState.js';
 export { UseXAPIResult, useXAPI } from './hooks/useXAPI.js';
 export { ThemeProvider, ThemeProviderProps, darkTheme, defaultTheme, useTheme } from './theme/ThemeProvider.js';
+export { W as WrittenResponseProps, a as WrittenResponseSubmission } from './WrittenResponse-Dkg7FUt-.js';
 import '@intellectif/lk-core';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';

package/dist/index.js

@@ -1,17 +1,22 @@
-export { ActivitySequence } from './chunk-UASXUWHH.js';
-export { MultipleChoice } from './chunk-ZVFWJTT4.js';
-export { FillInTheBlanks } from './chunk-3X7MYAFT.js';
-export { WrittenResponse } from './chunk-XTJ22JAP.js';
-import './chunk-UIGIYYGY.js';
+export { ThemeProvider, darkTheme, defaultTheme, useTheme } from './chunk-B3FUUKZ2.js';
+export { ActivitySequence } from './chunk-GMU77L52.js';
+export { MultipleChoice } from './chunk-5SYL5CJ2.js';
+export { FillInTheBlanks } from './chunk-3DNJDP73.js';
+export { WrittenResponse } from './chunk-SWZRB3VY.js';
+import './chunk-6F4X2NKL.js';
+export { StimulusPanel } from './chunk-UQ3BBEIT.js';
+import './chunk-GB5URWM4.js';
 export { useActivityState } from './chunk-5HVUKXF3.js';
 export { useXAPI } from './chunk-E4MNA2IQ.js';
-export { ThemeProvider, darkTheme, defaultTheme, useTheme } from './chunk-B3FUUKZ2.js';
 
 // src/components/types.ts
 function asRenderable(redacted) {
   return redacted;
 }
+function asRenderableSequence(entries) {
+  return entries;
+}
 
-export { asRenderable };
+export { asRenderable, asRenderableSequence };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/types.ts"],"names":[],"mappings":";;;;;;;;;;AAqHO,SAAS,aACd,QAAA,EACmB;AACnB,EAAA,OAAO,QAAA;AACT","file":"index.js","sourcesContent":["import type {\n  ActivityData,\n  ActivityResult,\n  InteractionEvent,\n  ItemOutcome,\n  LearnerResponse,\n  RedactedActivityData,\n  ThemeTokens,\n} from '@intellectif/lk-core';\n\n/**\n * How an activity is being presented. This is the single switch that decides\n * whether the component may grade, reveal, or submit — the three things a\n * summative exam must take away from the client.\n *\n * - `practice` (default, v1 behaviour): the component owns the attempt. It\n *   scores locally on submit, reveals correctness and feedback, and calls\n *   `onComplete` with a full {@link ActivityResult}.\n * - `exam`: the component NEVER scores and NEVER reveals correctness. Submit\n *   emits the raw learner response through `onSubmit`; the server grades it.\n *   Safe to render redacted data, because nothing here needs the answer key.\n * - `review`: read-only. Renders the learner's submitted answer, and marks\n *   correctness only from an `outcome` the caller supplies (which the server\n *   computed). Nothing is submittable.\n */\nexport type RenderMode = 'practice' | 'exam' | 'review';\n\n/**\n * Makes the answer-key-bearing parts of an activity optional, so a component\n * can render either full activity data OR a `redact()` projection with the\n * same props. Fields the SDK classifies `answer-key` become optional here;\n * a component in `exam` mode must not read them at all.\n */\nexport type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {\n  scoringStrategy?: unknown;\n  /** Present on a `redact()` projection. */\n  redacted?: true;\n};\n\n/**\n * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,\n * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a\n * dependency and, worse, a false promise. Rich text is rendered only when you\n * supply this function; without it the component falls back to the plain-text\n * field, which is always escaped. Fail-safe by construction: the SDK never\n * injects HTML it was not explicitly given a sanitiser for.\n */\nexport type HtmlSanitizer = (html: string) => string;\n\n/**\n * The prop contract shared by every activity component (Req 3.1). Defined\n * here (React-specific) rather than in lk-core, which is React-free.\n *\n * Controlled / uncontrolled follows the React convention: pass `value` +\n * `onChange` to own the learner's answer (restore an in-progress attempt,\n * autosave a delta, drive a review); pass `defaultValue` to seed an\n * uncontrolled component; pass neither for the v1 behaviour.\n */\nexport interface ActivityProps<TData extends ActivityData = ActivityData> {\n  /** Activity content. Accepts a `redact()` projection in `exam` mode. */\n  data: Renderable<TData>;\n  /**\n   * Called when the component scored the attempt itself. Only ever fires in\n   * `practice` mode — in `exam` mode the client does not grade, so there is\n   * no `ActivityResult` to give you; use `onSubmit`.\n   */\n  onComplete?: (result: ActivityResult) => void;\n  /**\n   * Called on submit with the raw learner response and no grade. Fires in\n   * every mode, before `onComplete`, so an exam runner can persist the\n   * response and let the server score it.\n   */\n  onSubmit?: (response: LearnerResponse) => void;\n  /** Controlled value: the learner's current response. */\n  value?: LearnerResponse;\n  /** Initial response for an uncontrolled component (ignored when `value` is set). */\n  defaultValue?: LearnerResponse;\n  /** Fires on every change to the learner's response. Required for a controlled component. */\n  onChange?: (response: LearnerResponse) => void;\n  /** Presentation mode. Defaults to `practice`. */\n  renderMode?: RenderMode;\n  /**\n   * Server-computed outcome, used by `review` mode to mark correctness\n   * without the client ever scoring. Ignored in other modes.\n   */\n  outcome?: ItemOutcome;\n  /** Renders author-supplied rich text when provided. See {@link HtmlSanitizer}. */\n  sanitizeHtml?: HtmlSanitizer;\n  onInteraction?: (event: InteractionEvent) => void;\n  /** Per-instance token overrides, applied as inline CSS vars on the root. */\n  theme?: Partial<ThemeTokens>;\n  locale?: string;\n  disabled?: boolean;\n}\n\n/**\n * Bridges a server-produced `redact()` projection into the `data` prop.\n *\n * `RedactedActivityData` is deliberately index-signature typed in lk-core — it\n * proves a payload is learner-safe, not what shape it has — so TypeScript\n * cannot know it still carries the public fields a renderer needs. This is the\n * SDK's single, documented crossing of that gap, so an exam runner does not\n * have to write `as unknown as` at every call site:\n *\n * ```tsx\n * <MultipleChoice\n *   data={asRenderable<MultipleChoiceData>(redactedFromServer)}\n *   renderMode=\"exam\"\n *   onSubmit={persist}\n * />\n * ```\n *\n * Safe because `exam` mode reads only public fields; the answer-key fields the\n * type claims are exactly the ones the component is forbidden to touch there.\n * A future release will derive per-type redacted interfaces so this becomes\n * unnecessary.\n */\nexport function asRenderable<TData extends ActivityData>(\n  redacted: RedactedActivityData,\n): Renderable<TData> {\n  return redacted as unknown as Renderable<TData>;\n}\n"]}
+{"version":3,"sources":["../src/components/types.ts"],"names":[],"mappings":";;;;;;;;;;;;AA2IO,SAAS,aACd,QAAA,EACmB;AACnB,EAAA,OAAO,QAAA;AACT;AA4BO,SAAS,qBACd,OAAA,EAC8C;AAC9C,EAAA,OAAO,OAAA;AACT","file":"index.js","sourcesContent":["import type {\n  ActivityData,\n  ActivityResult,\n  InteractionEvent,\n  ItemGroup,\n  ItemOutcome,\n  LearnerResponse,\n  RedactedActivityData,\n  SequenceEntry,\n  ThemeTokens,\n} from '@intellectif/lk-core';\n\n/**\n * How an activity is being presented. This is the single switch that decides\n * whether the component may grade, reveal, or submit — the three things a\n * summative exam must take away from the client.\n *\n * - `practice` (default, v1 behaviour): the component owns the attempt. It\n *   scores locally on submit, reveals correctness and feedback, and calls\n *   `onComplete` with a full {@link ActivityResult}.\n * - `exam`: the component NEVER scores and NEVER reveals correctness. Submit\n *   emits the raw learner response through `onSubmit`; the server grades it.\n *   Safe to render redacted data, because nothing here needs the answer key.\n * - `review`: read-only. Renders the learner's submitted answer, and marks\n *   correctness only from an `outcome` the caller supplies (which the server\n *   computed). Nothing is submittable.\n */\nexport type RenderMode = 'practice' | 'exam' | 'review';\n\n/**\n * Makes the answer-key-bearing parts of an activity optional, so a component\n * can render either full activity data OR a `redact()` projection with the\n * same props. Fields the SDK classifies `answer-key` become optional here;\n * a component in `exam` mode must not read them at all.\n */\nexport type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {\n  scoringStrategy?: unknown;\n  /** Present on a `redact()` projection. */\n  redacted?: true;\n};\n\n/**\n * {@link Renderable} DISTRIBUTED over a union of activity types.\n *\n * This distinction is load-bearing, not cosmetic. `Renderable<T>` is built on\n * `Omit`, and `Omit` does not distribute: `Omit<A | B, K>` collapses to the\n * keys A and B have IN COMMON, so `Renderable<ActivityData>` is a single\n * object type carrying only the fields every activity shares. Narrowing it\n * dies with it — after `if (data.type === 'multiple-choice')` the compiler\n * still refuses `data.options`, because the union it would narrow to no\n * longer exists.\n *\n * The conditional below re-distributes, so `RenderableActivity` is a real\n * union of per-type renderables and `.type` narrows again. Anything that\n * accepts \"some renderable activity, I don't know which\" — a custom renderer,\n * a sequence entry — must use THIS, not `Renderable<ActivityData>`.\n */\nexport type RenderableActivity<TData extends ActivityData = ActivityData> = TData extends unknown\n  ? Renderable<TData>\n  : never;\n\n/**\n * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,\n * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a\n * dependency and, worse, a false promise. Rich text is rendered only when you\n * supply this function; without it the component falls back to the plain-text\n * field, which is always escaped. Fail-safe by construction: the SDK never\n * injects HTML it was not explicitly given a sanitiser for.\n */\nexport type HtmlSanitizer = (html: string) => string;\n\n/**\n * The prop contract shared by every activity component (Req 3.1). Defined\n * here (React-specific) rather than in lk-core, which is React-free.\n *\n * Controlled / uncontrolled follows the React convention: pass `value` +\n * `onChange` to own the learner's answer (restore an in-progress attempt,\n * autosave a delta, drive a review); pass `defaultValue` to seed an\n * uncontrolled component; pass neither for the v1 behaviour.\n */\nexport interface ActivityProps<TData extends ActivityData = ActivityData> {\n  /** Activity content. Accepts a `redact()` projection in `exam` mode. */\n  data: RenderableActivity<TData>;\n  /**\n   * Called when the component scored the attempt itself. Only ever fires in\n   * `practice` mode — in `exam` mode the client does not grade, so there is\n   * no `ActivityResult` to give you; use `onSubmit`.\n   */\n  onComplete?: (result: ActivityResult) => void;\n  /**\n   * Called on submit with the raw learner response and no grade. Fires in\n   * every mode, before `onComplete`, so an exam runner can persist the\n   * response and let the server score it.\n   */\n  onSubmit?: (response: LearnerResponse) => void;\n  /** Controlled value: the learner's current response. */\n  value?: LearnerResponse;\n  /** Initial response for an uncontrolled component (ignored when `value` is set). */\n  defaultValue?: LearnerResponse;\n  /** Fires on every change to the learner's response. Required for a controlled component. */\n  onChange?: (response: LearnerResponse) => void;\n  /** Presentation mode. Defaults to `practice`. */\n  renderMode?: RenderMode;\n  /**\n   * Server-computed outcome, used by `review` mode to mark correctness\n   * without the client ever scoring. Ignored in other modes.\n   */\n  outcome?: ItemOutcome;\n  /** Renders author-supplied rich text when provided. See {@link HtmlSanitizer}. */\n  sanitizeHtml?: HtmlSanitizer;\n  onInteraction?: (event: InteractionEvent) => void;\n  /** Per-instance token overrides, applied as inline CSS vars on the root. */\n  theme?: Partial<ThemeTokens>;\n  locale?: string;\n  disabled?: boolean;\n}\n\n/**\n * Bridges a server-produced `redact()` projection into the `data` prop.\n *\n * `RedactedActivityData` is deliberately index-signature typed in lk-core — it\n * proves a payload is learner-safe, not what shape it has — so TypeScript\n * cannot know it still carries the public fields a renderer needs. This is the\n * SDK's single, documented crossing of that gap, so an exam runner does not\n * have to write `as unknown as` at every call site:\n *\n * ```tsx\n * <MultipleChoice\n *   data={asRenderable<MultipleChoiceData>(redactedFromServer)}\n *   renderMode=\"exam\"\n *   onSubmit={persist}\n * />\n * ```\n *\n * Safe because `exam` mode reads only public fields; the answer-key fields the\n * type claims are exactly the ones the component is forbidden to touch there.\n * A future release will derive per-type redacted interfaces so this becomes\n * unnecessary.\n */\nexport function asRenderable<TData extends ActivityData>(\n  redacted: RedactedActivityData,\n): Renderable<TData> {\n  return redacted as unknown as Renderable<TData>;\n}\n\n/**\n * The same bridge as {@link asRenderable}, for a whole sequence: activities\n * and item groups as a server hands them over, ready for `<ActivitySequence>`.\n *\n * Needed for the same reason and no other. `redactItemGroup` returns\n * `ItemGroup<RedactedActivityData>`, and `RedactedActivityData` is an\n * index-signature type whose fields are all `unknown` — so its `question` is\n * not a `string` and it satisfies no per-type renderable, however the prop is\n * widened. Widening alone cannot fix this; a crossing point is required, and\n * having exactly one keeps `as unknown as` out of consumer code.\n *\n * ```tsx\n * const entries = await fetchExam();            // redacted, server-side\n * <ActivitySequence\n *   activities={asRenderableSequence(entries)}\n *   renderMode=\"exam\"                           // REQUIRED: see below\n *   shuffleSeed={attemptId}\n *   onSubmit={persist}\n * />\n * ```\n *\n * Pass `renderMode=\"exam\"` (or `\"review\"`). Redacted data has no answer key,\n * and the default `practice` mode grades locally — the built-in components\n * throw at render rather than fail at submit time, so a mis-wired exam item is\n * loud, not silent.\n */\nexport function asRenderableSequence(\n  entries: readonly (RedactedActivityData | RedactedItemGroupData)[],\n): readonly SequenceEntry<RenderableActivity>[] {\n  return entries as unknown as readonly SequenceEntry<RenderableActivity>[];\n}\n\n/** Structural shape of a `redactItemGroup()` projection, as it arrives from a server. */\ntype RedactedItemGroupData = ItemGroup<RedactedActivityData> & { redacted: true };\n"]}

package/dist/theme/skin.css

@@ -111,6 +111,55 @@
     cursor: default;
   }
 
+  /* ── Shared stimulus (an item group's passage / recording / image) ──── */
+  .lk-stimulus {
+    margin: 0 0 var(--lk-spacing-lg);
+    padding: var(--lk-spacing-md) var(--lk-spacing-lg);
+    background: var(--lk-color-surface-raised);
+    border: 1px solid var(--lk-color-border);
+    border-radius: var(--lk-radius-base);
+  }
+
+  .lk-stimulus-title {
+    margin: 0 0 var(--lk-spacing-xs);
+    font-size: var(--lk-font-size-lg);
+    font-weight: var(--lk-font-weight-bold);
+  }
+
+  .lk-stimulus-range {
+    margin: 0 0 var(--lk-spacing-md);
+    font-size: var(--lk-font-size-sm);
+    color: var(--lk-color-text-muted);
+  }
+
+  .lk-stimulus .lk-media {
+    margin-bottom: var(--lk-spacing-md);
+  }
+
+  .lk-stimulus-body {
+    margin: 0;
+    line-height: var(--lk-line-height-base);
+  }
+
+  /* A plain-text passage keeps its authored paragraph breaks. */
+  .lk-stimulus-body[data-format="text"] {
+    white-space: pre-wrap;
+  }
+
+  .lk-stimulus-body[data-format="html"] > :first-child {
+    margin-top: 0;
+  }
+
+  .lk-stimulus-body[data-format="html"] > :last-child {
+    margin-bottom: 0;
+  }
+
+  .lk-stimulus-attribution {
+    margin: var(--lk-spacing-sm) 0 0;
+    font-size: var(--lk-font-size-sm);
+    color: var(--lk-color-text-muted);
+  }
+
   /* ── Multiple choice options ─────────────────────────────────────────── */
   .lk-mc-option {
     display: flex;
@@ -435,3 +484,78 @@
     }
   }
 }
+
+@layer lk-skin {
+  /* ── Written Response: a returned grade ──────────────────────────────── */
+  .lk-wr-outcome {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lk-spacing-sm);
+    padding: var(--lk-spacing-md);
+    border: 1px solid var(--lk-color-border);
+    border-radius: var(--lk-border-radius-md);
+    background: var(--lk-color-surface);
+  }
+
+  .lk-wr-outcome[data-passed="true"] {
+    border-color: var(--lk-color-success);
+  }
+  .lk-wr-outcome[data-status="deferred"] {
+    border-style: dashed;
+  }
+
+  .lk-wr-grade {
+    margin: 0;
+    font-weight: 600;
+    color: var(--lk-color-text);
+  }
+  .lk-wr-grade-feedback {
+    margin: 0;
+    color: var(--lk-color-text-muted);
+  }
+
+  .lk-wr-criteria,
+  .lk-wr-corrections {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lk-spacing-xs);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .lk-wr-criterion {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--lk-spacing-xs);
+    font-size: var(--lk-font-size-sm);
+  }
+
+  .lk-wr-criterion-name {
+    font-weight: 600;
+  }
+  .lk-wr-criterion-comment,
+  .lk-wr-correction-explanation {
+    color: var(--lk-color-text-muted);
+  }
+  .lk-wr-criterion[data-na="true"] {
+    opacity: 0.6;
+  }
+
+  .lk-wr-correction {
+    font-size: var(--lk-font-size-sm);
+  }
+  .lk-wr-correction-original {
+    color: var(--lk-color-error);
+  }
+  .lk-wr-correction-corrected {
+    color: var(--lk-color-success);
+    text-decoration: none;
+  }
+
+  .lk-wr-review-flag {
+    margin: 0;
+    font-size: var(--lk-font-size-sm);
+    color: var(--lk-color-warning);
+  }
+}

package/dist/{types-CNmjqD6M.d.cts → types-CrURyd9-.d.cts}

@@ -1,4 +1,4 @@
-import { ActivityData, ActivityResult, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens, RedactedActivityData } from '@intellectif/lk-core';
+import { ActivityData, ActivityResult, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens, RedactedActivityData, ItemGroup, SequenceEntry } from '@intellectif/lk-core';
 
 /**
  * How an activity is being presented. This is the single switch that decides
@@ -27,6 +27,23 @@ type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {
     /** Present on a `redact()` projection. */
     redacted?: true;
 };
+/**
+ * {@link Renderable} DISTRIBUTED over a union of activity types.
+ *
+ * This distinction is load-bearing, not cosmetic. `Renderable<T>` is built on
+ * `Omit`, and `Omit` does not distribute: `Omit<A | B, K>` collapses to the
+ * keys A and B have IN COMMON, so `Renderable<ActivityData>` is a single
+ * object type carrying only the fields every activity shares. Narrowing it
+ * dies with it — after `if (data.type === 'multiple-choice')` the compiler
+ * still refuses `data.options`, because the union it would narrow to no
+ * longer exists.
+ *
+ * The conditional below re-distributes, so `RenderableActivity` is a real
+ * union of per-type renderables and `.type` narrows again. Anything that
+ * accepts "some renderable activity, I don't know which" — a custom renderer,
+ * a sequence entry — must use THIS, not `Renderable<ActivityData>`.
+ */
+type RenderableActivity<TData extends ActivityData = ActivityData> = TData extends unknown ? Renderable<TData> : never;
 /**
  * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,
  * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a
@@ -47,7 +64,7 @@ type HtmlSanitizer = (html: string) => string;
  */
 interface ActivityProps<TData extends ActivityData = ActivityData> {
     /** Activity content. Accepts a `redact()` projection in `exam` mode. */
-    data: Renderable<TData>;
+    data: RenderableActivity<TData>;
     /**
      * Called when the component scored the attempt itself. Only ever fires in
      * `practice` mode — in `exam` mode the client does not grade, so there is
@@ -104,5 +121,36 @@ interface ActivityProps<TData extends ActivityData = ActivityData> {
  * unnecessary.
  */
 declare function asRenderable<TData extends ActivityData>(redacted: RedactedActivityData): Renderable<TData>;
+/**
+ * The same bridge as {@link asRenderable}, for a whole sequence: activities
+ * and item groups as a server hands them over, ready for `<ActivitySequence>`.
+ *
+ * Needed for the same reason and no other. `redactItemGroup` returns
+ * `ItemGroup<RedactedActivityData>`, and `RedactedActivityData` is an
+ * index-signature type whose fields are all `unknown` — so its `question` is
+ * not a `string` and it satisfies no per-type renderable, however the prop is
+ * widened. Widening alone cannot fix this; a crossing point is required, and
+ * having exactly one keeps `as unknown as` out of consumer code.
+ *
+ * ```tsx
+ * const entries = await fetchExam();            // redacted, server-side
+ * <ActivitySequence
+ *   activities={asRenderableSequence(entries)}
+ *   renderMode="exam"                           // REQUIRED: see below
+ *   shuffleSeed={attemptId}
+ *   onSubmit={persist}
+ * />
+ * ```
+ *
+ * Pass `renderMode="exam"` (or `"review"`). Redacted data has no answer key,
+ * and the default `practice` mode grades locally — the built-in components
+ * throw at render rather than fail at submit time, so a mis-wired exam item is
+ * loud, not silent.
+ */
+declare function asRenderableSequence(entries: readonly (RedactedActivityData | RedactedItemGroupData)[]): readonly SequenceEntry<RenderableActivity>[];
+/** Structural shape of a `redactItemGroup()` projection, as it arrives from a server. */
+type RedactedItemGroupData = ItemGroup<RedactedActivityData> & {
+    redacted: true;
+};
 
-export { type ActivityProps as A, type HtmlSanitizer as H, type RenderMode as R, type Renderable as a, asRenderable as b };
+export { type ActivityProps as A, type HtmlSanitizer as H, type RenderMode as R, type Renderable as a, type RenderableActivity as b, asRenderable as c, asRenderableSequence as d };

package/dist/{types-CNmjqD6M.d.ts → types-CrURyd9-.d.ts}

@@ -1,4 +1,4 @@
-import { ActivityData, ActivityResult, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens, RedactedActivityData } from '@intellectif/lk-core';
+import { ActivityData, ActivityResult, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens, RedactedActivityData, ItemGroup, SequenceEntry } from '@intellectif/lk-core';
 
 /**
  * How an activity is being presented. This is the single switch that decides
@@ -27,6 +27,23 @@ type Renderable<TData> = Omit<TData, 'scoringStrategy'> & {
     /** Present on a `redact()` projection. */
     redacted?: true;
 };
+/**
+ * {@link Renderable} DISTRIBUTED over a union of activity types.
+ *
+ * This distinction is load-bearing, not cosmetic. `Renderable<T>` is built on
+ * `Omit`, and `Omit` does not distribute: `Omit<A | B, K>` collapses to the
+ * keys A and B have IN COMMON, so `Renderable<ActivityData>` is a single
+ * object type carrying only the fields every activity shares. Narrowing it
+ * dies with it — after `if (data.type === 'multiple-choice')` the compiler
+ * still refuses `data.options`, because the union it would narrow to no
+ * longer exists.
+ *
+ * The conditional below re-distributes, so `RenderableActivity` is a real
+ * union of per-type renderables and `.type` narrows again. Anything that
+ * accepts "some renderable activity, I don't know which" — a custom renderer,
+ * a sequence entry — must use THIS, not `Renderable<ActivityData>`.
+ */
+type RenderableActivity<TData extends ActivityData = ActivityData> = TData extends unknown ? Renderable<TData> : never;
 /**
  * Sanitiser for author-supplied rich text (`questionHtml`, `passageHtml`,
  * `promptHtml`). The SDK deliberately ships NO sanitiser — that would add a
@@ -47,7 +64,7 @@ type HtmlSanitizer = (html: string) => string;
  */
 interface ActivityProps<TData extends ActivityData = ActivityData> {
     /** Activity content. Accepts a `redact()` projection in `exam` mode. */
-    data: Renderable<TData>;
+    data: RenderableActivity<TData>;
     /**
      * Called when the component scored the attempt itself. Only ever fires in
      * `practice` mode — in `exam` mode the client does not grade, so there is
@@ -104,5 +121,36 @@ interface ActivityProps<TData extends ActivityData = ActivityData> {
  * unnecessary.
  */
 declare function asRenderable<TData extends ActivityData>(redacted: RedactedActivityData): Renderable<TData>;
+/**
+ * The same bridge as {@link asRenderable}, for a whole sequence: activities
+ * and item groups as a server hands them over, ready for `<ActivitySequence>`.
+ *
+ * Needed for the same reason and no other. `redactItemGroup` returns
+ * `ItemGroup<RedactedActivityData>`, and `RedactedActivityData` is an
+ * index-signature type whose fields are all `unknown` — so its `question` is
+ * not a `string` and it satisfies no per-type renderable, however the prop is
+ * widened. Widening alone cannot fix this; a crossing point is required, and
+ * having exactly one keeps `as unknown as` out of consumer code.
+ *
+ * ```tsx
+ * const entries = await fetchExam();            // redacted, server-side
+ * <ActivitySequence
+ *   activities={asRenderableSequence(entries)}
+ *   renderMode="exam"                           // REQUIRED: see below
+ *   shuffleSeed={attemptId}
+ *   onSubmit={persist}
+ * />
+ * ```
+ *
+ * Pass `renderMode="exam"` (or `"review"`). Redacted data has no answer key,
+ * and the default `practice` mode grades locally — the built-in components
+ * throw at render rather than fail at submit time, so a mis-wired exam item is
+ * loud, not silent.
+ */
+declare function asRenderableSequence(entries: readonly (RedactedActivityData | RedactedItemGroupData)[]): readonly SequenceEntry<RenderableActivity>[];
+/** Structural shape of a `redactItemGroup()` projection, as it arrives from a server. */
+type RedactedItemGroupData = ItemGroup<RedactedActivityData> & {
+    redacted: true;
+};
 
-export { type ActivityProps as A, type HtmlSanitizer as H, type RenderMode as R, type Renderable as a, asRenderable as b };
+export { type ActivityProps as A, type HtmlSanitizer as H, type RenderMode as R, type Renderable as a, type RenderableActivity as b, asRenderable as c, asRenderableSequence as d };