@erudit-js/prose 4.0.0 → 4.1.0

package/dist/elements/problem/_global.d.ts

@@ -1,112 +1,257 @@
-import type { ProblemCustomAttribute as PAC } from './shared.js';
-
-/**
- * Problems are used to present exercises and questions to the reader.
- * See the example for a full breakdown of the sub-elements available.
- *
- * All problems are added to TOC and search by default (can be disabled via tag properties).
- *
- * @title Problem
- * @layout block
- * @example
- * ```tsx
- * // Static problem
- * <Problem title="Find the square" level="easy">
- *   <ProblemDescription>
- *     <P>What is the square of 2?</P>
- *     <P>Think carefully about your answer before proceeding to the hints and solution.</P>
- *   </ProblemDescription>
- *
- *   <ProblemHint>
- *     <P>Recall that squaring a number means multiplying it by itself.</P>
- *   </ProblemHint>
- *   <ProblemHint>
- *     <P>For example, the square of 3 is 9, since 3 * 3 = 9.</P>
- *   </ProblemHint>
- *   // More hints...
- *
- *   <ProblemSolution>
- *     <P>Some general phrases visible immediately.</P>
- *
- *     <ProblemSection title="Detailed Solution">
- *       <P>The square of 2 is 4, since 2 * 2 = 4.</P>
- *     </ProblemSection>
- *     // More sections...
- *
- *   </ProblemSolution>
- *
- *   <ProblemAnswer>
- *     <P><M>4</M></P>
- *   </ProblemAnswer>
- *
- *   <ProblemCheck label="The square of 2 is" answer={4} />
- *   // More checks...
- *
- *   <ProblemNote>
- *     In fact, you can find the square of any number by multiplying it by itself!
- *   </ProblemNote>
- * </Problem>
- *
- * // Script problem
- * export const fooScript = defineProblemScript({
- *   isGenerator: true,
- * })(({ initial, random }) => {
- *   const a = initial.nextInt(1, 10);
- *   const b = initial.nextInt(1, 10);
- *
- *   return (
- *     <>
- *       <ProblemDescription>
- *         What is <M>{a} + {b}</M>?
- *       </ProblemDescription>
- *       <ProblemAnswer>
- *         <M>{a + b}</M>
- *       </ProblemAnswer>
- *       <ProblemCheck label="The answer is" answer={a + b} />
- *     </>
- *   );
- * });
- *
- * <Problem title="Addition Problem" level="medium" script={fooScript} />
- * ```
- */
-export const Problem = '_tag_';
-export const ProblemDescription = '_tag_';
-export const ProblemHint = '_tag_';
-export const ProblemSection = '_tag_';
-export const ProblemSolution = '_tag_';
-export const ProblemAnswer = '_tag_';
-export const ProblemNote = '_tag_';
-export const ProblemCheck = '_tag_';
-
-/**
- * Problem set is a collection of related problems presented together.
- * `<Problems>` tag contains general problem information and insude can have multiple `<SubProblem>` tags.
- *
- * Each `<SubProblem>` contains the same problem content tags as single `<Problem>` tag.
- *
- * All problems are added to TOC and search by default (can be disabled via tag properties).
- *
- * @title Problems
- * @layout block
- * @example
- * ```tsx
- * // export const problemScript = defineProblemScript(...) ~> see Problem docs for details
- * <Problems title="Sample Problem Set" level="hard">
- *   <SubProblem label="Example">
- *     <ProblemDescription>
- *       This is an example sub-problem.
- *     </ProblemDescription>
- *   </SubProblem>
- *
- *   <SubProblem script={problemScript} />
- * </Problems>
- * ```
- */
-export const Problems = '_tag_';
-export const SubProblem = '_tag_';
-
-/**
- * Typeguard for creating custom problem attributes.
- */
-export type ProblemCustomAttribute = PAC;
+import type { ProblemCustomAttribute as PAC } from './shared.js';
+import type { ProblemRandom as _ProblemRandom } from './rng.js';
+
+/**
+ * Problems are used to present exercises and questions to the reader.
+ *
+ * Allowed children inside `<Problem>`:
+ * - `<ProblemDescription>`
+ * - `<ProblemCheck>` (repeatable)
+ * - `<ProblemHint>` (repeatable)
+ * - `<ProblemAnswer>` (optionally with `<ProblemSection>`)
+ * - `<ProblemSolution>` (optionally with `<ProblemSection>`)
+ * - `<ProblemNote>` (optionally with `<ProblemSection>`)
+ *
+ * @title Problem
+ * @layout block
+ * @example
+ * ```tsx
+ * <Problem title="Find the square" level="easy">
+ *   <ProblemDescription>
+ *     <P>What is the square of 2?</P>
+ *     <P>Think carefully about your answer before proceeding to the hints and solution.</P>
+ *   </ProblemDescription>
+ *
+ *   <ProblemHint>
+ *     <P>Recall that squaring a number means multiplying it by itself.</P>
+ *   </ProblemHint>
+ *   <ProblemHint>
+ *     <P>For example, the square of 3 is 9, since 3 * 3 = 9.</P>
+ *   </ProblemHint>
+ *   // More hints...
+ *
+ *   <ProblemSolution>
+ *     <P>Some general phrases visible immediately.</P>
+ *
+ *     <ProblemSection title="Detailed Solution">
+ *       <P>The square of 2 is 4, since 2 * 2 = 4.</P>
+ *     </ProblemSection>
+ *     // More sections...
+ *
+ *   </ProblemSolution>
+ *
+ *   <ProblemAnswer>
+ *     <P><M>4</M></P>
+ *   </ProblemAnswer>
+ *
+ *   <ProblemCheck label="The square of 2 is" answer={4} />
+ *
+ *   <ProblemNote>
+ *     In fact, you can find the square of any number by multiplying it by itself!
+ *   </ProblemNote>
+ * </Problem>
+ * ```
+ */
+export const Problem = '_tag_';
+
+/**
+ * Problem description.
+ *
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * @title ProblemDescription
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemDescription>
+ *   <P>State the problem in your own words.</P>
+ * </ProblemDescription>
+ * ```
+ */
+export const ProblemDescription = '_tag_';
+
+/**
+ * A hint for the problem. Multiple hints can be provided.
+ *
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * @title ProblemHint
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemHint>
+ *   <P>Try rewriting the expression in a simpler form.</P>
+ * </ProblemHint>
+ * ```
+ */
+export const ProblemHint = '_tag_';
+
+/**
+ * A titled section used inside `<ProblemSolution>` or `<ProblemAnswer>`.
+ *
+ * @title ProblemSection
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemSection title="Method">
+ *   <P>Show the steps.</P>
+ * </ProblemSection>
+ * ```
+ */
+export const ProblemSection = '_tag_';
+
+/**
+ * The problem solution.
+ *
+ * Can contain plain content and `<ProblemSection>` blocks.
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * @title ProblemSolution
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemSolution>
+ *   <P>Start with the key idea.</P>
+ *
+ *   <ProblemSection title="Details">
+ *     <P>Then provide the full derivation.</P>
+ *   </ProblemSection>
+ * </ProblemSolution>
+ * ```
+ */
+export const ProblemSolution = '_tag_';
+
+/**
+ * The final answer (usually concise).
+ *
+ * Can contain plain content and `<ProblemSection>` blocks.
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * @title ProblemAnswer
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemAnswer>
+ *   <P><M>42</M></P>
+ * </ProblemAnswer>
+ * ```
+ */
+export const ProblemAnswer = '_tag_';
+
+/**
+ * A note shown after the checks/solution.
+ *
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * @title ProblemNote
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemNote>
+ *   Remember to double-check units.
+ * </ProblemNote>
+ * ```
+ */
+export const ProblemNote = '_tag_';
+
+/**
+ * Defines an answer check for a problem.
+ *
+ * Can be used inside `<Problem>` or `<SubProblem>`.
+ *
+ * Validator props (exactly one per `<ProblemCheck>`):
+ * - `yes`: boolean-like answer, validated via locale yes/no patterns.
+ * - `no`: boolean-like answer, validated via locale yes/no patterns.
+ * - `answer`: exact expected value.
+ *   - `number` -> numeric equality
+ *   - `string` -> exact string match
+ *   - `RegExp` -> `test()` match
+ *   - `undefined` -> expects an empty answer
+ * - `answers`: multi-part answer (split by `separator`, default `,`, unordered by default).
+ *   - Use `{ ordered, separator, values }` to configure matching.
+ *   - Each position in `values` can be a single expected value or an array of expected values (any-of).
+ * - `script`: named script validator.
+ *
+ * You can nest `<ProblemCheck>` inside another `<ProblemCheck>` to group multiple checks.
+ *
+ * @title ProblemCheck
+ * @layout block
+ * @example
+ * ```tsx
+ * <ProblemCheck label="2 is even" yes />
+ * <ProblemCheck label="Enter nothing" answer={undefined} />
+ * <ProblemCheck label="The square of 2 is" answer={4} />
+ * <ProblemCheck
+ *   label="Enter roots"
+ *   answers={{ ordered: false, separator: ',', values: [2, [-2, /-?2/]] }}
+ * />
+ * <ProblemCheck script="myCustomValidator" />
+ *
+ * <ProblemCheck label="Grouped checks" yes>
+ *   <ProblemCheck label="Also accept 42" answer={42} />
+ * </ProblemCheck>
+ * ```
+ */
+export const ProblemCheck = '_tag_';
+
+/**
+ * Problem set is a collection of related problems presented together.
+ *
+ * Allowed children inside `<Problems>`:
+ * - `<SubProblem>` (repeatable)
+ *
+ * Each `<SubProblem>` can contain the same child tags as `<Problem>`.
+ *
+ * @title Problems
+ * @layout block
+ * @example
+ * ```tsx
+ * // export const problemScript = defineProblemScript(...) ~> see Problem docs for details
+ * <Problems title="Sample Problem Set" level="hard">
+ *   <SubProblem label="Example">
+ *     <ProblemDescription>
+ *       This is an example sub-problem.
+ *     </ProblemDescription>
+ *   </SubProblem>
+ *
+ *   <SubProblem script={problemScript} />
+ * </Problems>
+ * ```
+ */
+export const Problems = '_tag_';
+
+/**
+ * A single problem inside a `<Problems>` set.
+ *
+ * Allowed children inside `<SubProblem>`:
+ * - `<ProblemDescription>`
+ * - `<ProblemHint>` (repeatable)
+ * - `<ProblemSolution>` (optionally with `<ProblemSection>`)
+ * - `<ProblemAnswer>` (optionally with `<ProblemSection>`)
+ * - `<ProblemCheck>` (repeatable)
+ * - `<ProblemNote>`
+ *
+ * @title SubProblem
+ * @layout block
+ * @example
+ * ```tsx
+ * <SubProblem label="A">
+ *   <ProblemDescription>
+ *     <P>Solve for <M>x</M>.</P>
+ *   </ProblemDescription>
+ *
+ *   <ProblemCheck answer={42} />
+ * </SubProblem>
+ * ```
+ */
+export const SubProblem = '_tag_';
+
+/**
+ * Typeguard for creating custom problem attributes.
+ */
+export type ProblemCustomAttribute = PAC;
+
+/**
+ * Typeguard for problem RNG.
+ */
+export type ProblemRandom = _ProblemRandom;

