@plitzi/sdk-elements 0.38.11 → 0.38.13

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

@@ -4,94 +4,87 @@ import { RootElement as n } from "../../../Element/RootElement.mjs";
 import r from "../../../Element/ElementWords.mjs";
 import { ariaCurrent as i } from "./ariaCurrent.mjs";
 import { useMemo as a } from "react";
-import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import o from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { useSdkStore as s } from "@plitzi/sdk-shared/store";
 import { processTwig as c } from "@plitzi/sdk-shared/helpers/twigWrapper";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import d from "clsx";
-import { getPageFullPath as f } from "@plitzi/sdk-navigation/NavigationHelper";
+import { jsx as l } from "react/jsx-runtime";
+import u from "clsx";
+import { getPageFullPath as d } from "@plitzi/sdk-navigation/NavigationHelper";
 //#region src/elements/basic/Link/Link.tsx
-var p = ({ ref: e, children: p, className: m = "", href: h = "#", target: g = "self", mode: _ = "page", hash: v = "", label: y = "", content: b = "", contentPlacement: x = "after", icon: S = "", iconPlacement: C = "before", current: w = "page" }) => {
-	let { style: T, definition: { styleSelectors: E } } = t(), { settings: { previewMode: D } } = o(), [[O, k, A, j, M, N]] = s([
+var f = ({ ref: e, children: f, className: p = "", href: m = "#", target: h = "self", mode: g = "page", hash: _ = "", label: v = "", content: y = "", contentPlacement: b = "after", icon: x = "", iconPlacement: S = "before", current: C = "page" }) => {
+	let { style: w, definition: { styleSelectors: T } } = t(), { settings: { previewMode: E } } = o(), [[D, O, k, A, j, M]] = s([
 		"pageDefinitions",
 		"schema.pageFolders",
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate",
 		"navigation.href"
-	]), P = a(() => {
-		if (_ === "external") return h;
-		if (_ === "internal") {
-			let e = `/${h}`.replaceAll(/[/]+/gim, "/");
+	]), N = a(() => {
+		if (g === "external") return m;
+		if (g === "internal") {
+			let e = `/${m}`.replaceAll(/[/]+/gim, "/");
 			try {
 				let t = c(e, {
-					...j,
-					...A
+					...A,
+					...k
 				}, !0);
 				return typeof t == "string" ? t : e;
 			} catch {}
 			return e;
 		}
-		return f(O, k, h, !0);
+		return d(D, O, m, !0);
 	}, [
-		_,
-		h,
+		g,
+		m,
+		D,
 		O,
-		k,
-		j,
-		A
-	]), F = _ !== "external" && v ? `${P}#${v}` : P, I = _ === "external" ? void 0 : i(P, N, w), L = (e) => {
-		if (!D) return;
+		A,
+		k
+	]), P = g !== "external" && _ ? `${N}#${_}` : N, F = g === "external" ? void 0 : i(N, M, C), I = (e) => {
+		if (!E) return;
 		e.stopPropagation();
-		let t = g !== "self" || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
-		(_ === "page" || _ === "internal") && !t && (e.preventDefault(), M(F));
-	}, R = a(() => {
+		let t = h !== "self" || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
+		(g === "page" || g === "internal") && !t && (e.preventDefault(), j(P));
+	}, L = a(() => {
 		let t = {
 			ref: e,
-			style: T,
-			target: `_${g}`,
-			...g === "blank" ? { rel: "noopener noreferrer" } : {},
-			"aria-label": y || void 0,
-			"aria-current": I,
-			className: d("plitzi-component__link", m)
+			style: w,
+			target: `_${h}`,
+			...h === "blank" ? { rel: "noopener noreferrer" } : {},
+			"aria-label": v || void 0,
+			"aria-current": F,
+			className: u("plitzi-component__link", p)
 		};
-		return D ? {
+		return E ? {
 			...t,
-			href: F
+			href: P
 		} : {
 			...t,
-			"href-disabled": F
+			"href-disabled": P
 		};
 	}, [
 		e,
-		T,
-		g,
-		y,
-		I,
-		m,
-		D,
-		F
+		w,
+		h,
+		v,
+		F,
+		p,
+		E,
+		P
 	]);
-	return /* @__PURE__ */ u(n, {
+	return /* @__PURE__ */ l(n, {
 		tag: "a",
-		...R,
-		onClick: L,
-		children: [
-			x === "before" && /* @__PURE__ */ l(r, {
-				content: b,
-				icon: S,
-				iconPlacement: C,
-				iconClassName: E.icon
-			}),
-			p,
-			x === "after" && /* @__PURE__ */ l(r, {
-				content: b,
-				icon: S,
-				iconPlacement: C,
-				iconClassName: E.icon
-			})
-		]
+		...L,
+		onClick: I,
+		children: /* @__PURE__ */ l(r, {
+			content: y,
+			icon: x,
+			iconPlacement: S,
+			iconClassName: T.icon,
+			contentPlacement: b,
+			children: f
+		})
 	});
-}, m = e(p);
+}, p = e(f);
 //#endregion
-export { p as Link, m as default };
+export { f as Link, p as default };

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

@@ -1,19 +1,20 @@
-import e from "../../../components/IconField/IconField.mjs";
-import { use as t, useCallback as n, useEffect as r, useMemo as i } from "react";
-import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import e from "../../useSettingsUpdate.mjs";
+import t from "../../../components/IconField/IconField.mjs";
+import { use as n, useCallback as r, useEffect as i, useMemo as a } from "react";
 import { useCommonStore as o } from "@plitzi/sdk-shared/store";
 import { get as s, pick as c } from "@plitzi/plitzi-ui/helpers";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { getPageFullPath as d } from "@plitzi/sdk-navigation/NavigationHelper";
-import f from "@plitzi/plitzi-ui/Input";
-import p from "@plitzi/plitzi-ui/Select";
+import f from "@plitzi/sdk-shared/network/NetworkContext";
+import p from "@plitzi/plitzi-ui/Input";
+import m 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", current: C = "page", onUpdate: w }) => {
-	let { contexts: { NetworkContext: T } } = a(), [[E, D, O]] = o([
+var h = ({ mode: h = "page", href: g = "#", hash: _ = "", target: v = "self", label: y = "", content: b = "", contentPlacement: x = "after", icon: S = "", iconPlacement: C = "before", current: w = "page", onUpdate: T }) => {
+	let [[E, D, O]] = o([
 		"schema.flat",
 		"schema.pages",
 		"schema.pageFolders"
-	]), { server: k } = t(T), A = i(() => s(k, "domain", "https://subdomain.plitzi.app"), [k]), j = i(() => {
+	]), { server: k } = n(f), A = a(() => s(k, "domain", "https://subdomain.plitzi.app"), [k]), j = a(() => {
 		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);
@@ -23,46 +24,46 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 				defaultPage: a
 			}];
 		}, []);
-	}, [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", "#");
+	}, [E, D]), M = e(T), N = r((e) => T?.("href", e), [T]), P = r((e) => {
+		if (T?.("mode", e), e !== "page") {
+			T?.("href", "#");
 			return;
 		}
 		let t = j.find((e) => e.defaultPage);
-		t && w?.("href", t.key);
-	}, [w, j]);
-	r(() => {
-		if (m === "page" && h === "#") {
+		t && T?.("href", t.key);
+	}, [T, j]);
+	i(() => {
+		if (h === "page" && g === "#") {
 			let e = j.find((e) => e.defaultPage);
-			e && w?.("href", e.key);
+			e && T?.("href", e.key);
 		}
 	}, [
-		m,
 		h,
+		g,
 		j,
-		w
+		T
 	]);
-	let F = i(() => m === "page" ? `${A}${d(E, O, h, !0)}` : h.replaceAll(/[/]+/gim, "/"), [
-		m,
+	let F = a(() => h === "page" ? `${A}${d(E, O, g, !0)}` : g.replaceAll(/[/]+/gim, "/"), [
+		h,
 		E,
 		O,
-		h,
+		g,
 		A
 	]);
 	return /* @__PURE__ */ u("div", {
 		className: "flex h-full flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ l(f, {
-				value: y,
+			/* @__PURE__ */ l(p, {
+				value: b,
 				label: "Content",
 				placeholder: "The link's words, without a text inside it",
-				onChange: M("content"),
+				onChange: M.text("content"),
 				size: "sm"
 			}),
-			/* @__PURE__ */ u(p, {
-				value: b,
+			/* @__PURE__ */ u(m, {
+				value: x,
 				label: "Content Placement",
-				onChange: M("contentPlacement"),
+				onChange: M.text("contentPlacement"),
 				size: "sm",
 				children: [/* @__PURE__ */ l("option", {
 					value: "before",
@@ -72,10 +73,10 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 					children: "After Elements"
 				})]
 			}),
-			/* @__PURE__ */ u(p, {
-				value: _,
+			/* @__PURE__ */ u(m, {
+				value: v,
 				label: "Target",
-				onChange: M("target"),
+				onChange: M.text("target"),
 				size: "sm",
 				children: [
 					/* @__PURE__ */ l("option", {
@@ -96,8 +97,8 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 					})
 				]
 			}),
-			/* @__PURE__ */ u(p, {
-				value: m,
+			/* @__PURE__ */ u(m, {
+				value: h,
 				label: "Mode",
 				onChange: P,
 				size: "sm",
@@ -116,16 +117,16 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 					})
 				]
 			}),
-			m !== "page" && /* @__PURE__ */ l(f, {
-				value: h,
+			h !== "page" && /* @__PURE__ */ l(p, {
+				value: g,
 				label: "Url",
 				onChange: N,
 				size: "sm"
 			}),
-			m === "page" && /* @__PURE__ */ u("div", {
+			h === "page" && /* @__PURE__ */ u("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ u(p, {
-					value: h,
+				children: [/* @__PURE__ */ u(m, {
+					value: g,
 					label: "Url",
 					onChange: N,
 					className: { inputContainer: "rounded-t" },
@@ -143,10 +144,10 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 					children: F
 				})]
 			}),
-			m !== "external" && /* @__PURE__ */ u(p, {
-				value: C,
+			h !== "external" && /* @__PURE__ */ u(m, {
+				value: w,
 				label: "Current On",
-				onChange: M("current"),
+				onChange: M.text("current"),
 				size: "sm",
 				children: [/* @__PURE__ */ l("option", {
 					value: "page",
@@ -156,27 +157,27 @@ var m = ({ mode: m = "page", href: h = "#", hash: g = "", target: _ = "self", la
 					children: "Its Page And The Pages Under It"
 				})]
 			}),
-			m !== "external" && /* @__PURE__ */ l(f, {
-				value: g,
+			h !== "external" && /* @__PURE__ */ l(p, {
+				value: _,
 				label: "Section",
 				placeholder: "An element's anchor, without the #",
-				onChange: M("hash"),
+				onChange: M.text("hash"),
 				size: "sm"
 			}),
-			/* @__PURE__ */ l(f, {
-				value: v,
+			/* @__PURE__ */ l(p, {
+				value: y,
 				label: "Accessible Name",
 				placeholder: "For a link that wraps a whole card",
-				onChange: M("label"),
+				onChange: M.text("label"),
 				size: "sm"
 			}),
-			/* @__PURE__ */ l(e, {
-				icon: x,
-				iconPlacement: S,
-				onUpdate: w
+			/* @__PURE__ */ l(t, {
+				icon: S,
+				iconPlacement: C,
+				onUpdate: T
 			})
 		]
 	});
 };
 //#endregion
-export { m as default };
+export { h as default };

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

@@ -2,7 +2,7 @@ import { LinkProps } from './Link';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type LinkAttributes = AuthorableAttributes<LinkProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "link";
     readonly attributeValues: {
         readonly mode: readonly string[];
@@ -26,58 +26,38 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Link";
-            readonly type: "link";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly icon: "";
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["link"];
+            readonly itemsNotAllowed: ["link"];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-link";
         };
         readonly defaultStyle: {
-            readonly name: "Link";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
                         readonly display: "inline-block";
-                        readonly color: "light-dark(#333, oklch(0.92 0.004 286.32))";
+                        readonly color: "inherit";
                         readonly 'text-decoration': "none";
                         readonly cursor: "pointer";
                     };
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
+    content?: string | undefined;
     mode?: "page" | "internal" | "external" | undefined;
     href?: string | undefined;
     label?: string | undefined;
     target?: "self" | "blank" | "parent" | "top" | undefined;
-    content?: string | undefined;
     icon?: string | undefined;
     current?: "page" | "section" | undefined;
     iconPlacement?: import('../../../Element/ElementWords').IconPlacement | undefined;

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

@@ -33,45 +33,21 @@ var n = e()({
 		},
 		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. 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: {
-				base: "",
-				icon: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: ["link"]
+			styleSelectors: { icon: "" }
 		},
+		builder: { itemsNotAllowed: ["link"] },
 		market: {
 			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-link"
 		},
-		defaultStyle: {
-			name: "Link",
-			displayMode: "desktop",
-			style: { base: { default: {
-				display: "inline-block",
-				color: "light-dark(#333, oklch(0.92 0.004 286.32))",
-				"text-decoration": "none",
-				cursor: "pointer"
-			} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {
+			display: "inline-block",
+			color: "inherit",
+			"text-decoration": "none",
+			cursor: "pointer"
+		} } } }
 	}
 });
 //#endregion

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

@@ -25,58 +25,40 @@ declare const Link: {
         };
         readonly definition: {
             readonly label: "Link";
-            readonly type: "link";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly icon: "";
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["link"];
+            readonly itemsNotAllowed: ["link"];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-link";
         };
         readonly defaultStyle: {
-            readonly name: "Link";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
                         readonly display: "inline-block";
-                        readonly color: "light-dark(#333, oklch(0.92 0.004 286.32))";
+                        readonly color: "inherit";
                         readonly 'text-decoration': "none";
                         readonly cursor: "pointer";
                     };
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    content?: string | undefined;
     mode?: "page" | "internal" | "external" | undefined;
     href?: string | undefined;
     label?: string | undefined;
     target?: "self" | "blank" | "parent" | "top" | undefined;
-    content?: string | undefined;
     icon?: string | undefined;
     current?: "page" | "section" | undefined;
     iconPlacement?: import('../../../Element/ElementWords').IconPlacement | undefined;

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

@@ -3,7 +3,7 @@ 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 a from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { jsx as o } from "react/jsx-runtime";
 import s from "clsx";
 import { uniqueAnchor as c } from "@plitzi/sdk-shared/schema/anchor";

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

@@ -2,7 +2,7 @@ import { MarkdownProps } from './Markdown';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type MarkdownAttributes = AuthorableAttributes<MarkdownProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "markdown";
     readonly content: {
         readonly attributes: {
@@ -11,11 +11,8 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Markdown";
-            readonly type: "markdown";
             readonly description: string;
-            readonly bindings: {};
             readonly styleSelectors: {
-                readonly base: "";
                 readonly heading: "";
                 readonly heading1: "";
                 readonly heading2: "";
@@ -45,40 +42,20 @@ declare const declaration: {
                 readonly tableCell: "";
                 readonly anchor: "";
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-brands fa-markdown";
         };
         readonly defaultStyle: {
-            readonly name: "Markdown";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     content?: string | undefined;
     headingLinks?: boolean | undefined;
 }>>;

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

@@ -9,11 +9,8 @@ var t = e()({
 		},
 		definition: {
 			label: "Markdown",
-			type: "markdown",
 			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: "",
 				heading: "",
 				heading1: "",
 				heading2: "",
@@ -42,33 +39,13 @@ var t = e()({
 				tableHeaderCell: "",
 				tableCell: "",
 				anchor: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			}
 		},
 		market: {
 			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-brands fa-markdown"
 		},
-		defaultStyle: {
-			name: "Markdown",
-			displayMode: "desktop",
-			style: { base: { default: {} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {} } } }
 	}
 });
 //#endregion