@erudit-js/prose 3.0.0-dev.30 → 4.0.0-dev.2

package/dist/elements/heading/core.js

@@ -9,22 +9,22 @@ export const headingSchema = defineSchema({
 export const H1 = defineEruditTag({
 	tagName: "H1",
 	schema: headingSchema
-})(({ tagName, element, children }) => {
-	processHeadingElement(1, tagName, element, children);
+})(({ tagName, element, props, children }) => {
+	processHeadingElement(1, tagName, props, element, children);
 });
 export const H2 = defineEruditTag({
 	tagName: "H2",
 	schema: headingSchema
-})(({ tagName, element, children }) => {
-	processHeadingElement(2, tagName, element, children);
+})(({ tagName, element, props, children }) => {
+	processHeadingElement(2, tagName, props, element, children);
 });
 export const H3 = defineEruditTag({
 	tagName: "H3",
 	schema: headingSchema
-})(({ tagName, element, children }) => {
-	processHeadingElement(3, tagName, element, children);
+})(({ tagName, element, props, children }) => {
+	processHeadingElement(3, tagName, props, element, children);
 });
-function processHeadingElement(level, tagName, element, children) {
+function processHeadingElement(level, tagName, props, element, children) {
 	ensureTagChild(tagName, children, textSchema);
 	const child = children[0];
 	const title = child.data.trim();
@@ -36,9 +36,13 @@ function processHeadingElement(level, tagName, element, children) {
 		title
 	};
 	element.title = title;
-	element.snippetFlags ||= {};
-	element.snippetFlags.search ??= true;
-	element.snippetFlags.seo ??= false;
+	element.snippet ||= {};
+	element.snippet.search ??= true;
+	// Only auto-enable SEO if quick is set in props
+	// Otherwise explicitly disable it to prevent auto-enablement from search flag
+	if (!props.snippet?.quick) {
+		element.snippet.seo ??= false;
+	}
 	element.toc = { add: true };
 }
 export const headingRegistryItem = defineRegistryItem({

package/dist/elements/horizontalLine/HorizontalLine.vue

@@ -1,6 +1,6 @@
 <template>
     <hr
         class="border-border mx-(--proseAsideWidth) mt-(--proseGap) rounded
-            border-0 border-b transition-[background]"
+            border-0 border-b"
     />
 </template>

package/dist/elements/image/core.d.ts

@@ -43,7 +43,7 @@ export declare const Image: import("@jsprose/core").Tag<"Image", {
     invert?: Invert;
     width?: string;
     children?: {};
-} & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+} & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const imageRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "image";
     type: "block";
@@ -78,7 +78,7 @@ export declare const imageRegistryItem: import("@jsprose/core").RegistryItem<{
         invert?: Invert;
         width?: string;
         children?: {};
-    } & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    } & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 declare const _default: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -115,7 +115,7 @@ declare const _default: {
             invert?: Invert;
             width?: string;
             children?: {};
-        } & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        } & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
     dependencies: {
         photoswipe: {

package/dist/elements/link/BlockLink.vue

@@ -79,8 +79,7 @@ switch (linkStorage.type) {
             <EruditIcon
                 name="arrow/outward"
                 class="text-brand/15 group-hocus:text-brand/20 top-small
-                    right-small absolute shrink-0 text-[60px]
-                    transition-[color]"
+                    right-small absolute shrink-0 text-[60px]"
             />
             <div
                 class="text-brand/80 group-hocus:text-brand mb-small gap-small

package/dist/elements/link/Link.vue

@@ -79,15 +79,18 @@ function linkClick() {
             :style="{ '--tGap': '1px', '--xGap': '4px', '--bGap': '4px' }"
             class="text-brand hocus:bg-brand/15 relative
                 -mx-[calc(var(--xGap)-3px)] -mt-(--tGap) -mb-(--bGap) rounded-sm
-                bg-transparent px-(--xGap) pt-(--tGap) pb-(--bGap) underline
+                bg-transparent px-(--xGap) pt-(--tGap) pb-(--bGap)
+                whitespace-nowrap underline
                 decoration-[color-mix(in_srgb,var(--color-brand)30%,transparent)]
-                decoration-2 underline-offset-2 transition-[color,background]"
+                decoration-2 underline-offset-2 transition-[background]"
         >
             <EruditIcon
                 :name="icon"
                 class="micro:pr-1.5 inline pr-1 text-[1.3em]"
             />
-            <span>{{ formatText(element.data.label) }}</span>
+            <span class="whitespace-normal">
+                {{ formatText(element.data.label) }}
+            </span>
         </EruditLink>
     </Inliner>
 </template>

package/dist/elements/list/List.vue

@@ -14,9 +14,9 @@ defineProps<{ element: ProseElement<typeof listSchema> }>();
             :is="element.data.type"
             class="micro:[--proseGap:18px]"
             :style="{
-                '--liBorder': 'var(--accentBorder, var(--color-border))',
+                '--liBorder': 'var(--color-text-disabled)',
                 '--liBackground':
-                    'color-mix(in hsl, var(--accentText, var(--color-text)) 12%, transparent)',
+                    'color-mix(in hsl, var(--accentText, var(--color-text)) 12%, var(--color-bg-main))',
                 '--liText': 'var(--accentText, var(--color-text-muted))',
             }"
             v-bind="
@@ -27,16 +27,19 @@ defineProps<{ element: ProseElement<typeof listSchema> }>();
         >
             <li
                 v-for="(listItem, i) of element.children"
-                class="flex not-last-of-type:mb-(--proseGap)"
+                class="relative flex not-last-of-type:mb-(--proseGap)"
             >
-                <div class="shrink-0">
+                <div
+                    class="micro:left-[11px] bg-text-disabled micro:w-[2px]
+                        absolute top-[3px] bottom-[5px] left-[9px] w-[1px]"
+                ></div>
+                <div class="relative shrink-0">
                     <div
                         class="micro:top-[1.5px] micro:size-[23px] relative
                             top-[3px] flex size-[20px] items-center
                             justify-center rounded-full border
                             border-(--liBorder) bg-(--liBackground)
-                            font-semibold text-(--liText)
-                            transition-[border,background,color]"
+                            font-semibold text-(--liText)"
                     >
                         <template v-if="element.data.type === 'ol'">
                             <div class="micro:text-[13px] text-[10px]">
@@ -45,8 +48,7 @@ defineProps<{ element: ProseElement<typeof listSchema> }>();
                         </template>
                         <template v-else>
                             <div
-                                class="size-1.5 rounded-full bg-(--liText)
-                                    transition-[background]"
+                                class="size-1.5 rounded-full bg-(--liText)"
                             ></div>
                         </template>
                     </div>

package/dist/elements/list/core.d.ts

@@ -56,7 +56,7 @@ export declare const List: import("@jsprose/core").Tag<"List", {
     start?: number;
 } | {
     type: "ul";
-}) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const listItemRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "listItem";
     type: "block";
@@ -108,7 +108,7 @@ export declare const listRegistryItem: import("@jsprose/core").RegistryItem<{
         start?: number;
     } | {
         type: "ul";
-    }) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 declare const _default: [{
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -163,7 +163,7 @@ declare const _default: [{
             start?: number;
         } | {
             type: "ul";
-        }) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        }) & TagChildren) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 }];
 export default _default;