package/dist/elements/problem/app.d.ts

@@ -5,13 +5,6 @@ declare const _default: (import("../../app/appElement.js").AppElement<{
     Data: import("./problem.js").ProblemData;
     Storage: import("./storage.js").ProblemScriptStorage;
     Children: import("./problemContent.js").ProblemContentChild[];
-}> | import("../../app/appElement.js").AppElement<{
-    name: "subProblem";
-    type: "block";
-    linkable: false;
-    Data: import("./problems.js").SubProblemData;
-    Storage: import("./storage.js").ProblemScriptStorage;
-    Children: import("./problemContent.js").ProblemContentChild[];
 }> | import("../../app/appElement.js").AppElement<{
     name: "problems";
     type: "block";
@@ -26,5 +19,12 @@ declare const _default: (import("../../app/appElement.js").AppElement<{
         Storage: import("./storage.js").ProblemScriptStorage;
         Children: import("./problemContent.js").ProblemContentChild[];
     })[];
+}> | import("../../app/appElement.js").AppElement<{
+    name: "subProblem";
+    type: "block";
+    linkable: false;
+    Data: import("./problems.js").SubProblemData;
+    Storage: import("./storage.js").ProblemScriptStorage;
+    Children: import("./problemContent.js").ProblemContentChild[];
 }>)[];
 export default _default;

