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

package/dist/app/composables/context.d.ts

@@ -1,12 +1,13 @@
 import { type Component, type InjectionKey, type Ref } from 'vue';
 import type { EruditLanguageCode } from '@erudit-js/core/eruditConfig/language';
 import type { EruditMode } from '@erudit-js/core/mode';
+import type { FormatText } from '@erudit-js/core/formatText';
 import type { AppElement } from '../appElement.js';
 export interface ProseContext {
     mode: EruditMode;
     languageCode: EruditLanguageCode;
     appElements: Record<string, AppElement>;
-    formatText: (text: string) => string;
+    formatText: FormatText;
     pathUrl: string;
     baseUrl: string;
     hashUrl: Ref<string | undefined>;

package/dist/app/composables/formatText.d.ts

@@ -1 +1,5 @@
-export declare function useFormatText(): (text: string) => string;
+import { type InjectionKey } from 'vue';
+import type { FormatTextState } from '@erudit-js/core/formatText';
+export declare function useFormatText(): import("@erudit-js/core/formatText").FormatText;
+export declare const formatTextStateSymbol: InjectionKey<FormatTextState>;
+export declare function useFormatTextState(): FormatTextState;

package/dist/app/composables/formatText.js

@@ -1,5 +1,10 @@
+import { inject } from "vue";
 import { useProseContext } from "./context.js";
 export function useFormatText() {
 	const { formatText } = useProseContext();
 	return formatText;
 }
+export const formatTextStateSymbol = Symbol();
+export function useFormatTextState() {
+	return inject(formatTextStateSymbol);
+}

package/dist/app/default/Text.vue

@@ -2,15 +2,19 @@
 import { Text, h } from 'vue';
 import type { ProseElement, textSchema } from '@jsprose/core';
 
-import { useFormatText } from '../composables/formatText.js';
+import {
+    useFormatText,
+    useFormatTextState,
+} from '../composables/formatText.js';
 
 const { element } = defineProps<{ element: ProseElement<typeof textSchema> }>();
+const formatTextState = useFormatTextState();
 const formatText = useFormatText();
 
 const originalText = element.data;
 const leadingSpace = originalText.match(/^(\s*)/)?.[1] ? ' ' : '';
 const trailingSpace = originalText.match(/(\s*)$/)?.[1] ? ' ' : '';
-const formattedText = formatText(originalText);
+const formattedText = formatText(originalText, formatTextState);
 const textWithSpaces = leadingSpace + formattedText + trailingSpace;
 
 const TextComponent = h(Text, textWithSpaces);

package/dist/app/shared/Prose.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { provide } from 'vue';
 import type { AnySchema, GenericStorage, ProseElement } from '@jsprose/core';
+import { createFormatTextState } from '@erudit-js/core/formatText';
 
 import {
     proseContextSymbol,
@@ -9,6 +10,7 @@ import {
 import { proseStorageSymbol } from '../composables/storage.js';
 import Render from './Render.vue';
 import { anchorStateSymbol, useAnchorState } from '../composables/anchor.js';
+import { formatTextStateSymbol } from '../composables/formatText.js';
 
 const { element, storage, context } = defineProps<{
     element: ProseElement<AnySchema>;
@@ -21,6 +23,8 @@ provide(proseStorageSymbol, storage);
 
 const anchorState = useAnchorState(context.hashUrl, element);
 provide(anchorStateSymbol, anchorState);
+
+provide(formatTextStateSymbol, createFormatTextState());
 </script>
 
 <template>

package/dist/app/shared/block/Block.vue

@@ -18,11 +18,16 @@ import {
     useResolveAnchor,
 } from '../../composables/anchor.js';
 import AsideMenu from './AsideMenu.vue';
+import { useFormatTextState } from '../../composables/formatText.js';
 
 const { element } = defineProps<{ element: ProseElement<BlockSchema> }>();
 const { EruditIcon, EruditTransition } = useProseContext();
 const elementIcon = await useElementIcon(element);
 
+const formatTextState = useFormatTextState();
+// Reset quote state making sure any opened quote does not leak outside
+formatTextState.quote = 'closed';
+
 const blockElement = useTemplateRef('block');
 const asideElement = useTemplateRef('aside');
 const asideMenuElement = useTemplateRef('asideMenu');

package/dist/app/shared/invert.d.ts

@@ -1,2 +1,2 @@
-export declare const lightInvert = "not-dark:invert not-dark:hue-rotate-180 transition-[filter]";
-export declare const darkInvert = "dark:invert dark:hue-rotate-180 transition-[filter]";
+export declare const lightInvert = "not-dark:invert not-dark:hue-rotate-180";
+export declare const darkInvert = "dark:invert dark:hue-rotate-180";

package/dist/app/shared/invert.js

@@ -1,2 +1,2 @@
-export const lightInvert = "not-dark:invert not-dark:hue-rotate-180 transition-[filter]";
-export const darkInvert = "dark:invert dark:hue-rotate-180 transition-[filter]";
+export const lightInvert = "not-dark:invert not-dark:hue-rotate-180";
+export const darkInvert = "dark:invert dark:hue-rotate-180";

package/dist/app/shared/photoswipe/composable.js

@@ -22,7 +22,7 @@ export function usePhotoSwipe() {
 			lightbox.value.on("uiRegister", () => {
 				lightbox.value.pswp?.ui?.registerElement({
 					name: "caption",
-					className: "text-xs micro:text-sm absolute bottom-0 w-full text-center p-normal bg-bg-main/50 backdrop-blur-md",
+					className: "text-xs micro:text-sm absolute **:text-text-muted bottom-0 w-full text-center p-normal bg-bg-main/50 backdrop-blur-md",
 					order: 9,
 					isButton: false,
 					appendTo: "root",

package/dist/elements/accent/Accent.vue

@@ -60,13 +60,13 @@ const accentOptions = (appElement as any)['accent'] as AccentAppOptions;
             }"
             :class="[
                 `rounded-xl border border-(--accentBorder)
-                bg-(--accentBackground) transition-[background,border]`,
+                bg-(--accentBackground)`,
             ]"
         >
             <div
                 class="text-main-lg flex items-center gap-(--proseAsideWidth)
                     px-(--proseAsideWidth) py-(--proseAsideWidth) font-semibold
-                    text-(--accentText) transition-[color]"
+                    text-(--accentText)"
             >
                 <EruditIcon
                     :name="accentIcon"

package/dist/elements/accent/AccentColumnSection.vue

@@ -31,7 +31,7 @@ watchEffect(() => {
             @click="opened = !opened"
             class="group relative flex cursor-pointer items-center border-t
                 border-(--accentBorder) p-(--proseAsideWidth) font-medium
-                text-(--accentText) transition-[border]"
+                text-(--accentText)"
         >
             <div class="flex-1">{{ title }}</div>
             <button
@@ -49,7 +49,7 @@ watchEffect(() => {
             <div
                 :class="[
                     `absolute bottom-0 left-0 w-full border-b border-dashed
-                    border-(--accentBorder) transition-[border]`,
+                    border-(--accentBorder)`,
                     opened ? 'opacity-100' : 'opacity-0',
                 ]"
             ></div>

package/dist/elements/accent/AccentRowSections.vue

@@ -45,7 +45,7 @@ watchEffect(() => {
         <div
             :class="[
                 `absolute bottom-0 left-0 w-full border-b
-                border-(--accentBorder) transition-[border]`,
+                border-(--accentBorder)`,
                 openedSectionI === undefined ? 'opacity-0' : 'opacity-100',
             ]"
         ></div>

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

@@ -106,7 +106,7 @@ export declare function defineAccentCore<const I extends string, const J extends
         } | {
             row?: undefined;
             column?: 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>;
         registryItem: import("@jsprose/core").RegistryItem<{
             name: `accent_${TDefinition["name"]}`;
             type: "block";
@@ -179,7 +179,7 @@ export declare function defineAccentCore<const I extends string, const J extends
         } | {
             row?: undefined;
             column?: 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>, {
             tagName: K;
         }>; }, undefined>;
     };

package/dist/elements/callout/Callout.vue

@@ -25,23 +25,20 @@ const formatText = useFormatText();
                     :src="calloutStorage.resolvedIconSrc"
                     loading="lazy"
                     class="outline-border size-[60px] rounded-full border-2
-                        border-transparent outline-2 transition-[outline]"
+                        border-transparent outline-2"
                 />
             </div>
             <div
                 class="border-border/90 relative flex-1 rounded-xl border
-                    bg-(--calloutBg) py-(--proseAsideWidth) font-serif shadow-md
-                    transition-[border,background]"
+                    bg-(--calloutBg) py-(--proseAsideWidth) font-serif
+                    shadow-md"
             >
-                <div
-                    :class="$style.arrow"
-                    class="max-micro:hidden transition-[border]"
-                >
-                    <div :class="$style.fill" class="transition-[border]"></div>
+                <div :class="$style.arrow" class="max-micro:hidden">
+                    <div :class="$style.fill"></div>
                 </div>
                 <header
                     class="gap-small mb-(--proseAsideWidth) flex items-center
-                        px-(--proseAsideWidth) font-semibold transition-[color]"
+                        px-(--proseAsideWidth) font-semibold"
                 >
                     <img
                         :src="calloutStorage.resolvedIconSrc"

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

@@ -27,7 +27,7 @@ export declare const Callout: import("@jsprose/core").Tag<"Callout", {
     icon: string;
     invert?: Invert;
     title: string;
-} & 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 calloutRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "callout";
     type: "block";
@@ -47,7 +47,7 @@ export declare const calloutRegistryItem: import("@jsprose/core").RegistryItem<{
         icon: string;
         invert?: Invert;
         title: string;
-    } & 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<{
@@ -69,7 +69,7 @@ declare const _default: {
             icon: string;
             invert?: Invert;
             title: string;
-        } & 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/caption/Caption.vue

@@ -30,7 +30,7 @@ onMounted(() => {
 <template>
     <div
         ref="caption"
-        class="text-text-muted text-main-sm mt-small micro:mt-normal m-auto
+        class="**:text-text-muted text-main-sm mt-small micro:mt-normal m-auto
             text-center"
         v-bind="width ? { style: { width } } : {}"
     >

package/dist/elements/details/Details.vue

@@ -27,11 +27,10 @@ const containsAnchor = useContainsAnchor(element);
 </script>
 
 <template>
-    <Block :element v-if="isAnchor || containsAnchor || mode !== 'generate'">
+    <Block :element v-if="isAnchor || containsAnchor || mode !== 'static'">
         <div
             class="border-border bg-bg-accent/30 rounded-xl border-2
-                border-dashed transition-[border,background]
-                dark:border-white/30 dark:bg-white/5"
+                border-dashed dark:border-white/30 dark:bg-white/5"
         >
             <div class="text-text-muted p-(--proseAsideWidth) font-medium">
                 <EruditIcon

package/dist/elements/diagram/Diagram.vue

@@ -26,6 +26,7 @@ const { EruditIcon, loadingSvg } = useProseContext();
 const loading = ref(true);
 const diagramRendering = ref(false);
 const dummyMathHtml = ref('');
+const dummyElement = useTemplateRef('dummy');
 const diagramContent = ref(element.children[0].data);
 const diagramSvgContent = ref('');
 const diagramElement = useTemplateRef('diagram');
@@ -198,7 +199,11 @@ async function renderDiagram() {
         theme: 'base',
     });
 
-    const { svg } = await mermaid.render(diagramUid, diagramContent.value);
+    const { svg } = await mermaid.render(
+        diagramUid,
+        diagramContent.value,
+        dummyElement.value!,
+    );
 
     diagramSvgContent.value = svg;
 }
@@ -207,7 +212,8 @@ async function renderDiagram() {
 <template>
     <Block :element>
         <div
-            class="fixed -top-[9999px] -left-[9999px]"
+            ref="dummy"
+            :class="[$style.diagram, 'fixed -top-[9999px] -left-[9999px]']"
             v-html="dummyMathHtml"
         ></div>
         <div ref="diagram">
@@ -239,6 +245,10 @@ async function renderDiagram() {
         cursor: pointer;
     }
 
+    :global(.katex-display) {
+        margin: 0 !important;
+    }
+
     /* Text color */
 
     :global(.edgeLabel) {

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

@@ -56,7 +56,7 @@ export declare const Diagram: import("@jsprose/core").Tag<"Diagram", {
         Storage: undefined;
         Children: import("@jsprose/core").InlinerSchema[];
     }];
-}, 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 diagramRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "diagram";
     type: "block";
@@ -114,7 +114,7 @@ export declare const diagramRegistryItem: import("@jsprose/core").RegistryItem<{
             Storage: undefined;
             Children: import("@jsprose/core").InlinerSchema[];
         }];
-    }, 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<{
@@ -174,7 +174,7 @@ declare const _default: {
                 Storage: undefined;
                 Children: import("@jsprose/core").InlinerSchema[];
             }];
-        }, 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>;
     dependencies: {
         mermaid: {

package/dist/elements/emphasis/Emphasis.vue

@@ -11,7 +11,7 @@ defineProps<{ element: ProseElement<typeof emphasisSchema> }>();
     <strong
         v-if="element.data.type === 'bold'"
         :class="[
-            'font-semibold transition-[color]',
+            'font-semibold',
             element.data?.accent
                 ? 'text-(--accentText,var(--color-text-deep))'
                 : 'text-text-deep',

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

@@ -22,7 +22,7 @@ export declare const B: import("@jsprose/core").Tag<"B", {
     Children: InlinerSchema[];
 }, {
     accent?: 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 I: import("@jsprose/core").Tag<"I", {
     name: "emphasis";
     type: "inliner";
@@ -30,7 +30,7 @@ export declare const I: import("@jsprose/core").Tag<"I", {
     Data: EmphasisData;
     Storage: undefined;
     Children: InlinerSchema[];
-}, 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 emphasisRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "emphasis";
     type: "inliner";
@@ -48,7 +48,7 @@ export declare const emphasisRegistryItem: import("@jsprose/core").RegistryItem<
         Children: InlinerSchema[];
     }, {
         accent?: 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>;
     I: import("@jsprose/core").Tag<"I", {
         name: "emphasis";
         type: "inliner";
@@ -56,7 +56,7 @@ export declare const emphasisRegistryItem: import("@jsprose/core").RegistryItem<
         Data: EmphasisData;
         Storage: undefined;
         Children: InlinerSchema[];
-    }, 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<{
@@ -76,7 +76,7 @@ declare const _default: {
             Children: InlinerSchema[];
         }, {
             accent?: 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>;
         I: import("@jsprose/core").Tag<"I", {
             name: "emphasis";
             type: "inliner";
@@ -84,7 +84,7 @@ declare const _default: {
             Data: EmphasisData;
             Storage: undefined;
             Children: InlinerSchema[];
-        }, 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/flex/Flex.vue

@@ -22,8 +22,14 @@ const gap = (() => {
             :style="{ justifyContent: justify, gap }"
             class="flex flex-wrap items-center"
         >
-            <template v-for="item of element.children">
-                <div>
+            <template v-for="(item, i) of element.children">
+                <div
+                    :style="{
+                        flex: element.data?.flexes
+                            ? element.data.flexes[i]
+                            : undefined,
+                    }"
+                >
                     <Render :element="item" />
                 </div>
             </template>

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

@@ -2,6 +2,7 @@ import { type BlockSchema, type TagChildren } from '@jsprose/core';
 export interface FlexData {
     gap?: string;
     justifyContent?: string;
+    flexes?: string[];
 }
 export declare const flexSchema: {
     name: "flex";
@@ -21,7 +22,8 @@ export declare const Flex: import("@jsprose/core").Tag<"Flex", {
 }, {
     gap?: string;
     justify?: string;
-} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    flexes?: string[];
+} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const flexRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "flex";
     type: "block";
@@ -40,7 +42,8 @@ export declare const flexRegistryItem: import("@jsprose/core").RegistryItem<{
     }, {
         gap?: string;
         justify?: string;
-    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        flexes?: string[];
+    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 declare const _default: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -61,7 +64,8 @@ declare const _default: {
         }, {
             gap?: string;
             justify?: string;
-        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+            flexes?: string[];
+        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 };
 export default _default;

package/dist/elements/flex/core.js

@@ -20,6 +20,10 @@ export const Flex = defineEruditTag({
 		element.data = element.data || {};
 		element.data.justifyContent = props.justify;
 	}
+	if (props.flexes) {
+		element.data = element.data || {};
+		element.data.flexes = props.flexes;
+	}
 });
 export const flexRegistryItem = defineRegistryItem({
 	schema: flexSchema,

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

@@ -42,7 +42,7 @@ export declare const Gallery: import("@jsprose/core").Tag<"Gallery", {
             Children: import("@jsprose/core").InlinerSchema[];
         }] | 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 galleryRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "gallery";
     type: "block";
@@ -86,7 +86,7 @@ export declare const galleryRegistryItem: import("@jsprose/core").RegistryItem<{
                 Children: import("@jsprose/core").InlinerSchema[];
             }] | 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>;
 }, undefined>;
 declare const _default: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -132,7 +132,7 @@ declare const _default: {
                     Children: import("@jsprose/core").InlinerSchema[];
                 }] | 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>;
     }, undefined>;
 };
 export default _default;

package/dist/elements/heading/Heading.vue

@@ -29,7 +29,7 @@ const Tag = (() => {
         <component
             :is="Tag"
             :class="[
-                'text-text-deep transition-[color,border]',
+                'text-text-deep',
                 {
                     [`text-main-2xl border-border pb-small micro:pb-normal
                     border-b font-bold`]: element.data.level === 1,

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

@@ -20,7 +20,7 @@ export declare const H1: import("@jsprose/core").Tag<"H1", {
     Data: HeadingData;
     Storage: undefined;
     Children: undefined;
-}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const H2: import("@jsprose/core").Tag<"H2", {
     name: "heading";
     type: "block";
@@ -28,7 +28,7 @@ export declare const H2: import("@jsprose/core").Tag<"H2", {
     Data: HeadingData;
     Storage: undefined;
     Children: undefined;
-}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const H3: import("@jsprose/core").Tag<"H3", {
     name: "heading";
     type: "block";
@@ -36,7 +36,7 @@ export declare const H3: import("@jsprose/core").Tag<"H3", {
     Data: HeadingData;
     Storage: undefined;
     Children: undefined;
-}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
 export declare const headingRegistryItem: import("@jsprose/core").RegistryItem<{
     name: "heading";
     type: "block";
@@ -52,7 +52,7 @@ export declare const headingRegistryItem: import("@jsprose/core").RegistryItem<{
         Data: HeadingData;
         Storage: undefined;
         Children: undefined;
-    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
     H2: import("@jsprose/core").Tag<"H2", {
         name: "heading";
         type: "block";
@@ -60,7 +60,7 @@ export declare const headingRegistryItem: import("@jsprose/core").RegistryItem<{
         Data: HeadingData;
         Storage: undefined;
         Children: undefined;
-    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
     H3: import("@jsprose/core").Tag<"H3", {
         name: "heading";
         type: "block";
@@ -68,7 +68,7 @@ export declare const headingRegistryItem: import("@jsprose/core").RegistryItem<{
         Data: HeadingData;
         Storage: undefined;
         Children: undefined;
-    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
 }, undefined>;
 declare const _default: {
     registryItem: import("@jsprose/core").RegistryItem<{
@@ -86,7 +86,7 @@ declare const _default: {
             Data: HeadingData;
             Storage: undefined;
             Children: undefined;
-        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
         H2: import("@jsprose/core").Tag<"H2", {
             name: "heading";
             type: "block";
@@ -94,7 +94,7 @@ declare const _default: {
             Data: HeadingData;
             Storage: undefined;
             Children: undefined;
-        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
         H3: import("@jsprose/core").Tag<"H3", {
             name: "heading";
             type: "block";
@@ -102,7 +102,7 @@ declare const _default: {
             Data: HeadingData;
             Storage: undefined;
             Children: undefined;
-        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        }, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet>;
     }, undefined>;
 };
 export default _default;