@nxgt/material 3.62.0 → 3.64.0

package/dist/lib/components/ui/widgets/education/questions/question-media-helpers.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The file's family: `kind` when the host gave one, else the MIME `type`
+ * (case-insensitive), else an image (as `QuestionCard` reads `Question.media`).
+ * There is no `kind: 'video'`: a video is picked by its `type`.
+ */
+export declare function mediaFamily(media: {
+    type?: string;
+    kind?: string;
+}): "document" | "image" | "video" | "audio";
+/** The short name of a MIME type: "PDF" for `application/pdf`. */
+export declare const contentTypeLabel: (contentType: string) => string;

package/dist/lib/components/ui/widgets/education/questions/question-media-view.d.ts

@@ -0,0 +1,18 @@
+import { QuestionMediaViewProps } from './question-media-view.types.js';
+export { contentTypeLabel, mediaFamily } from './question-media-helpers.js';
+/**
+ * A question's file, picked by its type: an image, an audio clip, a video, or
+ * a document (a link that opens in a new tab and fetches nothing, or
+ * `FilePreview` with `documents="preview"`). It takes the shape of
+ * `Question.media` (plus `size`), so a question's `media` goes straight in. The
+ * file is named for assistive technology (`name`, else `alt`, else a generic
+ * name). When it fails to load (a presigned link that expired) an alert says
+ * so and, with `onReload`, offers a Reload button; a new `src` is a new
+ * chance, and focus then moves to the file if it was on Reload. A reload that
+ * returns the same `src` keeps the error. A document link cannot report that
+ * it expired.
+ *
+ * `QuestionCard` draws its own `media` without an error state; it should reuse
+ * this view (follow-up #2021). Vue twin: `vue` issue #2020.
+ */
+export declare function QuestionMediaView({ media, onReload, reloading, documents, captions, className, }: QuestionMediaViewProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/question-media-view.types.d.ts

@@ -0,0 +1,32 @@
+import { QuestionMedia } from './types.js';
+/**
+ * A file attached to a question: the shape of `Question.media` (`src`, `alt`,
+ * `type`, `kind`, `name`) plus its size, so `question.media` can be passed
+ * straight in. `type` (a MIME type: `image/png`, `audio/mpeg`, `video/mp4`,
+ * `application/pdf`) picks the rendering; without it the file is an image.
+ */
+export type QuestionMediaFile = QuestionMedia & {
+    /** Size in bytes, shown in a document link. */
+    size?: number | null;
+};
+/** A caption track of a video. */
+export type QuestionMediaCaption = {
+    src: string;
+    /** BCP 47 tag of the track's language (`en`, `fr`). */
+    srclang: string;
+    /** The name shown in the player's captions menu. */
+    label: string;
+    default?: boolean;
+};
+export type QuestionMediaViewProps = {
+    media: QuestionMediaFile;
+    /** Called by the Reload button of the error alert; without it the alert has no button. */
+    onReload?: () => void;
+    /** The Reload button is busy: the new link is being fetched. */
+    reloading?: boolean;
+    /** A document is a link to a new tab (default, fetches nothing) or a `FilePreview`. */
+    documents?: 'link' | 'preview';
+    /** Caption tracks of a video; a clip with speech needs them (or a transcript next to it). */
+    captions?: QuestionMediaCaption[];
+    className?: string;
+};

package/dist/lib/components/ui/widgets/education/questions/question-options.d.ts

@@ -1,5 +1,5 @@
 import { Question, QuestionOption, QuestionProps } from './types.js';
-type QuestionOptionsProps = Pick<QuestionProps, 'revealed' | 'verdict' | 'disabled' | 'density' | 'showShortcuts'> & {
+type QuestionOptionsProps = Pick<QuestionProps, 'revealed' | 'verdict' | 'disabled' | 'readOnly' | 'busy' | 'density' | 'showShortcuts'> & {
     question: Question;
     options: QuestionOption[];
     value: string[];
@@ -7,5 +7,5 @@ type QuestionOptionsProps = Pick<QuestionProps, 'revealed' | 'verdict' | 'disabl
     labelledBy?: string;
     onToggle: (id: string) => void;
 };
-export declare function QuestionOptions({ question, options, value, multiple, revealed, verdict, disabled, density, showShortcuts, labelledBy, onToggle, }: QuestionOptionsProps): import("react").JSX.Element;
+export declare function QuestionOptions({ question, options, value, multiple, revealed, verdict, disabled, readOnly, busy, density, showShortcuts, labelledBy, onToggle, }: QuestionOptionsProps): import("react").JSX.Element;
 export {};

package/dist/lib/components/ui/widgets/education/questions/question-text.d.ts

@@ -1,3 +1,3 @@
 import { QuestionProps } from './types.js';
 /** A typed answer: `text`, or `number` (a decimal keypad, an optional unit). */
-export declare function QuestionText({ question, value, onValueChange, revealed, verdict, disabled, showFeedback, }: QuestionProps): import("react").JSX.Element;
+export declare function QuestionText({ question, value, onValueChange, revealed, verdict, disabled, readOnly, busy, showFeedback, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/question.d.ts

@@ -1,2 +1,2 @@
 import { QuestionProps } from './types.js';
-export declare function QuestionCard({ question, value, onValueChange, revealed, verdict, points, feedback, disabled, className, variant, density, showShortcuts, number, showFeedback, }: QuestionProps): import("react").JSX.Element;
+export declare function QuestionCard({ question, value, onValueChange, revealed, verdict, points, feedback, disabled, readOnly, busy, renderCode, promptId, className, variant, density, showShortcuts, number, showFeedback, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/types.d.ts

@@ -1,5 +1,11 @@
 import { ReactNode } from 'react';
-export type QuestionKind = 'choice' | 'multi' | 'boolean' | 'text' | 'number';
+/**
+ * `text` is a one-line answer; `open` a multi-line one (a textarea with a
+ * counter); `code` source code (a code editor from `renderCode`, else a
+ * monospace textarea). `open` and `code` have no `correct`: a grader gives the
+ * `verdict`.
+ */
+export type QuestionKind = 'choice' | 'multi' | 'boolean' | 'text' | 'number' | 'open' | 'code';
 export type QuestionImage = {
     src: string;
     alt?: string;
@@ -53,12 +59,47 @@ export type Question = {
     tolerance?: number;
     /** `number`: the unit shown after the field ("km", "%"). */
     unit?: string;
+    /**
+     * `open`, `code`: a persistent helper line under the answer field ("A person
+     * will mark this"), linked to it by `aria-describedby`. Its id is
+     * `${promptId}-description`. Unlike `hint`, it is always shown.
+     */
+    description?: string;
+    /** `open`, `code`: the most characters accepted; a counter shows while editable. */
+    maxLength?: number;
+    /** `code`: the language of the code ("python"), given to `renderCode`. */
+    language?: string;
+};
+/**
+ * What `renderCode` gets to draw the code field of a `code` question. The
+ * editor must be named by the prompt (`label`, or `aria-labelledby={labelledBy}`)
+ * and honour `readOnly` and `disabled`.
+ */
+export type QuestionCodeField = {
+    value: string;
+    onChange: (value: string) => void;
+    /** The prompt's id: name the field with `aria-labelledby`. */
+    labelledBy: string;
+    /** The id of the `description` line, when there is one: add it to `aria-describedby`. */
+    describedBy?: string;
+    /** The prompt, as a text label for editors that take one. */
+    label: string;
+    language?: string;
+    maxLength?: number;
+    readOnly: boolean;
+    disabled: boolean;
 };
 export type QuestionProps = {
     question: Question;
     value?: QuestionAnswer;
     onValueChange?: (value: QuestionAnswer) => void;
     revealed?: boolean;
+    /**
+     * The id of the prompt (the fieldset's legend text), so a wrapper can use
+     * `aria-labelledby`. Default: a generated id. The `description` line is
+     * `${promptId}-description`.
+     */
+    promptId?: string;
     /**
      * The verdict the server gave, shown as given (no comparison with
      * `question.correct` in the browser). It reveals the card; `pending` is a
@@ -72,6 +113,16 @@ export type QuestionProps = {
     /** A grader's remark, shown in the verdict banner (needs `verdict`). */
     feedback?: string;
     disabled?: boolean;
+    /** The answer is shown but not editable (already submitted), without the revealed marks. Every kind honours it. */
+    readOnly?: boolean;
+    /** An answer is being saved: the field is locked like `readOnly` and `aria-busy`. Every kind honours it. */
+    busy?: boolean;
+    /**
+     * The code field of a `code` question, e.g. `@nxgt/material/code-editor`'s
+     * `CodeEditor` (kept out of this bundle: Monaco is heavy). Without it the
+     * field is a monospace textarea.
+     */
+    renderCode?: (field: QuestionCodeField) => ReactNode;
     className?: string;
     /** `card` (the default) is framed; `plain` sits inside another surface. */
     variant?: 'card' | 'plain';

package/dist/lib/components/ui/widgets/education/questions/use-reload-focus.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+/**
+ * Where the focus goes when Reload works. The intent is set when Reload is
+ * pressed with the focus on its button, and honoured only for the `src` change
+ * that answers it. It ends when a new failure is recorded, when the reload
+ * ends with the same `src` (`reloading` back to false), or when the focus
+ * moves to another control.
+ */
+export declare function useReloadFocus(src: string, reloading: boolean, onReload: (() => void) | undefined): {
+    frame: import('react').RefObject<HTMLDivElement | null>;
+    end: () => void;
+    reload: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+};

package/dist/lib/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './resolve-theme.js';
+export * from './unsaved-guard-rules.js';
 export * from './use-allowed-transitions.js';
 export * from './use-countdown.js';
 export { useCspNonce } from './use-csp-nonce.js';
@@ -12,7 +13,9 @@ export * from './use-mobile.js';
 export * from './use-navigation.js';
 export * from './use-number-formatter.js';
 export * from './use-options.js';
+export * from './use-react-router-block.js';
 export * from './use-scroll-away.js';
 export * from './use-search-param.js';
 export * from './use-submit-once.js';
 export * from './use-theme.js';
+export * from './use-unsaved-guard/index.js';

package/dist/lib/hooks/unsaved-guard-rules.d.ts

@@ -0,0 +1,30 @@
+/** The part of a location a guard compares. */
+export interface GuardLocation {
+    pathname: string;
+    search: string;
+    hash: string;
+}
+/** What a router tells its blocker: where the page is, and where it goes. */
+export interface BlockContext {
+    currentLocation: GuardLocation;
+    nextLocation: GuardLocation;
+}
+/** Decides whether going from `current` to `next` counts as leaving. */
+export type LeavePredicate = (current: GuardLocation, next: GuardLocation) => boolean;
+/**
+ * The default notion of leaving: the pathname or the query string differs (a
+ * filter or period param remounts most pages). A hash change alone is not a
+ * leave. With `ignoreSearch`, only the pathname counts, for a page whose state
+ * lives in a step that a query change keeps mounted.
+ */
+export declare function isLeaving(current: GuardLocation, next: GuardLocation, options?: {
+    ignoreSearch?: boolean;
+}): boolean;
+/** Whether the guard blocks this navigation right now. Pure, for tests. */
+export declare function shouldBlockNavigation({ dirty, released, context, leaves, ignoreSearch, }: {
+    dirty: boolean;
+    released: boolean;
+    context: BlockContext;
+    leaves?: LeavePredicate;
+    ignoreSearch?: boolean;
+}): boolean;

package/dist/lib/hooks/use-react-router-block.d.ts

@@ -0,0 +1,11 @@
+import { BlockAdapter } from './use-unsaved-guard/types.js';
+/**
+ * The React Router adapter for `useUnsavedGuard`: needs a data router
+ * (`createBrowserRouter`, or `createMemoryRouter` in a story or test).
+ *
+ * @example
+ * ```tsx
+ * const { release, dialog } = useUnsavedGuard(isDirty, { block: useReactRouterBlock });
+ * ```
+ */
+export declare const useReactRouterBlock: BlockAdapter;

package/dist/lib/hooks/use-unsaved-guard/guard-core.d.ts

@@ -0,0 +1,30 @@
+import { BlockContext, LeavePredicate } from '../unsaved-guard-rules.js';
+import { Dirty } from './types.js';
+export declare const readDirty: (dirty: Dirty) => boolean;
+/**
+ * The framework-free state of a guard: a one-shot release and the two checks
+ * (a navigation, a tab unload). Plain functions so a node test can drive them.
+ */
+export declare function createGuardCore(getDirty: () => Dirty): {
+    /**
+     * The next leaving navigation check passes, then the guard re-arms. A
+     * release no navigation consumed expires when the current task ends, so a
+     * later edit is guarded again.
+     */
+    release(): void;
+    rearm: () => void;
+    /** Drops a pending expiry timer (unmount). */
+    dispose: () => void;
+    /** A navigation check: only an actual leave consumes a release. */
+    shouldBlock(context: BlockContext, rules: {
+        leaves?: LeavePredicate;
+        ignoreSearch?: boolean;
+    }): boolean;
+    /** A tab unload check: a release stays until the navigation consumes it. */
+    shouldWarnUnload(): boolean;
+};
+export type GuardCore = ReturnType<typeof createGuardCore>;
+/** Warns the browser on unload while the core says so; returns the cleanup. */
+export declare function listenBeforeUnload(target: Pick<Window, 'addEventListener' | 'removeEventListener'>, core: Pick<GuardCore, 'shouldWarnUnload'>): () => void;
+/** Runs `onBlock`: true when nothing is left to lose; a throw or no hook is false. */
+export declare function flushBeforeAsking(onBlock: (() => boolean | Promise<boolean>) | undefined): Promise<boolean>;

package/dist/lib/hooks/use-unsaved-guard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.js';
+export * from './use-discard-guard.js';
+export * from './use-unsaved-guard.js';

package/dist/lib/hooks/use-unsaved-guard/types.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { BlockContext, LeavePredicate } from '../unsaved-guard-rules.js';
+export type BlockState = 'unblocked' | 'blocked' | 'proceeding';
+/** What a router's blocker gives back. */
+export interface BlockResult {
+    state: BlockState;
+    /** Lets the blocked navigation go through. */
+    proceed: () => void;
+    /** Cancels the blocked navigation: the user stays. */
+    reset: () => void;
+}
+/**
+ * A router adapter: a hook that registers `shouldBlock` with the router and
+ * returns its blocker. `useReactRouterBlock` is the React Router one; any
+ * router with a blocker (TanStack Router's `useBlocker`, …) fits in a few lines.
+ */
+export type BlockAdapter = (shouldBlock: (context: BlockContext) => boolean) => BlockResult;
+/** A boolean, or a function read when the navigation happens (never stale). */
+export type Dirty = boolean | (() => boolean);
+export interface UnsavedGuardLabels {
+    title?: string;
+    description?: string;
+    stayLabel?: string;
+    leaveLabel?: string;
+}
+export interface UseUnsavedGuardOptions extends UnsavedGuardLabels {
+    /** The router adapter, for example `useReactRouterBlock`. */
+    block: BlockAdapter;
+    /**
+     * What counts as leaving. Default: the pathname or the query string
+     * differs. Overrides `ignoreSearch`.
+     */
+    leaves?: LeavePredicate;
+    /** Only a pathname change counts (a query change between steps is free). */
+    ignoreSearch?: boolean;
+    /**
+     * Runs when a navigation is blocked, before the dialog. Resolve `true` when
+     * nothing is left to lose (pending saves flushed): the navigation goes
+     * through silently. Resolve `false` (or throw) to ask.
+     */
+    onBlock?: () => boolean | Promise<boolean>;
+}
+export interface UseUnsavedGuardResult {
+    /**
+     * Synchronous, one-shot: the next navigation that really leaves (not a hash
+     * change, nor a query change under `ignoreSearch`) passes, and a tab unload
+     * prompt stays quiet until then; the guard then re-arms by itself. A release
+     * no navigation consumed expires when the current task ends, so call it right
+     * before `navigate()`. A boolean `dirty` turning true again re-arms it too.
+     */
+    release: () => void;
+    /** Render it once, anywhere in the page. */
+    dialog: ReactNode;
+}
+export interface UseDiscardGuardResult {
+    /**
+     * Runs `action` (close the dialog or sheet) at once when the form is clean,
+     * and after the user chose "Leave" when it is dirty.
+     */
+    close: (action: () => void) => void;
+    /** Render it once, beside the form. */
+    dialog: ReactNode;
+}

package/dist/lib/hooks/use-unsaved-guard/use-discard-guard.d.ts

@@ -0,0 +1,15 @@
+import { Dirty, UnsavedGuardLabels, UseDiscardGuardResult } from './types.js';
+/**
+ * The guard of a form inside a dialog or a sheet: closing asks first, only
+ * when the form is dirty. Route its close button, Escape and overlay click
+ * through `close(action)`.
+ *
+ * @example
+ * ```tsx
+ * const { close, dialog } = useDiscardGuard(form.formState.isDirty);
+ * <Sheet open={open} onOpenChange={(next) => (next ? setOpen(true) : close(() => setOpen(false)))}>
+ *   …{dialog}
+ * </Sheet>
+ * ```
+ */
+export declare function useDiscardGuard(dirty: Dirty, labels?: UnsavedGuardLabels): UseDiscardGuardResult;

package/dist/lib/hooks/use-unsaved-guard/use-unsaved-guard.d.ts

@@ -0,0 +1,19 @@
+import { Dirty, UseUnsavedGuardOptions, UseUnsavedGuardResult } from './types.js';
+/**
+ * Blocks in-app navigation while a form is dirty (a "Leave without saving?"
+ * dialog) and asks the browser to confirm closing or reloading the tab.
+ * Router-agnostic: the router comes in through `block`.
+ *
+ * @example
+ * ```tsx
+ * const { release, dialog } = useUnsavedGuard(form.formState.isDirty, {
+ *   block: useReactRouterBlock,
+ * });
+ * async function onSubmit(values) {
+ *   await save(values);
+ *   release();
+ *   navigate('/items');
+ * }
+ * ```
+ */
+export declare function useUnsavedGuard(dirty: Dirty, options: UseUnsavedGuardOptions): UseUnsavedGuardResult;

package/dist/lib/i18n/resources/en/en.d.ts

@@ -303,6 +303,7 @@ export declare const en: {
             true: string;
             false: string;
             "answer-placeholder": string;
+            "code-placeholder": string;
             expected: string;
             next: string;
             previous: string;
@@ -319,6 +320,19 @@ export declare const en: {
             "kind-multi": string;
             "kind-boolean": string;
             "kind-text": string;
+            "kind-open": string;
+            "kind-code": string;
+        };
+        "question-media": {
+            image: string;
+            audio: string;
+            video: string;
+            document: string;
+            "error-title": string;
+            "error-description": string;
+            reload: string;
+            open: string;
+            "new-tab": string;
         };
         quiz: {
             count: string;
@@ -1339,6 +1353,12 @@ export declare const en: {
             dark: string;
             system: string;
         };
+        unsaved: {
+            title: string;
+            description: string;
+            stay: string;
+            leave: string;
+        };
         "load-more": {
             shown: string;
             "shown-count": string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -293,6 +293,7 @@ declare const _default: {
 		"true": "True",
 		"false": "False",
 		"answer-placeholder": "Your answer",
+		"code-placeholder": "Write your code",
 		"expected": "Expected: {answer}",
 		"next": "Next",
 		"previous": "Previous",
@@ -308,7 +309,20 @@ declare const _default: {
 		"kind-choice": "Multiple choice",
 		"kind-multi": "Select all that apply",
 		"kind-boolean": "True or false",
-		"kind-text": "Short answer"
+		"kind-text": "Short answer",
+		"kind-open": "Open answer",
+		"kind-code": "Code answer"
+	},
+	"question-media": {
+		"image": "Image for this question",
+		"audio": "Audio for this question",
+		"video": "Video for this question",
+		"document": "Document for this question",
+		"error-title": "The file did not load",
+		"error-description": "The link may have expired.",
+		"reload": "Reload",
+		"open": "Open the file",
+		"new-tab": "opens in a new tab"
 	},
 	"quiz": {
 		"count": "{count, plural, one {# question} other {# questions}}",
@@ -1329,6 +1343,12 @@ declare const _default: {
 		"dark": "Dark",
 		"system": "System"
 	},
+	"unsaved": {
+		"title": "Leave without saving?",
+		"description": "Your changes have not been saved and will be lost.",
+		"stay": "Stay",
+		"leave": "Leave"
+	},
 	"load-more": {
 		"shown": "Showing {shown} of {total}",
 		"shown-count": "{shown, plural, one {# shown} other {# shown}}",

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -303,6 +303,7 @@ export declare const fr: {
             true: string;
             false: string;
             "answer-placeholder": string;
+            "code-placeholder": string;
             expected: string;
             next: string;
             previous: string;
@@ -319,6 +320,19 @@ export declare const fr: {
             "kind-multi": string;
             "kind-boolean": string;
             "kind-text": string;
+            "kind-open": string;
+            "kind-code": string;
+        };
+        "question-media": {
+            image: string;
+            audio: string;
+            video: string;
+            document: string;
+            "error-title": string;
+            "error-description": string;
+            reload: string;
+            open: string;
+            "new-tab": string;
         };
         quiz: {
             count: string;
@@ -1339,6 +1353,12 @@ export declare const fr: {
             dark: string;
             system: string;
         };
+        unsaved: {
+            title: string;
+            description: string;
+            stay: string;
+            leave: string;
+        };
         "load-more": {
             shown: string;
             "shown-count": string;

package/dist/lib/i18n/resources/fr/material.json.d.ts

@@ -293,6 +293,7 @@ declare const _default: {
 		"true": "Vrai",
 		"false": "Faux",
 		"answer-placeholder": "Votre réponse",
+		"code-placeholder": "Écrivez votre code",
 		"expected": "Attendu : {answer}",
 		"next": "Suivant",
 		"previous": "Précédent",
@@ -308,7 +309,20 @@ declare const _default: {
 		"kind-choice": "Choix unique",
 		"kind-multi": "Plusieurs réponses",
 		"kind-boolean": "Vrai ou faux",
-		"kind-text": "Réponse courte"
+		"kind-text": "Réponse courte",
+		"kind-open": "Réponse ouverte",
+		"kind-code": "Réponse en code"
+	},
+	"question-media": {
+		"image": "Image de cette question",
+		"audio": "Audio de cette question",
+		"video": "Vidéo de cette question",
+		"document": "Document de cette question",
+		"error-title": "Le fichier ne s’est pas chargé",
+		"error-description": "Le lien a peut-être expiré.",
+		"reload": "Recharger",
+		"open": "Ouvrir le fichier",
+		"new-tab": "s’ouvre dans un nouvel onglet"
 	},
 	"quiz": {
 		"count": "{count, plural, one {# question} other {# questions}}",
@@ -1329,6 +1343,12 @@ declare const _default: {
 		"dark": "Sombre",
 		"system": "Système"
 	},
+	"unsaved": {
+		"title": "Quitter sans enregistrer ?",
+		"description": "Vos modifications n’ont pas été enregistrées et seront perdues.",
+		"stay": "Rester",
+		"leave": "Quitter"
+	},
 	"load-more": {
 		"shown": "Affichage de {shown} sur {total}",
 		"shown-count": "{shown, plural, one {# affiché} other {# affichés}}",

package/dist/lib/i18n/resources/resources.d.ts

@@ -301,6 +301,7 @@ export declare const resources: {
                 true: string;
                 false: string;
                 "answer-placeholder": string;
+                "code-placeholder": string;
                 expected: string;
                 next: string;
                 previous: string;
@@ -317,6 +318,19 @@ export declare const resources: {
                 "kind-multi": string;
                 "kind-boolean": string;
                 "kind-text": string;
+                "kind-open": string;
+                "kind-code": string;
+            };
+            "question-media": {
+                image: string;
+                audio: string;
+                video: string;
+                document: string;
+                "error-title": string;
+                "error-description": string;
+                reload: string;
+                open: string;
+                "new-tab": string;
             };
             quiz: {
                 count: string;
@@ -1337,6 +1351,12 @@ export declare const resources: {
                 dark: string;
                 system: string;
             };
+            unsaved: {
+                title: string;
+                description: string;
+                stay: string;
+                leave: string;
+            };
             "load-more": {
                 shown: string;
                 "shown-count": string;
@@ -3256,6 +3276,7 @@ export declare const resources: {
                 true: string;
                 false: string;
                 "answer-placeholder": string;
+                "code-placeholder": string;
                 expected: string;
                 next: string;
                 previous: string;
@@ -3272,6 +3293,19 @@ export declare const resources: {
                 "kind-multi": string;
                 "kind-boolean": string;
                 "kind-text": string;
+                "kind-open": string;
+                "kind-code": string;
+            };
+            "question-media": {
+                image: string;
+                audio: string;
+                video: string;
+                document: string;
+                "error-title": string;
+                "error-description": string;
+                reload: string;
+                open: string;
+                "new-tab": string;
             };
             quiz: {
                 count: string;
@@ -4292,6 +4326,12 @@ export declare const resources: {
                 dark: string;
                 system: string;
             };
+            unsaved: {
+                title: string;
+                description: string;
+                stay: string;
+                leave: string;
+            };
             "load-more": {
                 shown: string;
                 "shown-count": string;