package/dist/elements/problem/app.js

@@ -1,27 +1,28 @@
 import { defineEruditProseAppElement } from "../../app/appElement.js";
 import { problemSchema } from "./problem.js";
 import { problemsSchema, subProblemSchema } from "./problems.js";
+const icon = () => import("./assets/icon.svg?raw");
 export default [
 	defineEruditProseAppElement({
 		schema: problemSchema,
 		component: () => import("./components/Problem.vue"),
+		icon,
 		languages: {
-			en: () => import("./languages/en.js"),
-			ru: () => import("./languages/ru.js")
-		},
-		icon: () => import("./assets/icon.svg?raw")
-	}),
-	defineEruditProseAppElement({
-		schema: subProblemSchema,
-		component: () => import("./components/SubProblem.vue")
+			en: () => import("./languages/problem/en.js"),
+			ru: () => import("./languages/problem/ru.js")
+		}
 	}),
 	defineEruditProseAppElement({
 		schema: problemsSchema,
 		component: () => import("./components/Problems.vue"),
+		icon,
 		languages: {
-			en: () => import("./languages/en.js"),
-			ru: () => import("./languages/ru.js")
-		},
-		icon: () => import("./assets/icon.svg?raw")
+			en: () => import("./languages/problems/en.js"),
+			ru: () => import("./languages/problems/ru.js")
+		}
+	}),
+	defineEruditProseAppElement({
+		schema: subProblemSchema,
+		component: () => import("./components/SubProblem.vue")
 	})
 ];

