comark-ui 0.8.1 → 0.9.0

package/dist/typeset.css

@@ -0,0 +1 @@
+@layer comark{@layer typeset{@scope (.comark-typeset){:where(:scope){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#fff)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#0a0a0a)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#737373)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,#e5e5e5)));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#f5f5f5)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#a1a1a1)));--_comark-primary:var(--comark-primary,var(--ui-primary,var(--primary,var(--_comark-foreground))));--_comark-primary-foreground:var(--comark-primary-foreground,var(--ui-text-inverted,var(--primary-foreground,var(--_comark-background))));--_comark-secondary:var(--comark-secondary,var(--ui-secondary,var(--_comark-muted)));--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}@media(prefers-color-scheme:dark){:where(:not(.light,.light *)):is(:where(:scope)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)));--_comark-primary:var(--comark-primary,var(--ui-primary,var(--primary,var(--_comark-foreground))));--_comark-primary-foreground:var(--comark-primary-foreground,var(--ui-text-inverted,var(--primary-foreground,var(--_comark-background))));--_comark-secondary:var(--comark-secondary,var(--ui-secondary,var(--_comark-muted)))}}:where(.dark,.dark *):is(:where(:scope)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)));--_comark-primary:var(--comark-primary,var(--ui-primary,var(--primary,var(--_comark-foreground))));--_comark-primary-foreground:var(--comark-primary-foreground,var(--ui-text-inverted,var(--primary-foreground,var(--_comark-background))));--_comark-secondary:var(--comark-secondary,var(--ui-secondary,var(--_comark-muted)))}:scope{--_ty-flow:var(--typeset-flow,1.25em);--_ty-muted:var(--_comark-muted);--_ty-rule:var(--_comark-border);--_ty-surface:var(--_comark-accent);--_ty-radius:calc(var(--_comark-radius) * 0.8);--_ty-mono:var(--comark-font-mono,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace));font-family:var(--_comark-font);font-size:calc(var(--typeset-size,1em) * 1.125);line-height:var(--typeset-leading,1.75);color:var(--_comark-foreground);overflow-wrap:break-word;background-image:var(--comark-grain,url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"));background-repeat:repeat;background-size:var(--comark-grain-size,256px 256px);@media(min-width:48rem),print{font-size:var(--typeset-size,1em);}}:scope *:not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)){&:where(p){margin-block:var(--_ty-flow) 0;}&:where(h1,h2,h3,h4,h5,h6){color:var(--_comark-foreground);font-family:var(--comark-font-heading,var(--font-heading,inherit));font-weight:600;margin-block-end:0;}&:where(h1){font-size:1.75em;line-height:1.3;margin-block-start:var(--_ty-flow);}&:where(h2){font-size:1.25em;line-height:1.4;margin-block-start:calc(var(--_ty-flow) * 1.4);}&:where(h3){font-size:1.125em;line-height:1.45;margin-block-start:var(--_ty-flow);}&:where(h4){font-size:1em;line-height:1.5;margin-block-start:var(--_ty-flow);}&:where(h5){font-size:0.875em;line-height:1.5;font-weight:500;color:var(--_ty-muted);margin-block-start:calc(var(--_ty-flow) / 0.875);}&:where(h6){font-size:0.8125em;line-height:1.5;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--_ty-muted);margin-block-start:calc(var(--_ty-flow) / 0.8125);}&:where([id]){scroll-margin-block-start:var(--_ty-flow);}&:where(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *){margin-block-start:1em;}&:where(:is(h1,h2,h3,h4) code){font-size:0.9em;}&:where(a){color:inherit;font-weight:500;text-decoration-line:underline;text-decoration-color:color-mix(in oklab,currentColor 30%,transparent);}&:where(a:hover){text-decoration-color:currentColor;}&:where(a:focus-visible){outline:2px solid var(--_comark-ring);outline-offset:2px;border-radius:0.125em;}&:where(:is(h1,h2,h3,h4,h5,h6) a){font-weight:inherit;}&:where(strong,b){font-weight:600;}&:where(mark){background-color:color-mix(in oklab,oklch(0.86 0.17 95) 40%,transparent);color:inherit;padding:0.05em 0.15em;border-radius:0.2em;}&:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:0.2em;cursor:help;}&:where(del,s){color:var(--_ty-muted);text-decoration-line:line-through;}&:where(sup,sub){font-size:0.75em;line-height:0;position:relative;vertical-align:baseline;}&:where(sup){top:-0.5em;}&:where(sub){bottom:-0.25em;}&:where(sup a){text-decoration-line:none;font-weight:500;}&:where(ul){list-style-type:disc;}&:where(ol){list-style-type:decimal;}&:where(ul ul){list-style-type:circle;}&:where(ul ul ul){list-style-type:square;}&:where(ol[type="a" i]){list-style-type:lower-alpha;}&:where(ol[type="i" i]){list-style-type:lower-roman;}&:where(ol[type="A" s]){list-style-type:upper-alpha;}&:where(ol[type="I" s]){list-style-type:upper-roman;}&:where(ul,ol){margin-block:var(--_ty-flow) 0;padding-inline-start:1.5em;}&:where(li){margin-block-start:0.5em;padding-inline-start:0.4em;}&:where(li>p,li>ul,li>ol){margin-block-start:0.5em;}&:where(ul>li,ol>li)::marker{color:var(--_ty-muted);}&:where(ul.contains-task-list){list-style-type:none;padding-inline-start:0.25em;}&:where(li.task-list-item>input[type="checkbox"]){margin-inline-end:0.5em;vertical-align:-0.1em;accent-color:var(--_comark-primary);}&:where(details){margin-block:var(--_ty-flow) 0;}&:where(summary){cursor:pointer;font-weight:500;}&:where(summary)::marker{color:var(--_ty-muted);}&:where(kbd){font-family:inherit;font-size:0.85em;font-weight:500;border:1px solid var(--_ty-rule);border-block-end-width:2px;border-radius:0.35em;padding:0.0625em 0.35em;}&:where(dl){margin-block:var(--_ty-flow) 0;}&:where(dt){font-weight:500;margin-block-start:1em;}&:where(dt + dt){margin-block-start:0.25em;}&:where(dd){margin-block-start:0.25em;margin-inline-start:0;padding-inline-start:1em;color:var(--_ty-muted);}&:where(:not(pre)>code){background-color:var(--_ty-surface);font-family:var(--_ty-mono);font-size:0.85em;border-radius:0.35em;padding:0.125em 0.3em;}&:where(pre){background-color:var(--_ty-surface);font-family:var(--_ty-mono);font-size:0.875em;line-height:1.5;tab-size:2;direction:ltr;border-radius:var(--_ty-radius);padding:0.75em 1em;overflow-x:auto;margin-block:calc(var(--_ty-flow) / 0.875) 0;}&:where(pre code){background-color:transparent;font-family:inherit;font-size:inherit;padding:0;border-radius:0;}&:where(blockquote){border-inline-start:2px solid var(--_ty-rule);padding-inline-start:1em;margin-block:var(--_ty-flow) 0;margin-inline:0;}&:where(hr){border:0;border-block-start:1px solid var(--_ty-rule);margin-block:calc(var(--_ty-flow) * 2.4) 0;}&:where(hr + h1,hr + h2,hr + h3,hr + h4){margin-block-start:var(--_ty-flow);}&:where(.footnotes,[data-footnotes]){margin-block-start:calc(var(--_ty-flow) * 2);font-size:0.875em;color:var(--_ty-muted);}&:where(.footnotes>hr:first-child){margin-block-start:0;}&:where(.footnote-ref a,.footnote-backref){text-decoration-line:none;}&:where(math[display="block"]){margin-block:var(--_ty-flow) 0;overflow-x:auto;overflow-y:hidden;padding-block:0.25em;}&:where(img,video){border-radius:var(--_ty-radius);max-width:100%;height:auto;margin-block:var(--_ty-flow) 0;}&:where(:is(p,li,td,th,a) img){margin-block-start:0;}&:where(figure){margin-block:var(--_ty-flow) 0;margin-inline:0;}&:where(figcaption,caption){color:var(--_ty-muted);font-size:0.875em;text-align:center;margin-block-start:calc(0.75em / 0.875);}&:where(caption){caption-side:bottom;}&:where(table){display:block;width:max-content;max-width:100%;overflow-x:auto;font-size:1em;line-height:1.5;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0;border-block-end:1px solid var(--_ty-rule);margin-block:var(--_ty-flow) 0;}&:where(thead th){font-weight:500;text-align:start;padding:0.65em 1em;}&:where(:is(tbody,tfoot) :is(td,th)){padding:0.75em 1em;text-align:start;vertical-align:top;border-block-start:1px solid var(--_ty-rule);}&:where(tbody th,tfoot th){font-weight:500;}&:where(th:first-child,td:first-child){padding-inline-start:0;}&:where(th[align="center"],td[align="center"]){text-align:center;}&:where(th[align="right"],td[align="right"]){text-align:end;}&:where(li>blockquote,li>table,li>figure){margin-block-start:0.5em;}&:where(li>pre){margin-block-start:calc(0.5em / 0.875);}@media print{&:where(pre,table,blockquote,figure){break-inside:avoid;}&:where(h1,h2,h3,h4){break-after:avoid;}}@media(forced-colors:active){&:where(:not(pre)>code){border:1px solid;}}}.shiki:where(.dark *) span{&[style*="--shiki-dark:"]{color:var(--shiki-dark) !important;}&[style*="--shiki-dark-font-style:"]{font-style:var(--shiki-dark-font-style) !important;}&[style*="--shiki-dark-font-weight:"]{font-weight:var(--shiki-dark-font-weight) !important;}}@media(prefers-color-scheme:dark){.shiki:not(:where(.light *)) span{&[style*="--shiki-dark:"]{color:var(--shiki-dark) !important;}&[style*="--shiki-dark-font-style:"]{font-style:var(--shiki-dark-font-style) !important;}&[style*="--shiki-dark-font-weight:"]{font-weight:var(--shiki-dark-font-weight) !important;}}}:scope>[data-wide],:scope>:is(h2,h3,h4,.cl-heading:has(>:is(h2,h3,h4))):has(+ .ca-compare,+ style + .ca-compare){--_ty-start:max(0px,var(--comark-wide-start,0px));--_ty-end:max(0px,var(--comark-wide-end,0px));--_ty-wide:max(100%,min(var(--comark-wide-width,100vw),var(--comark-wide-max,72rem),100% + var(--_ty-start) + var(--_ty-end)));width:var(--_ty-wide);margin-inline:clamp(-1 * var(--_ty-start),(100% - var(--_ty-wide)) / 2,100% + var(--_ty-end) - var(--_ty-wide)) 0;}:scope>:where(:first-child):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)),:scope>:where(:first-child)>:where(:first-child):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)),:scope :where(li>:first-child,blockquote>:first-child,td>:first-child,th>:first-child,dd>:first-child,figure>:first-child,figure>picture>img ):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)){margin-block-start:0;}}}}

package/dist/vue.d.mts

@@ -1,7 +1,7 @@
-import { a as criticCss, n as Preset, r as PresetOptions } from "./index-DVGSDzBS.mjs";
+import { a as commentsCss, n as Preset, o as criticCss, r as PresetOptions } from "./index-Cq3zytGw.mjs";
 import { Component } from "vue";
 //#region src/vue.d.ts
 /** Every plugin with components for `@comark/vue`, which leaves out annotate, comments, diff, and quiz. */
 declare const _default: (options?: PresetOptions) => Preset<Component>;
 //#endregion
-export { type PresetOptions, criticCss, _default as default };
+export { type PresetOptions, commentsCss, criticCss, _default as default };

package/dist/vue.mjs

@@ -1,8 +1,8 @@
-import { t as typesetCss } from "./typeset-css-blSNpFNK.mjs";
-import { n as preset, t as criticCss } from "./src-PkmYCSNu.mjs";
+import { n as criticCss, r as preset, t as commentsCss } from "./src-MvpWiv9v.mjs";
+import { t as typesetCss } from "./typeset-css-BOtdXbMg.mjs";
 import { i as startMermaid, n as mermaidBar, t as addMermaidStyles } from "./client-kUEiRbtp.mjs";
 import * as properties from "comark-properties/vue";
-import { defineComponent, h, onBeforeUnmount, onMounted } from "vue";
+import { defineAsyncComponent, defineComponent, h, onBeforeUnmount, onMounted } from "vue";
 import * as badge from "comark-badge/vue";
 import * as cards from "comark-cards/vue";
 import * as carousel from "comark-carousel/vue";
@@ -24,7 +24,7 @@ import * as magicMove from "comark-magic-move/vue";
 import * as mark from "comark-mark/vue";
 import * as math from "comark-mathml/vue";
 import * as media from "comark-media/vue";
-import pele, { createPeleComponent } from "comark-pele/vue";
+import pele from "comark-pele";
 import * as metrics from "comark-metrics/vue";
 import * as outline from "comark-outline/vue";
 import * as qr from "comark-qr/vue";
@@ -35,10 +35,10 @@ import * as tabs from "comark-tabs/vue";
 import * as tests from "comark-tests/vue";
 import * as zoom from "comark-zoom/vue";
 //#region src/vue.ts
-const Pele = createPeleComponent({
+const Pele = defineAsyncComponent(() => import("comark-pele/vue").then(({ createPeleComponent }) => createPeleComponent({
 	onRender: addMermaidStyles,
 	onError: addMermaidStyles
-});
+})));
 const Mermaid = defineComponent({
 	name: "ComarkMermaid",
 	inheritAttrs: false,
@@ -110,4 +110,4 @@ var vue_default = (options) => preset({
 	zoom
 }, options);
 //#endregion
-export { criticCss, vue_default as default };
+export { commentsCss, criticCss, vue_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comark-ui",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Every comark-ui block in one install: annotated screenshots, charts, diffs, tabs, zoom, and more, registered in the order they need with shared icons. Turn any of them off or pass its options.",
   "keywords": [
     "comark",
@@ -23,7 +23,9 @@
     "dist"
   ],
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "exports": {
     ".": "./dist/index.mjs",
     "./client": "./dist/client.mjs",
@@ -40,7 +42,8 @@
     "./vue": "./dist/vue.mjs",
     "./package.json": "./package.json",
     "./skills": "./dist/skills.mjs",
-    "./skills/*": "./dist/skills/*"
+    "./skills/*": "./dist/skills/*",
+    "./typeset.css": "./dist/typeset.css"
   },
   "publishConfig": {
     "access": "public",
@@ -48,50 +51,50 @@
   },
   "dependencies": {
     "comark-pele": "^1.1.0",
-    "comark-annotate": "^0.8.1",
-    "comark-carousel": "^0.8.1",
-    "comark-cast": "^0.8.1",
-    "comark-badge": "^0.8.1",
-    "comark-charts": "^0.8.1",
-    "comark-cards": "^0.8.1",
-    "comark-chips": "^0.8.1",
-    "comark-cjk": "^0.8.1",
-    "comark-code-notes": "^0.8.1",
-    "comark-comments": "^0.8.1",
-    "comark-code": "^0.8.1",
-    "comark-colors": "^0.8.1",
-    "comark-critic": "^0.8.1",
-    "comark-deflist": "^0.8.1",
-    "comark-details": "^0.8.1",
-    "comark-diagrams": "^0.8.1",
-    "comark-diff": "^0.8.1",
-    "comark-embed": "^0.8.1",
-    "comark-figure": "^0.8.1",
-    "comark-footnotes": "^0.8.1",
-    "comark-file-tree": "^0.8.1",
-    "comark-fields": "^0.8.1",
-    "comark-keys": "^0.8.1",
-    "comark-include": "^0.8.1",
-    "comark-icon": "^0.8.1",
-    "comark-github": "^0.8.1",
-    "comark-magic-move": "^0.8.1",
-    "comark-mark": "^0.8.1",
-    "comark-links": "^0.8.1",
-    "comark-media": "^0.8.1",
-    "comark-mathml": "^0.8.1",
-    "comark-metrics": "^0.8.1",
-    "comark-properties": "^0.8.1",
-    "comark-outline": "^0.8.1",
-    "comark-qr": "^0.8.1",
-    "comark-quiz": "^0.8.1",
-    "comark-steps": "^0.8.1",
-    "comark-table": "^0.8.1",
-    "comark-sources": "^0.8.1",
-    "comark-reading-time": "^0.8.1",
-    "comark-tabs": "^0.8.1",
-    "comark-tests": "^0.8.1",
-    "comark-xref": "^0.8.1",
-    "comark-zoom": "^0.8.1"
+    "comark-carousel": "^0.9.0",
+    "comark-cards": "^0.9.0",
+    "comark-badge": "^0.9.0",
+    "comark-cast": "^0.9.0",
+    "comark-charts": "^0.9.0",
+    "comark-annotate": "^0.9.0",
+    "comark-chips": "^0.9.0",
+    "comark-cjk": "^0.9.0",
+    "comark-code-notes": "^0.9.0",
+    "comark-code": "^0.9.0",
+    "comark-deflist": "^0.9.0",
+    "comark-critic": "^0.9.0",
+    "comark-comments": "^0.9.0",
+    "comark-colors": "^0.9.0",
+    "comark-details": "^0.9.0",
+    "comark-diff": "^0.9.0",
+    "comark-diagrams": "^0.9.0",
+    "comark-fields": "^0.9.0",
+    "comark-figure": "^0.9.0",
+    "comark-embed": "^0.9.0",
+    "comark-file-tree": "^0.9.0",
+    "comark-footnotes": "^0.9.0",
+    "comark-github": "^0.9.0",
+    "comark-icon": "^0.9.0",
+    "comark-include": "^0.9.0",
+    "comark-keys": "^0.9.0",
+    "comark-links": "^0.9.0",
+    "comark-magic-move": "^0.9.0",
+    "comark-mathml": "^0.9.0",
+    "comark-mark": "^0.9.0",
+    "comark-metrics": "^0.9.0",
+    "comark-media": "^0.9.0",
+    "comark-qr": "^0.9.0",
+    "comark-quiz": "^0.9.0",
+    "comark-reading-time": "^0.9.0",
+    "comark-outline": "^0.9.0",
+    "comark-properties": "^0.9.0",
+    "comark-steps": "^0.9.0",
+    "comark-sources": "^0.9.0",
+    "comark-tabs": "^0.9.0",
+    "comark-table": "^0.9.0",
+    "comark-xref": "^0.9.0",
+    "comark-zoom": "^0.9.0",
+    "comark-tests": "^0.9.0"
   },
   "devDependencies": {
     "@comark/html": "^0.8.1",

package/dist/src-PkmYCSNu.mjs

@@ -1,120 +0,0 @@
-import cjk from "comark-cjk";
-import critic, { css as criticCss } from "comark-critic";
-import deflist from "comark-deflist";
-import figure from "comark-figure";
-import footnotes from "comark-footnotes";
-import { createIcons } from "comark-icon";
-import include from "comark-include";
-import keys from "comark-keys";
-import readingTime from "comark-reading-time";
-import xref from "comark-xref";
-import { defineComarkPlugin } from "comark";
-//#region src/typeset.ts
-/** The node that adds the styles. The plugin adds one at the end of every document. */
-const TYPESET_TAG = "typeset-styles";
-/** Adds the node that writes the typeset styles at the end of the document. The preset turns it on by default. */
-const typeset = defineComarkPlugin(() => ({
-	name: "comark-ui-typeset",
-	post(state) {
-		state.tree.nodes.push([TYPESET_TAG, {}]);
-	}
-}));
-//#endregion
-//#region src/index.ts
-const on = (value, fallback = true) => value === void 0 ? fallback : value !== false;
-const optionsOf = (value) => value === true || value === false ? void 0 : value;
-const noFiles = { read: () => void 0 };
-/** Builds a renderer's preset. Use the one from `comark-ui/html`, `/vue`, `/react`, or `/svelte`. */
-function preset(renderer, options = {}) {
-	const plugins = [];
-	const components = {};
-	const add = (part, value, settings = optionsOf(value)) => {
-		if (!part || !on(value)) return;
-		plugins.push(part.default(settings));
-		Object.assign(components, part.components);
-	};
-	const parse = (plugin, value) => {
-		if (on(value)) plugins.push(plugin(optionsOf(value)));
-	};
-	const icons = createIcons(optionsOf(options.icon));
-	if (on(options.include, false)) plugins.push(include(optionsOf(options.include)));
-	add(renderer.annotate, options.annotate);
-	add(renderer.carousel, options.carousel);
-	add(renderer.cast, options.cast, optionsOf(options.cast) ?? noFiles);
-	parse(cjk, options.cjk);
-	parse(deflist, options.deflist);
-	parse(figure, options.figure);
-	parse(critic, options.critic);
-	add(renderer.charts, options.charts);
-	add(renderer.chips, options.chips);
-	add(renderer.colors, options.colors);
-	add(renderer.diagrams, options.diagrams);
-	add(renderer.mermaid, options.mermaid);
-	add(renderer.diff, options.diff);
-	add(renderer.embed, options.embed);
-	parse(footnotes, options.footnotes);
-	if (on(options.github)) {
-		const github = optionsOf(options.github) ?? {};
-		if (on(github.callouts)) {
-			plugins.push(renderer.github.callouts(optionsOf(github.callouts)));
-			Object.assign(components, renderer.github.components);
-		}
-		if (on(github.references)) plugins.push(renderer.github.references(optionsOf(github.references)));
-		if (on(github.html)) plugins.push(renderer.github.html());
-	}
-	add(renderer.icon, options.icon, icons);
-	add(renderer.mark, options.mark);
-	add(renderer.math, options.math);
-	add(renderer.details, options.details, {
-		iconResolver: icons,
-		...optionsOf(options.details)
-	});
-	if (on(options.links)) {
-		const links = optionsOf(options.links) ?? {};
-		if (on(links.external)) plugins.push(renderer.links.external(optionsOf(links.external)));
-		if (on(links.anchors)) plugins.push(renderer.links.anchors(optionsOf(links.anchors)));
-		if (on(links.external) || on(links.anchors)) Object.assign(components, renderer.links.components);
-	}
-	add(renderer.fileTree, options.fileTree, {
-		iconResolver: icons,
-		...optionsOf(options.fileTree)
-	});
-	add(renderer.fields, options.fields);
-	add(renderer.properties, options.properties);
-	parse(keys, options.keys);
-	add(renderer.badge, options.badge);
-	add(renderer.media, options.media);
-	add(renderer.metrics, options.metrics);
-	add(renderer.table, options.table, optionsOf(options.table) ?? noFiles);
-	add(renderer.cards, options.cards, { iconResolver: icons });
-	add(renderer.qr, options.qr);
-	add(renderer.sources, options.sources);
-	add(renderer.steps, options.steps);
-	add(renderer.quiz, options.quiz);
-	parse(readingTime, options.readingTime);
-	add(renderer.tabs, options.tabs, {
-		iconResolver: icons,
-		...optionsOf(options.tabs)
-	});
-	add(renderer.magicMove, options.magicMove);
-	add(renderer.outline, options.outline);
-	parse(xref, options.xref);
-	add(renderer.tests, options.tests, optionsOf(options.tests) ?? noFiles);
-	add(renderer.zoom, options.zoom);
-	add(renderer.code, options.code, {
-		iconResolver: icons,
-		...optionsOf(options.code)
-	});
-	add(renderer.codeNotes, options.codeNotes);
-	add(renderer.comments, options.comments);
-	if (on(options.typeset)) {
-		plugins.push(typeset());
-		components[TYPESET_TAG] = renderer.typeset;
-	}
-	return {
-		plugins,
-		components
-	};
-}
-//#endregion
-export { typeset as i, preset as n, TYPESET_TAG as r, criticCss as t };