package/dist/elements/math/block.d.ts

@@ -1,11 +1,14 @@
 import { type TagChildren } from '@jsprose/core';
-export declare const mathGroupTypes: readonly ["zero", "normal", "big"];
+export declare const mathGroupTypes: readonly ["0", "small", "normal", "big"];
 export type MathGroupGapType = (typeof mathGroupTypes)[number] | 'custom';
 export interface MathGroupGapTemplate {
     type: MathGroupGapType;
 }
-export interface MathGroupGapNone extends MathGroupGapTemplate {
-    type: 'zero';
+export interface MathGroupGapZero extends MathGroupGapTemplate {
+    type: '0';
+}
+export interface MathGroupGapSmall extends MathGroupGapTemplate {
+    type: 'small';
 }
 export interface MathGroupGapNormal extends MathGroupGapTemplate {
     type: 'normal';
@@ -17,7 +20,7 @@ export interface MathGroupGapCustom extends MathGroupGapTemplate {
     type: 'custom';
     size: string;
 }
-export type MathGroupGap = MathGroupGapNone | MathGroupGapNormal | MathGroupGapBig | MathGroupGapCustom;
+export type MathGroupGap = MathGroupGapZero | MathGroupGapSmall | MathGroupGapNormal | MathGroupGapBig | MathGroupGapCustom;
 export type MathGroupPart = string | MathGroup;
 export interface MathGroup {
     gap: MathGroupGap;
@@ -45,7 +48,7 @@ export declare const BlockMath: import("@jsprose/core").Tag<"BlockMath", {
     Children: undefined;
 }, {
     freeze?: boolean;
-} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const blockMathRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "blockMath";
     type: "block";
@@ -63,7 +66,7 @@ export declare const blockMathRegistryItem: import("@jsprose/core").RegistryItem
         Children: undefined;
     }, {
         freeze?: boolean;
-    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, (element: import("@jsprose/core").ProseElement<{
     name: "blockMath";
     type: "block";

package/dist/elements/math/block.js

@@ -2,7 +2,8 @@ import { defineRegistryItem, defineSchema, ensureTagChild, ProseError, textSchem
 import { latexToHtml, normalizeKatex } from "./katex.js";
 import { defineEruditTag } from "../../tag.js";
 export const mathGroupTypes = [
-	"zero",
+	"0",
+	"small",
 	"normal",
 	"big"
 ];

package/dist/elements/math/components/BlockMath.vue

@@ -23,7 +23,7 @@ const mathGroup: _MathGroup = blockMathStorage;
 
 <template>
     <Block :element>
-        <div :style="{ '--mathRowGap': '.6em' }">
+        <div :style="{ '--mathRowGap': '1em' }">
             <MathGroup :mathGroup :freeze="Boolean(element.data.freeze)" />
         </div>
     </Block>

package/dist/elements/math/components/MathGroup.vue

@@ -9,12 +9,14 @@ const { mathGroup } = defineProps<{
 
 const columnGap = (() => {
     switch (mathGroup.gap.type) {
-        case 'zero':
+        case '0':
             return '0px';
-        case 'normal':
+        case 'small':
             return 'var(--proseAsideWidth)';
-        case 'big':
+        case 'normal':
             return 'calc(var(--proseAsideWidth) * 2)';
+        case 'big':
+            return 'calc(var(--proseAsideWidth) * 4)';
         case 'custom':
             return mathGroup.gap.size;
     }

package/dist/elements/math/core.d.ts

@@ -14,7 +14,7 @@ declare const _default: [{
             Data: string;
             Storage: import("./inliner.js").InlinerMathStorage;
             Children: undefined;
-        }, import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        }, import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, (element: import("@jsprose/core").ProseElement<{
         name: "inlinerMath";
         type: "inliner";
@@ -47,7 +47,7 @@ declare const _default: [{
             Children: undefined;
         }, {
             freeze?: boolean;
-        } & import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        } & import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, (element: import("@jsprose/core").ProseElement<{
         name: "blockMath";
         type: "block";

package/dist/elements/math/inliner.d.ts

@@ -35,7 +35,7 @@ export declare const M: import("@jsprose/core").Tag<"M", {
     Data: string;
     Storage: InlinerMathStorage;
     Children: undefined;
-}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const inlinerMathRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "inlinerMath";
     type: "inliner";
@@ -51,7 +51,7 @@ export declare const inlinerMathRegistryItem: import("@jsprose/core").RegistryIt
         Data: string;
         Storage: InlinerMathStorage;
         Children: undefined;
-    }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, (element: import("@jsprose/core").ProseElement<{
     name: "inlinerMath";
     type: "inliner";

package/dist/elements/paragraph/Paragraph.vue

@@ -12,7 +12,7 @@ defineProps<{ element: ProseElement<typeof paragraphSchema> }>();
     <Block :element>
         <div
             :class="[
-                'wrap-break-word transition-[color]',
+                'wrap-break-word',
                 element.data?.center
                     ? 'text-center'
                     : 'micro:text-justify text-left',

package/dist/elements/paragraph/core.d.ts

@@ -21,7 +21,7 @@ export declare const P: import("@jsprose/core").Tag<"P", {
 }, {
     center?: true;
     serif?: true;
-} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const paragraphRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "paragraph";
     type: "block";
@@ -40,7 +40,7 @@ export declare const paragraphRegistryItem: import("@jsprose/core").RegistryItem
     }, {
         center?: true;
         serif?: true;
-    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 declare const _default: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -61,7 +61,7 @@ declare const _default: {
         }, {
             center?: true;
             serif?: true;
-        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 };
 export default _default;

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

@@ -5,8 +5,8 @@ defineProps<{ active?: boolean }>();
 <template>
     <button
         :class="[
-            `bg-bg-main border-border/80 text-main-xs min-w-[50px]
-            cursor-pointer rounded border px-2.5 py-[5px] font-semibold shadow
+            `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]`,
             {

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

@@ -1,8 +1,7 @@
 <template>
     <div
         class="bg-bg-accent/30 dark:bg-bg-accent/50 border-border/50
-            dark:border-border/90 rounded-xl border
-            transition-[background,border]"
+            dark:border-border/90 rounded-xl border"
     >
         <slot></slot>
     </div>

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

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="border-border border-t transition-[border]">
+        <div class="border-border border-t">
             <slot></slot>
         </div>
     </div>

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

@@ -30,7 +30,7 @@ watchEffect(() => {
         @click="opened = !opened"
         class="group border-border text-text-muted relative flex cursor-pointer
             items-center border-t p-(--proseAsideWidth) font-semibold
-            transition-[border] first:border-t-0"
+            first:border-t-0"
     >
         <div class="flex-1">{{ formatText(title) }}</div>
         <button
@@ -49,8 +49,7 @@ watchEffect(() => {
     <Suspense>
         <div
             v-if="opened"
-            class="border-border border-t border-dashed py-(--proseAsideWidth)
-                transition-[border]"
+            class="border-border border-t border-dashed py-(--proseAsideWidth)"
         >
             <Render v-for="child of element.children" :element="child" />
         </div>

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

@@ -46,10 +46,7 @@ const levelColors: Record<ProblemLevel, string> = {
         class="micro:flex-row micro:items-center micro:gap-normal gap-small flex
             flex-col flex-wrap p-(--proseAsideWidth) pb-0"
     >
-        <h2
-            class="text-text-deep text-main-lg flex-1 font-bold
-                transition-[color]"
-        >
+        <h2 class="text-text-deep text-main-lg flex-1 font-bold">
             {{ formatText(info.title) }}
         </h2>
         <div
@@ -67,8 +64,7 @@ const levelColors: Record<ProblemLevel, string> = {
                 class="border-border/60 bg-bg-main text-main-xs text-text-muted
                     flex h-(--labelHeight) cursor-help items-center gap-1
                     rounded-xl border px-2 shadow
-                    shadow-[light-dark(#d9d9d9,#3c3c3c)]
-                    transition-[background,border,color,box-shadow]"
+                    shadow-[light-dark(#d9d9d9,#3c3c3c)]"
             >
                 <EruditIcon
                     v-if="typeof attribute === 'string' || attribute.icon"

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

@@ -60,9 +60,9 @@ watchEffect(() => {
                 />
             </div>
             <div
-                class="gap-normal border-border flex flex-wrap border-b
-                    px-(--proseAsideWidth) py-(--proseAsideWidth)
-                    transition-[border]"
+                class="gap-small micro:gap-normal border-border micro:*:px-4
+                    flex flex-wrap border-b px-(--proseAsideWidth)
+                    py-(--proseAsideWidth)"
             >
                 <ProblemButton
                     v-for="(subProblem, i) of subProblems"

package/dist/elements/problem/components/expanders/Check.vue

@@ -2,7 +2,7 @@
 import { useTemplateRef, ref, watch } from 'vue';
 import type { ProseElement } from '@jsprose/core';
 
-import type { problemCheckSchema } from '../../problemContent.js';
+import { checkValue, type problemCheckSchema } from '../../problemContent.js';
 import checkIcon from '../../assets/actions/check.svg?raw';
 import plusIcon from '../../../../app/shared/assets/plus.svg?raw';
 import successIcon from '../../../../app/shared/assets/check.svg?raw';
@@ -81,8 +81,7 @@ function doCheck() {
         return;
     }
 
-    const isCorrect = check.data.answers?.includes(newInput);
-    state.value = isCorrect ? 'correct' : 'wrong';
+    state.value = checkValue(newInput, check.data) ? 'correct' : 'wrong';
 }
 </script>
 

package/dist/elements/problem/components/expanders/Checks.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watchEffect } from 'vue';
+import { ref } from 'vue';
 import type { ProseElement } from '@jsprose/core';
 
 import type {

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

@@ -108,19 +108,55 @@ declare const _default: [{
             label?: string;
             hint?: string;
             placeholder?: string;
-        } & (({
-            answer: string | number;
+        } & (((Pick<{
+            answer: string | number | RegExp;
+            answers: (string | number | RegExp)[];
+            set: (string | number | RegExp | (string | number | RegExp)[])[] | {
+                separator: string;
+                values: (string | number | RegExp | (string | number | RegExp)[])[];
+            };
+            script: string;
+        }, "answer"> & {
             answers?: undefined;
+            set?: undefined;
             script?: undefined;
-        } | {
-            answers: (string | number)[];
+        }) | (Pick<{
+            answer: string | number | RegExp;
+            answers: (string | number | RegExp)[];
+            set: (string | number | RegExp | (string | number | RegExp)[])[] | {
+                separator: string;
+                values: (string | number | RegExp | (string | number | RegExp)[])[];
+            };
+            script: string;
+        }, "answers"> & {
             answer?: undefined;
+            set?: undefined;
             script?: undefined;
-        } | {
+        }) | (Pick<{
+            answer: string | number | RegExp;
+            answers: (string | number | RegExp)[];
+            set: (string | number | RegExp | (string | number | RegExp)[])[] | {
+                separator: string;
+                values: (string | number | RegExp | (string | number | RegExp)[])[];
+            };
             script: string;
+        }, "set"> & {
+            answer?: undefined;
             answers?: undefined;
+            script?: undefined;
+        }) | (Pick<{
+            answer: string | number | RegExp;
+            answers: (string | number | RegExp)[];
+            set: (string | number | RegExp | (string | number | RegExp)[])[] | {
+                separator: string;
+                values: (string | number | RegExp | (string | number | RegExp)[])[];
+            };
+            script: string;
+        }, "script"> & {
             answer?: undefined;
-        }) & import("@jsprose/core").NoTagChildren)) & {}>;
+            answers?: undefined;
+            set?: undefined;
+        })) & import("@jsprose/core").NoTagChildren)) & {}>;
     }, undefined>;
 }, {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -173,7 +209,7 @@ declare const _default: [{
         } | {
             script: import("./problemScript.js").ProblemScriptInstance;
             children?: undefined;
-        })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 }, {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -242,7 +278,7 @@ declare const _default: [{
             applied?: true | undefined;
             method?: true | undefined;
             inter?: true | undefined;
-        } & import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        } & import("@jsprose/core").TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 }];
 export default _default;

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

@@ -37,7 +37,7 @@ export declare const Problem: import("@jsprose/core").Tag<"Problem", {
 } | {
     script: ProblemScriptInstance;
     children?: undefined;
-})) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+})) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const problemRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "problem";
     type: "block";
@@ -68,7 +68,7 @@ export declare const problemRegistryItem: import("@jsprose/core").RegistryItem<{
     } | {
         script: ProblemScriptInstance;
         children?: undefined;
-    })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 export declare const problemCoreElement: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -101,6 +101,6 @@ export declare const problemCoreElement: {
         } | {
             script: ProblemScriptInstance;
             children?: undefined;
-        })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        })) & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 };

package/dist/elements/problem/problem.js

@@ -14,10 +14,9 @@ export const Problem = defineEruditTag({
 	tagName: "Problem",
 	schema: problemSchema
 })(({ element, tagName, props, children }) => {
-	element.data = { info: problemProps2Info(props) };
-	element.title = element.data.info.title;
-	element.snippet = {};
-	element.toc = { add: true };
+	const problemInfo = problemProps2Info(props);
+	element.data = { info: problemInfo };
+	element.title = problemInfo.title;
 	if (children && props.script) {
 		throw new ProseError(`<${tagName}> cannot have both script and children in Problem element!`);
 	}