package/dist/elements/problem/assets/actions/answer.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-  <path d="M8.86,13.75l5.75-5.75-1.14-1.14-4.61,4.61-2.32-2.32-1.14,1.14,3.47,3.47ZM10,18.15c-1.13,0-2.19-.21-3.18-.64-.99-.43-1.86-1.01-2.59-1.74-.73-.73-1.31-1.6-1.74-2.59-.43-.99-.64-2.05-.64-3.18,0-1.13.21-2.19.64-3.18s1.01-1.86,1.74-2.59c.73-.73,1.6-1.31,2.59-1.74s2.05-.64,3.18-.64c1.13,0,2.19.21,3.18.64.99.43,1.86,1.01,2.59,1.74.73.73,1.31,1.6,1.74,2.59.43.99.64,2.05.64,3.18s-.22,2.19-.64,3.18c-.43.99-1.01,1.86-1.74,2.59s-1.6,1.31-2.59,1.74c-.99.43-2.05.64-3.18.64M10,16.52c1.82,0,3.36-.63,4.63-1.9s1.9-2.81,1.9-4.63-.63-3.36-1.9-4.63c-1.26-1.26-2.81-1.9-4.63-1.9-1.82,0-3.36.63-4.63,1.9s-1.9,2.81-1.9,4.63c0,1.82.63,3.36,1.9,4.63,1.26,1.26,2.81,1.9,4.63,1.9"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path d="M8.86,13.75l5.75-5.75-1.14-1.14-4.61,4.61-2.32-2.32-1.14,1.14,3.47,3.47ZM10,18.15c-1.13,0-2.19-.21-3.18-.64-.99-.43-1.86-1.01-2.59-1.74-.73-.73-1.31-1.6-1.74-2.59-.43-.99-.64-2.05-.64-3.18,0-1.13.21-2.19.64-3.18s1.01-1.86,1.74-2.59c.73-.73,1.6-1.31,2.59-1.74s2.05-.64,3.18-.64c1.13,0,2.19.21,3.18.64.99.43,1.86,1.01,2.59,1.74.73.73,1.31,1.6,1.74,2.59.43.99.64,2.05.64,3.18s-.22,2.19-.64,3.18c-.43.99-1.01,1.86-1.74,2.59s-1.6,1.31-2.59,1.74c-.99.43-2.05.64-3.18.64M10,16.52c1.82,0,3.36-.63,4.63-1.9s1.9-2.81,1.9-4.63-.63-3.36-1.9-4.63c-1.26-1.26-2.81-1.9-4.63-1.9-1.82,0-3.36.63-4.63,1.9s-1.9,2.81-1.9,4.63c0,1.82.63,3.36,1.9,4.63,1.26,1.26,2.81,1.9,4.63,1.9"/>
 </svg>

package/dist/elements/problem/assets/actions/check.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path d="M28.58,6.4l-7.8,20.14c-.26.67-1.01,1-1.68.74-.16-.06-.3-.15-.43-.27l-4.39-4.21-2.7,2.7c-.26.26-.66.26-.92,0-.12-.12-.19-.29-.19-.46v-5.87l-6.74-6.46c-.52-.5-.54-1.32-.04-1.84.17-.18.38-.3.62-.36l22.74-5.84c.7-.18,1.4.24,1.58.94.06.26.05.54-.05.79h0ZM25.42,7.88l-14.25,9.29,2.26,2.16,12-11.45h0Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M28.58,6.4l-7.8,20.14c-.26.67-1.01,1-1.68.74-.16-.06-.3-.15-.43-.27l-4.39-4.21-2.7,2.7c-.26.26-.66.26-.92,0-.12-.12-.19-.29-.19-.46v-5.87l-6.74-6.46c-.52-.5-.54-1.32-.04-1.84.17-.18.38-.3.62-.36l22.74-5.84c.7-.18,1.4.24,1.58.94.06.26.05.54-.05.79h0ZM25.42,7.88l-14.25,9.29,2.26,2.16,12-11.45h0Z"/>
 </svg>

