@plitzi/sdk-elements 0.38.6 → 0.38.8

package/dist/elements/basic/Link/Settings.mjs

@@ -8,13 +8,13 @@ import { getPageFullPath as d } from "@plitzi/sdk-navigation/NavigationHelper";
 import f from "@plitzi/plitzi-ui/Input";
 import p from "@plitzi/plitzi-ui/Select";
 //#region src/elements/basic/Link/Settings.tsx
-var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", label: v = "", content: y = "", contentPlacement: b = "after", icon: x = "", iconPlacement: S = "before", onUpdate: C }) => {
-	let { contexts: { NetworkContext: w } } = a(), [[T, E, D]] = o([
+var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", label: v = "", content: y = "", contentPlacement: b = "after", icon: x = "", iconPlacement: S = "before", current: C = "page", onUpdate: w }) => {
+	let { contexts: { NetworkContext: T } } = a(), [[E, D, O]] = o([
 		"schema.flat",
 		"schema.pages",
 		"schema.pageFolders"
-	]), { server: O } = t(w), k = i(() => s(O, "domain", "https://subdomain.plitzi.app"), [O]), A = i(() => {
-		let e = c(T, E);
+	]), { server: k } = t(T), A = i(() => s(k, "domain", "https://subdomain.plitzi.app"), [k]), j = i(() => {
+		let e = c(E, D);
 		return Object.keys(e).reduce((t, n) => {
 			let r = e[n], i = s(r, "attributes.name", n), a = s(r, "attributes.default", !1);
 			return [...t, {
@@ -23,31 +23,31 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 				defaultPage: a
 			}];
 		}, []);
-	}, [T, E]), j = n((e) => (t) => C?.(e, t), [C]), M = n((e) => C?.("href", e), [C]), N = n((e) => {
-		if (C?.("mode", e), e !== "page") {
-			C?.("href", "#");
+	}, [E, D]), M = n((e) => (t) => w?.(e, t), [w]), N = n((e) => w?.("href", e), [w]), P = n((e) => {
+		if (w?.("mode", e), e !== "page") {
+			w?.("href", "#");
 			return;
 		}
-		let t = A.find((e) => e.defaultPage);
-		t && C?.("href", t.key);
-	}, [C, A]);
+		let t = j.find((e) => e.defaultPage);
+		t && w?.("href", t.key);
+	}, [w, j]);
 	r(() => {
 		if (m === "page" && h === "#") {
-			let e = A.find((e) => e.defaultPage);
-			e && C?.("href", e.key);
+			let e = j.find((e) => e.defaultPage);
+			e && w?.("href", e.key);
 		}
 	}, [
 		m,
 		h,
-		A,
-		C
+		j,
+		w
 	]);
-	let P = i(() => m === "page" ? `${k}${d(T, D, h, !0)}` : h.replaceAll(/[/]+/gim, "/"), [
+	let F = i(() => m === "page" ? `${A}${d(E, O, h, !0)}` : h.replaceAll(/[/]+/gim, "/"), [
 		m,
-		T,
-		D,
+		E,
+		O,
 		h,
-		k
+		A
 	]);
 	return /* @__PURE__ */ u("div", {
 		className: "flex h-full flex-col gap-4 py-2",
@@ -56,13 +56,13 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 				value: y,
 				label: "Content",
 				placeholder: "The link's words, without a text inside it",
-				onChange: j("content"),
+				onChange: M("content"),
 				size: "sm"
 			}),
 			/* @__PURE__ */ u(p, {
 				value: b,
 				label: "Content Placement",
-				onChange: j("contentPlacement"),
+				onChange: M("contentPlacement"),
 				size: "sm",
 				children: [/* @__PURE__ */ l("option", {
 					value: "before",
@@ -75,7 +75,7 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 			/* @__PURE__ */ u(p, {
 				value: _,
 				label: "Target",
-				onChange: j("target"),
+				onChange: M("target"),
 				size: "sm",
 				children: [
 					/* @__PURE__ */ l("option", {
@@ -99,7 +99,7 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 			/* @__PURE__ */ u(p, {
 				value: m,
 				label: "Mode",
-				onChange: N,
+				onChange: P,
 				size: "sm",
 				children: [
 					/* @__PURE__ */ l("option", {
@@ -119,7 +119,7 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 			m !== "page" && /* @__PURE__ */ l(f, {
 				value: h,
 				label: "Url",
-				onChange: M,
+				onChange: N,
 				size: "sm"
 			}),
 			m === "page" && /* @__PURE__ */ u("div", {
@@ -127,40 +127,53 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 				children: [/* @__PURE__ */ u(p, {
 					value: h,
 					label: "Url",
-					onChange: M,
+					onChange: N,
 					className: { inputContainer: "rounded-t" },
 					size: "sm",
 					children: [/* @__PURE__ */ l("option", {
 						value: "",
 						disabled: !0,
 						children: "Select a page"
-					}), A.map((e) => /* @__PURE__ */ l("option", {
+					}), j.map((e) => /* @__PURE__ */ l("option", {
 						value: e.key,
 						children: e.label
 					}, e.key))]
 				}), /* @__PURE__ */ l("div", {
 					className: "truncate rounded-b border-r border-b border-l border-gray-200 p-1 text-xs",
-					children: P
+					children: F
+				})]
+			}),
+			m !== "external" && /* @__PURE__ */ u(p, {
+				value: C,
+				label: "Current On",
+				onChange: M("current"),
+				size: "sm",
+				children: [/* @__PURE__ */ l("option", {
+					value: "page",
+					children: "Its Page"
+				}), /* @__PURE__ */ l("option", {
+					value: "section",
+					children: "Its Page And The Pages Under It"
 				})]
 			}),
 			m !== "external" && /* @__PURE__ */ l(f, {
 				value: g,
 				label: "Section",
 				placeholder: "An element's anchor, without the #",
-				onChange: j("hash"),
+				onChange: M("hash"),
 				size: "sm"
 			}),
 			/* @__PURE__ */ l(f, {
 				value: v,
 				label: "Accessible Name",
 				placeholder: "For a link that wraps a whole card",
-				onChange: j("label"),
+				onChange: M("label"),
 				size: "sm"
 			}),
 			/* @__PURE__ */ l(e, {
 				icon: x,
 				iconPlacement: S,
-				onUpdate: C
+				onUpdate: w
 			})
 		]
 	});

package/dist/elements/basic/Link/ariaCurrent.d.ts

@@ -0,0 +1,12 @@
+import { LinkProps } from './Link';
+/**
+ * What a link says of the page being shown, given its whole address (`navigation.href`): `'page'` when it leads to that
+ * page, `'true'` when it is the section that page is in — the entry of a menu lit for the pages under it — and nothing
+ * otherwise. The values `aria-current` takes: a screen reader announces the first as "current page" and the second as
+ * "current", since the link does not lead to the page itself.
+ *
+ * The fragment (`#plans`) is the same page, and so is any query the link does not name. A query it does name must be
+ * the one shown: `/?window=6h` and `/?window=24h` are one path, and with the path alone every window's link was the
+ * current one. Undefined while no address is known — nothing is current then.
+ */
+export declare const ariaCurrent: (path: string, location: string | undefined, current: NonNullable<LinkProps["current"]>) => "page" | "true" | undefined;

package/dist/elements/basic/Link/ariaCurrent.mjs

@@ -0,0 +1,11 @@
+//#region src/elements/basic/Link/ariaCurrent.ts
+var e = (e) => e.length > 1 ? e.replace(/\/+$/, "") : e, t = (e, t, n) => t === e || n === "section" && t.startsWith(e === "/" ? "/" : `${e}/`), n = (n, r, i) => {
+	if (r && n.startsWith("/")) try {
+		let a = new URL(r), o = new URL(n, r), s = e(decodeURI(a.pathname)), c = e(decodeURI(o.pathname));
+		return ![...o.searchParams].every(([e, t]) => a.searchParams.getAll(e).includes(t)) || !t(c, s, i) ? void 0 : s === c ? "page" : "true";
+	} catch {
+		return;
+	}
+};
+//#endregion
+export { n as ariaCurrent };

package/dist/elements/basic/Link/declaration.d.ts

@@ -9,6 +9,7 @@ declare const declaration: {
         readonly target: readonly string[];
         readonly contentPlacement: readonly string[];
         readonly iconPlacement: readonly string[];
+        readonly current: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -21,6 +22,7 @@ declare const declaration: {
             readonly contentPlacement: "after";
             readonly icon: "";
             readonly iconPlacement: "before";
+            readonly current: "page";
         };
         readonly definition: {
             readonly label: "Link";
@@ -61,7 +63,8 @@ declare const declaration: {
                 readonly base: {
                     readonly default: {
                         readonly display: "inline-block";
-                        readonly color: "#333";
+                        readonly color: "light-dark(#333, oklch(0.92 0.004 286.32))";
+                        readonly 'text-decoration': "none";
                         readonly cursor: "pointer";
                     };
                 };
@@ -76,6 +79,7 @@ declare const declaration: {
     target?: "self" | "blank" | "parent" | "top" | undefined;
     content?: string | undefined;
     icon?: string | undefined;
+    current?: "page" | "section" | undefined;
     iconPlacement?: import('../../../Element/ElementWords').IconPlacement | undefined;
     contentPlacement?: "before" | "after" | undefined;
     hash?: string | undefined;

package/dist/elements/basic/Link/declaration.mjs

@@ -15,7 +15,8 @@ var n = e()({
 			"top"
 		]),
 		contentPlacement: t()(["before", "after"]),
-		iconPlacement: t()(["before", "after"])
+		iconPlacement: t()(["before", "after"]),
+		current: t()(["page", "section"])
 	},
 	content: {
 		attributes: {
@@ -27,12 +28,13 @@ var n = e()({
 			content: "",
 			contentPlacement: "after",
 			icon: "",
-			iconPlacement: "before"
+			iconPlacement: "before",
+			current: "page"
 		},
 		definition: {
 			label: "Link",
 			type: "link",
-			description: "Navigation. Moves the user between pages of the site or to an external URL (its `mode`/`href` decide which). Use this to go page-to-page rather than a button + interaction. Its words are its own `content` and an icon beside them its `icon` (Font Awesome classes) — no text or fontAwesome element inside it for them.",
+			description: "Navigation. Moves the user between pages of the site or to an external URL (its `mode`/`href` decide which). Use this to go page-to-page rather than a button + interaction. Its words are its own `content` and an icon beside them its `icon` (Font Awesome classes) — no text or fontAwesome element inside it for them. It marks itself current on the page it leads to (`aria-current`, the `current` style state); its `current` set to `section` keeps it current on every page under its path too — a menu entry for a section and its pages.",
 			items: [],
 			bindings: {},
 			styleSelectors: {
@@ -64,7 +66,8 @@ var n = e()({
 			displayMode: "desktop",
 			style: { base: { default: {
 				display: "inline-block",
-				color: "#333",
+				color: "light-dark(#333, oklch(0.92 0.004 286.32))",
+				"text-decoration": "none",
 				cursor: "pointer"
 			} } }
 		},

package/dist/elements/basic/Link/index.d.ts

@@ -8,6 +8,7 @@ declare const Link: {
         readonly target: readonly string[];
         readonly contentPlacement: readonly string[];
         readonly iconPlacement: readonly string[];
+        readonly current: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -20,6 +21,7 @@ declare const Link: {
             readonly contentPlacement: "after";
             readonly icon: "";
             readonly iconPlacement: "before";
+            readonly current: "page";
         };
         readonly definition: {
             readonly label: "Link";
@@ -60,7 +62,8 @@ declare const Link: {
                 readonly base: {
                     readonly default: {
                         readonly display: "inline-block";
-                        readonly color: "#333";
+                        readonly color: "light-dark(#333, oklch(0.92 0.004 286.32))";
+                        readonly 'text-decoration': "none";
                         readonly cursor: "pointer";
                     };
                 };
@@ -75,6 +78,7 @@ declare const Link: {
     target?: "self" | "blank" | "parent" | "top" | undefined;
     content?: string | undefined;
     icon?: string | undefined;
+    current?: "page" | "section" | undefined;
     iconPlacement?: import('../../../Element/ElementWords').IconPlacement | undefined;
     contentPlacement?: "before" | "after" | undefined;
     hash?: string | undefined;

package/dist/elements/basic/Markdown/Markdown.d.ts

@@ -3,8 +3,13 @@ export type MarkdownProps = {
     ref?: RefObject<HTMLElement>;
     className?: string;
     content?: string;
+    /**
+     * Whether a heading offers a link to itself (`a.anchor`) before its words. `false` leaves the link out and keeps the
+     * heading's id, so `/page#its-words` still lands on it.
+     */
+    headingLinks?: boolean;
 };
-declare const Markdown: ({ ref, content, className }: MarkdownProps) => import('react').JSX.Element;
+declare const Markdown: ({ ref, content, className, headingLinks }: MarkdownProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<MarkdownProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/basic/Markdown/Markdown.mjs

@@ -1,21 +1,25 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsx as r } from "react/jsx-runtime";
-import i from "clsx";
-import a from "@plitzi/plitzi-ui/Markdown";
-import { uniqueAnchor as o } from "@plitzi/sdk-shared/schema/anchor";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
+import r from "../../../components/MarkdownDocument/index.mjs";
+import i from "./hooks/useMarkdownClassNames.mjs";
+import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+import { uniqueAnchor as c } from "@plitzi/sdk-shared/schema/anchor";
 //#region src/elements/basic/Markdown/Markdown.tsx
-var s = ({ ref: e, content: s = "Markdown", className: c = "" }) => {
-	let { settings: { previewMode: l } } = n();
-	return /* @__PURE__ */ r(t, {
+var l = ({ ref: e, content: l = "Markdown", className: u = "", headingLinks: d = !0 }) => {
+	let { settings: { previewMode: f } } = a(), { definition: { styleSelectors: p } } = t(), m = i(p);
+	return /* @__PURE__ */ o(n, {
 		ref: e,
-		className: i("plitzi-component__markdown", { "plitzi-component__markdown--edit-mode": !l }, c),
-		children: /* @__PURE__ */ r(a, {
-			headingAnchor: o,
-			children: s
+		className: s("plitzi-component__markdown", { "plitzi-component__markdown--edit-mode": !f }, u),
+		children: /* @__PURE__ */ o(r, {
+			headingAnchor: c,
+			headingLinks: d,
+			classNames: m,
+			children: l
 		})
 	});
-}, c = e(s);
+}, u = e(l);
 //#endregion
-export { s as Markdown, c as default };
+export { l as Markdown, u as default };

package/dist/elements/basic/Markdown/Settings.d.ts

@@ -1,6 +1,7 @@
 type SettingsProps = {
     content?: string;
+    headingLinks?: boolean;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ content, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ content, headingLinks, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/basic/Markdown/Settings.mjs

@@ -1,18 +1,24 @@
 import { useCallback as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import n from "@plitzi/plitzi-ui/TextArea";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "@plitzi/plitzi-ui/Checkbox";
+import i from "@plitzi/plitzi-ui/TextArea";
 //#region src/elements/basic/Markdown/Settings.tsx
-var r = ({ content: r = "Markdown", onUpdate: i }) => {
-	let a = e((e) => i?.("content", e), [i]);
-	return /* @__PURE__ */ t("div", {
+var a = ({ content: a = "Markdown", headingLinks: o = !0, onUpdate: s }) => {
+	let c = e((e) => s?.("content", e), [s]), l = e((e) => s?.("headingLinks", e.target.checked), [s]);
+	return /* @__PURE__ */ n("div", {
 		className: "flex h-full flex-col gap-4 py-2",
-		children: /* @__PURE__ */ t(n, {
-			value: r,
+		children: [/* @__PURE__ */ t(r, {
+			checked: o,
+			label: "Link Each Heading To Itself",
+			onChange: l,
+			size: "xs"
+		}), /* @__PURE__ */ t(i, {
+			value: a,
 			label: "Content",
 			className: "h-full",
-			onChange: a
-		})
+			onChange: c
+		})]
 	});
 };
 //#endregion
-export { r as default };
+export { a as default };

package/dist/elements/basic/Markdown/declaration.d.ts

@@ -7,14 +7,43 @@ declare const declaration: {
     readonly content: {
         readonly attributes: {
             readonly content: "Markdown";
+            readonly headingLinks: true;
         };
         readonly definition: {
             readonly label: "Markdown";
             readonly type: "markdown";
-            readonly description: "Renders a Markdown source string as formatted HTML.";
+            readonly description: string;
             readonly bindings: {};
             readonly styleSelectors: {
                 readonly base: "";
+                readonly heading: "";
+                readonly heading1: "";
+                readonly heading2: "";
+                readonly heading3: "";
+                readonly heading4: "";
+                readonly heading5: "";
+                readonly heading6: "";
+                readonly paragraph: "";
+                readonly link: "";
+                readonly strong: "";
+                readonly emphasis: "";
+                readonly list: "";
+                readonly listItem: "";
+                readonly quote: "";
+                readonly divider: "";
+                readonly code: "";
+                readonly codeBlock: "";
+                readonly codeBlockFrame: "";
+                readonly codeBlockHeader: "";
+                readonly codeBlockLanguage: "";
+                readonly codeBlockCopy: "";
+                readonly image: "";
+                readonly table: "";
+                readonly tableHead: "";
+                readonly tableRow: "";
+                readonly tableHeaderCell: "";
+                readonly tableCell: "";
+                readonly anchor: "";
             };
             readonly initialState: {
                 readonly visibility: true;
@@ -43,10 +72,7 @@ declare const declaration: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {
-                        readonly 'font-size': "14px";
-                        readonly 'line-height': "1.714";
-                    };
+                    readonly default: {};
                 };
             };
         };
@@ -54,5 +80,6 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     content?: string | undefined;
+    headingLinks?: boolean | undefined;
 }>>;
 export default declaration;

package/dist/elements/basic/Markdown/declaration.mjs

@@ -3,13 +3,46 @@ import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
 var t = e()({
 	type: "markdown",
 	content: {
-		attributes: { content: "Markdown" },
+		attributes: {
+			content: "Markdown",
+			headingLinks: !0
+		},
 		definition: {
 			label: "Markdown",
 			type: "markdown",
-			description: "Renders a Markdown source string as formatted HTML.",
+			description: "Renders a Markdown source string (GitHub-flavoured) as HTML, inside a `div.markdown`. Each part of it takes a class through the slot named for it: `heading` (every `h1`–`h6`) and `heading1`…`heading6` (that level only, beside it — a property goes on one of the two, never both), `paragraph`, `link`, `strong`, `emphasis` (`em`), `list` (`ul`/`ol`), `listItem`, `quote` (`blockquote`), `divider` (`hr`), `code` (inline), `image`, `table`, `tableHead` (`thead`), `tableRow`, `tableHeaderCell` (`th`) and `tableCell` (`td`). A fenced block is `codeBlock` (its `pre`) in `codeBlockFrame`, under `codeBlockHeader`, which holds `codeBlockLanguage` and the `codeBlockCopy` button. Every heading carries an id made of its words, which `/page#its-words` lands on, and starts with an empty link to itself — `a.anchor > span.octicon-link`, the `anchor` slot; `headingLinks: false` leaves the link out and keeps the id. Unstyled, it reads as a document — headings, lists, code, tables — from the base layer of the SDK, which a class on the slot of a part replaces property by property.",
 			bindings: {},
-			styleSelectors: { base: "" },
+			styleSelectors: {
+				base: "",
+				heading: "",
+				heading1: "",
+				heading2: "",
+				heading3: "",
+				heading4: "",
+				heading5: "",
+				heading6: "",
+				paragraph: "",
+				link: "",
+				strong: "",
+				emphasis: "",
+				list: "",
+				listItem: "",
+				quote: "",
+				divider: "",
+				code: "",
+				codeBlock: "",
+				codeBlockFrame: "",
+				codeBlockHeader: "",
+				codeBlockLanguage: "",
+				codeBlockCopy: "",
+				image: "",
+				table: "",
+				tableHead: "",
+				tableRow: "",
+				tableHeaderCell: "",
+				tableCell: "",
+				anchor: ""
+			},
 			initialState: { visibility: !0 }
 		},
 		builder: {
@@ -33,10 +66,7 @@ var t = e()({
 		defaultStyle: {
 			name: "Markdown",
 			displayMode: "desktop",
-			style: { base: { default: {
-				"font-size": "14px",
-				"line-height": "1.714"
-			} } }
+			style: { base: { default: {} } }
 		},
 		settings: {}
 	}

package/dist/elements/basic/Markdown/hooks/useMarkdownClassNames.d.ts

@@ -0,0 +1,7 @@
+import { MarkdownClassNames } from '../../../../components/MarkdownDocument';
+/**
+ * The class of each part of a Markdown document, read off the element's slots of the same names — the same object
+ * while the classes stay the same: a new one rebuilds every tag of the document.
+ */
+declare const useMarkdownClassNames: (styleSelectors: Readonly<Partial<Record<string, string>>>) => MarkdownClassNames;
+export default useMarkdownClassNames;

package/dist/elements/basic/Markdown/hooks/useMarkdownClassNames.mjs

@@ -0,0 +1,13 @@
+import { MARKDOWN_PARTS as e } from "../../../../components/MarkdownDocument/helpers/markdownParts.mjs";
+import t from "@plitzi/sdk-shared/hooks/useStableValue";
+//#region src/elements/basic/Markdown/hooks/useMarkdownClassNames.ts
+var n = (n) => {
+	let r = {};
+	for (let t of e) {
+		let e = n[t];
+		e && (r[t] = e);
+	}
+	return t(r);
+};
+//#endregion
+export { n as default };

package/dist/elements/basic/Markdown/index.d.ts

@@ -6,14 +6,43 @@ declare const Markdown: {
     readonly content: {
         readonly attributes: {
             readonly content: "Markdown";
+            readonly headingLinks: true;
         };
         readonly definition: {
             readonly label: "Markdown";
             readonly type: "markdown";
-            readonly description: "Renders a Markdown source string as formatted HTML.";
+            readonly description: string;
             readonly bindings: {};
             readonly styleSelectors: {
                 readonly base: "";
+                readonly heading: "";
+                readonly heading1: "";
+                readonly heading2: "";
+                readonly heading3: "";
+                readonly heading4: "";
+                readonly heading5: "";
+                readonly heading6: "";
+                readonly paragraph: "";
+                readonly link: "";
+                readonly strong: "";
+                readonly emphasis: "";
+                readonly list: "";
+                readonly listItem: "";
+                readonly quote: "";
+                readonly divider: "";
+                readonly code: "";
+                readonly codeBlock: "";
+                readonly codeBlockFrame: "";
+                readonly codeBlockHeader: "";
+                readonly codeBlockLanguage: "";
+                readonly codeBlockCopy: "";
+                readonly image: "";
+                readonly table: "";
+                readonly tableHead: "";
+                readonly tableRow: "";
+                readonly tableHeaderCell: "";
+                readonly tableCell: "";
+                readonly anchor: "";
             };
             readonly initialState: {
                 readonly visibility: true;
@@ -42,10 +71,7 @@ declare const Markdown: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {
-                        readonly 'font-size': "14px";
-                        readonly 'line-height': "1.714";
-                    };
+                    readonly default: {};
                 };
             };
         };
@@ -53,5 +79,6 @@ declare const Markdown: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     content?: string | undefined;
+    headingLinks?: boolean | undefined;
 }>>;
 export default Markdown;