package/dist/elements/problem/assets/actions/generate.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path d="M2,2v1.5h2.1l-.37.3c-.6.6-1.02,1.25-1.27,1.95-.3.7-.45,1.42-.45,2.17,0,1.4.42,2.65,1.27,3.75.8,1.05,1.87,1.77,3.22,2.17v-1.57c-.9-.35-1.62-.92-2.17-1.72-.55-.75-.82-1.62-.82-2.62,0-.55.1-1.07.3-1.57.2-.55.55-1.05,1.05-1.5l.15-.15v1.8h1.5V2H2ZM9.5,2.23v1.57c.9.3,1.62.85,2.17,1.65.55.75.82,1.62.82,2.62,0,.55-.1,1.07-.3,1.57-.25.55-.57,1.05-.97,1.5l-.22.15v-1.8h-1.5v4.5h4.5v-1.5h-2.02l.22-.22c.65-.65,1.1-1.32,1.35-2.02.3-.75.45-1.47.45-2.17,0-1.4-.42-2.65-1.27-3.75-.8-1.1-1.87-1.82-3.22-2.17v.07Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M2,2v1.5h2.1l-.37.3c-.6.6-1.02,1.25-1.27,1.95-.3.7-.45,1.42-.45,2.17,0,1.4.42,2.65,1.27,3.75.8,1.05,1.87,1.77,3.22,2.17v-1.57c-.9-.35-1.62-.92-2.17-1.72-.55-.75-.82-1.62-.82-2.62,0-.55.1-1.07.3-1.57.2-.55.55-1.05,1.05-1.5l.15-.15v1.8h1.5V2H2ZM9.5,2.23v1.57c.9.3,1.62.85,2.17,1.65.55.75.82,1.62.82,2.62,0,.55-.1,1.07-.3,1.57-.25.55-.57,1.05-.97,1.5l-.22.15v-1.8h-1.5v4.5h4.5v-1.5h-2.02l.22-.22c.65-.65,1.1-1.32,1.35-2.02.3-.75.45-1.47.45-2.17,0-1.4-.42-2.65-1.27-3.75-.8-1.1-1.87-1.82-3.22-2.17v.07Z"/>
 </svg>

package/dist/elements/problem/assets/actions/hint.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-  <path d="M11,6.36c2.56,0,4.64,2.08,4.64,4.64,0,1.72-.93,3.21-2.32,4.02v1.39c0,.43-.35.77-.77.77h-3.09c-.43,0-.77-.35-.77-.77v-1.39c-1.38-.8-2.32-2.3-2.32-4.02,0-2.56,2.08-4.64,4.64-4.64M12.55,17.95v.77c0,.43-.35.77-.77.77h-1.55c-.43,0-.77-.35-.77-.77v-.77h3.09ZM17.18,10.23h2.32v1.55h-2.32v-1.55ZM2.5,10.23h2.32v1.55h-2.32v-1.55ZM11.77,2.5v2.32h-1.55v-2.32h1.55ZM5.53,4.43l1.65,1.65-1.1,1.09-1.65-1.64,1.1-1.1ZM14.83,6.08l1.64-1.65,1.11,1.1-1.65,1.64-1.1-1.1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
+  <path d="M11,6.36c2.56,0,4.64,2.08,4.64,4.64,0,1.72-.93,3.21-2.32,4.02v1.39c0,.43-.35.77-.77.77h-3.09c-.43,0-.77-.35-.77-.77v-1.39c-1.38-.8-2.32-2.3-2.32-4.02,0-2.56,2.08-4.64,4.64-4.64M12.55,17.95v.77c0,.43-.35.77-.77.77h-1.55c-.43,0-.77-.35-.77-.77v-.77h3.09ZM17.18,10.23h2.32v1.55h-2.32v-1.55ZM2.5,10.23h2.32v1.55h-2.32v-1.55ZM11.77,2.5v2.32h-1.55v-2.32h1.55ZM5.53,4.43l1.65,1.65-1.1,1.09-1.65-1.64,1.1-1.1ZM14.83,6.08l1.64-1.65,1.11,1.1-1.65,1.64-1.1-1.1Z"/>
 </svg>

package/dist/elements/problem/assets/actions/note.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.97 16.97">
-  <path d="M10.41,4.64c0-.31.2-.57.43-.79.21-.2.34-.45.34-.72,0-.63-.69-1.15-1.53-1.15s-1.53.51-1.53,1.15c0,.28.13.53.35.73.22.2.42.46.42.76,0,.41-.33.74-.74.75-.02,0-.03,0-.05,0-.77-.05-1.54-.13-2.31-.23-.31-.04-.6.17-.65.49,0,.05,0,.11,0,.16.11.76.19,1.53.23,2.31.02.41-.29.76-.7.78-.02,0-.03,0-.05,0-.3,0-.56-.19-.76-.42-.2-.22-.45-.35-.73-.35-.63,0-1.15.69-1.15,1.53s.51,1.53,1.15,1.53c.27,0,.52-.13.72-.34.21-.23.48-.43.79-.43.42,0,.77.34.77.76,0,.01,0,.02,0,.03-.04.96-.12,1.91-.24,2.86-.04.31.18.6.49.64.8.11,1.62.19,2.44.24.41.02.76-.29.78-.7,0-.02,0-.03,0-.05,0-.3-.19-.56-.42-.76-.22-.2-.35-.45-.35-.73,0-.63.69-1.15,1.53-1.15s1.53.51,1.53,1.15c0,.27-.13.52-.34.72-.23.21-.43.48-.43.79,0,.42.34.77.76.77,0,0,.02,0,.03,0,1.02-.04,2.04-.12,3.03-.26.26-.03.46-.24.49-.49.13-1,.22-2.01.26-3.03.01-.42-.32-.78-.74-.79,0,0-.02,0-.03,0-.31,0-.57.2-.79.43-.2.21-.45.34-.72.34-.63,0-1.15-.69-1.15-1.53s.51-1.53,1.15-1.53c.28,0,.53.13.73.35.2.22.46.42.76.42.41,0,.75-.33.75-.74,0-.02,0-.03,0-.05-.05-.82-.13-1.63-.24-2.44-.04-.31-.33-.53-.64-.49-.94.13-1.89.21-2.86.24-.42.01-.77-.32-.79-.74,0-.01,0-.02,0-.03"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.97 16.97">
+  <path d="M10.41,4.64c0-.31.2-.57.43-.79.21-.2.34-.45.34-.72,0-.63-.69-1.15-1.53-1.15s-1.53.51-1.53,1.15c0,.28.13.53.35.73.22.2.42.46.42.76,0,.41-.33.74-.74.75-.02,0-.03,0-.05,0-.77-.05-1.54-.13-2.31-.23-.31-.04-.6.17-.65.49,0,.05,0,.11,0,.16.11.76.19,1.53.23,2.31.02.41-.29.76-.7.78-.02,0-.03,0-.05,0-.3,0-.56-.19-.76-.42-.2-.22-.45-.35-.73-.35-.63,0-1.15.69-1.15,1.53s.51,1.53,1.15,1.53c.27,0,.52-.13.72-.34.21-.23.48-.43.79-.43.42,0,.77.34.77.76,0,.01,0,.02,0,.03-.04.96-.12,1.91-.24,2.86-.04.31.18.6.49.64.8.11,1.62.19,2.44.24.41.02.76-.29.78-.7,0-.02,0-.03,0-.05,0-.3-.19-.56-.42-.76-.22-.2-.35-.45-.35-.73,0-.63.69-1.15,1.53-1.15s1.53.51,1.53,1.15c0,.27-.13.52-.34.72-.23.21-.43.48-.43.79,0,.42.34.77.76.77,0,0,.02,0,.03,0,1.02-.04,2.04-.12,3.03-.26.26-.03.46-.24.49-.49.13-1,.22-2.01.26-3.03.01-.42-.32-.78-.74-.79,0,0-.02,0-.03,0-.31,0-.57.2-.79.43-.2.21-.45.34-.72.34-.63,0-1.15-.69-1.15-1.53s.51-1.53,1.15-1.53c.28,0,.53.13.73.35.2.22.46.42.76.42.41,0,.75-.33.75-.74,0-.02,0-.03,0-.05-.05-.82-.13-1.63-.24-2.44-.04-.31-.33-.53-.64-.49-.94.13-1.89.21-2.86.24-.42.01-.77-.32-.79-.74,0-.01,0-.02,0-.03"/>
 </svg>

package/dist/elements/problem/assets/actions/solution.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 560">
-  <path d="M119.1,480c-8.15,0-14.95-2.75-20.41-8.26-5.51-5.45-8.26-12.25-8.26-20.41s2.75-14.9,8.26-20.41c5.45-5.45,12.25-8.18,20.41-8.18h229.09c8.15,0,14.95,2.73,20.41,8.18s8.26,12.31,8.26,20.41c0,8.15-2.75,14.95-8.26,20.41-5.45,5.51-12.25,8.26-20.41,8.26H119.1ZM119.1,365.42c-8.1,0-14.9-2.75-20.41-8.26-5.45-5.45-8.18-12.25-8.18-20.41s2.73-14.9,8.18-20.41c5.51-5.45,12.31-8.18,20.41-8.18h401c8.15,0,14.95,2.73,20.41,8.18,5.51,5.51,8.26,12.31,8.26,20.41s-2.75,14.95-8.26,20.41c-5.45,5.51-12.25,8.26-20.41,8.26H119.1ZM119.1,250.83c-8.1,0-14.9-2.73-20.41-8.18-5.45-5.51-8.18-12.31-8.18-20.41s2.73-14.95,8.18-20.41c5.51-5.51,12.31-8.26,20.41-8.26h401c8.15,0,14.95,2.75,20.41,8.26,5.51,5.45,8.26,12.25,8.26,20.41s-2.75,14.9-8.26,20.41c-5.45,5.45-12.25,8.18-20.41,8.18H119.1ZM119.1,136.25c-8.1,0-14.9-2.73-20.41-8.18-5.45-5.51-8.18-12.31-8.18-20.41s2.73-14.95,8.18-20.41c5.51-5.51,12.31-8.26,20.41-8.26h401c8.15,0,14.95,2.75,20.41,8.26,5.51,5.45,8.26,12.25,8.26,20.41s-2.75,14.9-8.26,20.41c-5.45,5.45-12.25,8.18-20.41,8.18H119.1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 560">
+  <path d="M119.1,480c-8.15,0-14.95-2.75-20.41-8.26-5.51-5.45-8.26-12.25-8.26-20.41s2.75-14.9,8.26-20.41c5.45-5.45,12.25-8.18,20.41-8.18h229.09c8.15,0,14.95,2.73,20.41,8.18s8.26,12.31,8.26,20.41c0,8.15-2.75,14.95-8.26,20.41-5.45,5.51-12.25,8.26-20.41,8.26H119.1ZM119.1,365.42c-8.1,0-14.9-2.75-20.41-8.26-5.45-5.45-8.18-12.25-8.18-20.41s2.73-14.9,8.18-20.41c5.51-5.45,12.31-8.18,20.41-8.18h401c8.15,0,14.95,2.73,20.41,8.18,5.51,5.51,8.26,12.31,8.26,20.41s-2.75,14.95-8.26,20.41c-5.45,5.51-12.25,8.26-20.41,8.26H119.1ZM119.1,250.83c-8.1,0-14.9-2.73-20.41-8.18-5.45-5.51-8.18-12.31-8.18-20.41s2.73-14.95,8.18-20.41c5.51-5.51,12.31-8.26,20.41-8.26h401c8.15,0,14.95,2.75,20.41,8.26,5.51,5.45,8.26,12.25,8.26,20.41s-2.75,14.9-8.26,20.41c-5.45,5.45-12.25,8.18-20.41,8.18H119.1ZM119.1,136.25c-8.1,0-14.9-2.73-20.41-8.18-5.45-5.51-8.18-12.31-8.18-20.41s2.73-14.95,8.18-20.41c5.51-5.51,12.31-8.26,20.41-8.26h401c8.15,0,14.95,2.75,20.41,8.26,5.51,5.45,8.26,12.25,8.26,20.41s-2.75,14.9-8.26,20.41c-5.45,5.45-12.25,8.18-20.41,8.18H119.1Z"/>
 </svg>

package/dist/elements/problem/assets/icon.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
-  <path d="M400,715.16c-43.6,0-84.57-8.27-122.91-24.82-38.34-16.55-71.7-39-100.06-67.37-28.36-28.36-50.82-61.72-67.37-100.06-16.55-38.34-24.82-79.32-24.82-122.91s8.27-84.57,24.82-122.91c16.55-38.34,39-71.7,67.37-100.06,28.36-28.36,61.72-50.82,100.06-67.37,38.34-16.55,79.32-24.82,122.91-24.82,34.14,0,66.45,4.99,96.91,14.97,30.47,9.98,58.57,23.9,84.31,41.76l-45.7,46.49c-19.96-12.61-41.23-22.46-63.82-29.55-22.59-7.09-46.49-10.64-71.7-10.64-69.86,0-129.35,24.56-178.46,73.67-49.11,49.11-73.67,108.6-73.67,178.46s24.56,129.35,73.67,178.46c49.11,49.11,108.6,73.67,178.46,73.67s129.35-24.56,178.46-73.67c49.11-49.11,73.67-108.6,73.67-178.46,0-9.45-.53-18.91-1.58-28.36-1.05-9.45-2.63-18.65-4.73-27.58l51.21-51.21c5.78,16.81,10.24,34.14,13.39,52,3.15,17.86,4.73,36.24,4.73,55.15,0,43.6-8.27,84.57-24.82,122.91-16.55,38.34-39,71.7-67.37,100.06-28.36,28.36-61.72,50.82-100.06,67.37-38.34,16.55-79.32,24.82-122.91,24.82ZM355.88,544.97l-133.94-133.94,44.12-44.12,89.82,89.82,315.16-315.95,44.12,44.12-359.29,360.07Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <path d="M400,715.16c-43.6,0-84.57-8.27-122.91-24.82-38.34-16.55-71.7-39-100.06-67.37-28.36-28.36-50.82-61.72-67.37-100.06-16.55-38.34-24.82-79.32-24.82-122.91s8.27-84.57,24.82-122.91c16.55-38.34,39-71.7,67.37-100.06,28.36-28.36,61.72-50.82,100.06-67.37,38.34-16.55,79.32-24.82,122.91-24.82,34.14,0,66.45,4.99,96.91,14.97,30.47,9.98,58.57,23.9,84.31,41.76l-45.7,46.49c-19.96-12.61-41.23-22.46-63.82-29.55-22.59-7.09-46.49-10.64-71.7-10.64-69.86,0-129.35,24.56-178.46,73.67-49.11,49.11-73.67,108.6-73.67,178.46s24.56,129.35,73.67,178.46c49.11,49.11,108.6,73.67,178.46,73.67s129.35-24.56,178.46-73.67c49.11-49.11,73.67-108.6,73.67-178.46,0-9.45-.53-18.91-1.58-28.36-1.05-9.45-2.63-18.65-4.73-27.58l51.21-51.21c5.78,16.81,10.24,34.14,13.39,52,3.15,17.86,4.73,36.24,4.73,55.15,0,43.6-8.27,84.57-24.82,122.91-16.55,38.34-39,71.7-67.37,100.06-28.36,28.36-61.72,50.82-100.06,67.37-38.34,16.55-79.32,24.82-122.91,24.82ZM355.88,544.97l-133.94-133.94,44.12-44.12,89.82,89.82,315.16-315.95,44.12,44.12-359.29,360.07Z"/>
 </svg>

package/dist/elements/problem/components/Problem.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts">
-import type { ProseElement } from '@jsprose/core';
-
-import { problemSchema } from '../problem.js';
-import Block from '../../../app/shared/block/Block.vue';
-import ProblemContainer from './ProblemContainer.vue';
-import ProblemHeader from './ProblemHeader.vue';
-import ProblemContent from './ProblemContent.vue';
-
-const { element } = defineProps<{
-  element: ProseElement<typeof problemSchema>;
-}>();
-</script>
-
-<template>
-  <Block :element>
-    <ProblemContainer>
-      <ProblemHeader :info="element.data.info" />
-      <ProblemContent :element :initialElements="element.children" />
-    </ProblemContainer>
-  </Block>
-</template>
+<script setup lang="ts">
+import type { ProseElement } from '@jsprose/core';
+
+import { problemSchema } from '../problem.js';
+import Block from '../../../app/shared/block/Block.vue';
+import ProblemContainer from './ProblemContainer.vue';
+import ProblemHeader from './ProblemHeader.vue';
+import ProblemContent from './ProblemContent.vue';
+
+const { element } = defineProps<{
+  element: ProseElement<typeof problemSchema>;
+}>();
+</script>
+
+<template>
+  <Block :element>
+    <ProblemContainer>
+      <ProblemHeader :info="element.data.info" />
+      <ProblemContent :element :initialElements="element.children" />
+    </ProblemContainer>
+  </Block>
+</template>

package/dist/elements/problem/components/ProblemButton.vue

@@ -1,20 +1,20 @@
-<script lang="ts" setup>
-defineProps<{ active?: boolean }>();
-</script>
-
-<template>
-  <button
-    :class="[
-      `bg-bg-main border-border/80 text-main-xs micro:px-2.5 min-w-[30px]
-      cursor-pointer rounded border px-1.5 py-[5px] font-semibold shadow
-      shadow-[light-dark(#d9d9d9,#3c3c3c)]
-      transition-[color,background,border,box-shadow]`,
-      {
-        'border-brand/50 bg-brand/10 text-brand': active,
-        ['text-text-muted hocus:text-brand hocus:border-brand/50']: !active,
-      },
-    ]"
-  >
-    <slot></slot>
-  </button>
-</template>
+<script lang="ts" setup>
+defineProps<{ active?: boolean }>();
+</script>
+
+<template>
+  <button
+    :class="[
+      `bg-bg-main border-border/80 text-main-xs micro:px-2.5 min-w-[30px]
+      cursor-pointer rounded border px-1.5 py-[5px] font-semibold shadow
+      shadow-[light-dark(#d9d9d9,#3c3c3c)]
+      transition-[color,background,border,box-shadow]`,
+      {
+        'border-brand/50 bg-brand/10 text-brand': active,
+        ['text-text-muted hocus:text-brand hocus:border-brand/50']: !active,
+      },
+    ]"
+  >
+    <slot></slot>
+  </button>
+</template>