@glifox/gnosis 0.0.7 → 0.0.8

package/dist/gnosis.mjs

@@ -1,87 +1,88 @@
-var Z = Object.defineProperty;
-var J = (t, r, a) => r in t ? Z(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a;
-var L = (t, r, a) => J(t, typeof r != "symbol" ? r + "" : r, a);
-import { languages as ee } from "@codemirror/language-data";
-import { markdown as re } from "@codemirror/lang-markdown";
-import { GFM as te } from "@lezer/markdown";
-import { Tag as ae, styleTags as oe, tags as e } from "@lezer/highlight";
-import { ViewPlugin as ne, Decoration as h, WidgetType as M, EditorView as q } from "@codemirror/view";
-import { syntaxTree as $, HighlightStyle as le, syntaxHighlighting as ce } from "@codemirror/language";
-import { EditorView as w } from "codemirror";
-import { Compartment as se, StateEffect as ie, StateField as ge } from "@codemirror/state";
-const m = ae.define("none"), he = oe({
-  "Blockquote/...": m,
-  HorizontalRule: m,
-  "ATXHeading1/... SetextHeading1/...": m,
-  "ATXHeading2/... SetextHeading2/...": m,
-  "ATXHeading3/...": m,
-  "ATXHeading4/...": m,
-  "ATXHeading5/...": m,
-  "ATXHeading6/...": m,
-  "Comment CommentBlock": m,
-  Escape: m,
-  Entity: m,
-  "Emphasis/...": m,
-  "StrongEmphasis/...": m,
-  "Strikethrough/...": m,
-  "TableHeader/...": m,
-  "Link/... Image/...": m,
-  "OrderedList/... BulletList/...": m,
-  "BlockQuote/...": m,
-  "InlineCode CodeText": m,
-  "URL Autolink": m,
-  "HeaderMark HardBreak QuoteMark ListMark LinkMark EmphasisMark CodeMark StrikethroughMark": m,
-  "CodeInfo LinkLabel TaskMarker TableDelimiter": m,
-  LinkTitle: m,
-  Paragraph: m
-}), de = { props: [he] }, C = (t, r, a = {}) => {
-  const n = class {
+var U = Object.defineProperty;
+var X = (t, r, a) => r in t ? U(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a;
+var q = (t, r, a) => X(t, typeof r != "symbol" ? r + "" : r, a);
+import { languages as J } from "@codemirror/language-data";
+import { markdown as ee } from "@codemirror/lang-markdown";
+import { GFM as re } from "@lezer/markdown";
+import { Tag as te, styleTags as ae, tags as e } from "@lezer/highlight";
+import { ViewPlugin as oe, Decoration as h, WidgetType as E, EditorView as A } from "@codemirror/view";
+import { syntaxTree as $, HighlightStyle as ne, syntaxHighlighting as le } from "@codemirror/language";
+import { EditorView as B } from "codemirror";
+import { Compartment as ce, StateEffect as se, StateField as ie } from "@codemirror/state";
+const f = te.define("none"), ge = ae({
+  "Blockquote/...": f,
+  HorizontalRule: f,
+  "ATXHeading1/... SetextHeading1/...": f,
+  "ATXHeading2/... SetextHeading2/...": f,
+  "ATXHeading3/...": f,
+  "ATXHeading4/...": f,
+  "ATXHeading5/...": f,
+  "ATXHeading6/...": f,
+  "Comment CommentBlock": f,
+  Escape: f,
+  Entity: f,
+  "Emphasis/...": f,
+  "StrongEmphasis/...": f,
+  "Strikethrough/...": f,
+  "TableHeader/...": f,
+  "Link/... Image/...": f,
+  "OrderedList/... BulletList/...": f,
+  "BlockQuote/...": f,
+  "InlineCode CodeText": f,
+  "URL Autolink": f,
+  "HeaderMark HardBreak QuoteMark ListMark LinkMark EmphasisMark CodeMark StrikethroughMark": f,
+  "CodeInfo LinkLabel TaskMarker TableDelimiter": f,
+  LinkTitle: f,
+  Paragraph: f,
+  "QuoteType/.. QuoteTypeMark QuoteTypeText": f
+}), he = { props: [ge] }, v = (t, r, a = {}) => {
+  const o = class {
     constructor(i) {
-      L(this, "decorations");
-      L(this, "conf");
+      q(this, "decorations");
+      q(this, "conf");
       this.conf = r, this.decorations = t(i, this.conf);
     }
     update(i) {
       (i.docChanged || i.viewportChanged || i.selectionSet) && (this.decorations = t(i.view, this.conf));
     }
   };
-  return ne.fromClass(n, { decorations: (c) => c.decorations, ...a });
+  return oe.fromClass(o, { decorations: (c) => c.decorations, ...a });
 }, N = (t, r, a) => {
-  const n = t.state.selection.ranges;
-  for (let c of n)
+  const o = t.state.selection.ranges;
+  for (let c of o)
     if (c.from >= r && c.from <= a || c.to >= r && c.to <= a || c.from <= r && c.to >= a)
       return !0;
   return !1;
-}, v = (t, r) => {
-  for (const { from: a, to: n } of t.visibleRanges)
-    $(t.state).iterate({ ...r, from: a, to: n });
+}, L = (t, r) => {
+  for (const { from: a, to: o } of t.visibleRanges)
+    $(t.state).iterate({ ...r, from: a, to: o });
 };
-function be(t, r, a, n = 1) {
+function de(t, r, a, o = 1) {
   const c = (g) => [
     (t[0] - (1 - g) * r[0]) / g,
     (t[1] - (1 - g) * r[1]) / g,
     (t[2] - (1 - g) * r[2]) / g
   ];
   let i = a, l = c(i);
-  const o = l.map((g, d) => g < 0 && r[d] > 0 ? 1 - l[d] / r[d] : a), s = Math.max(...o);
-  return s > i && (i = Math.min(s, n), t = c(i)), l = l.map((g) => Math.round(g < 0 ? 0 : g)), l.push(i), l;
+  const n = l.map((g, d) => g < 0 && r[d] > 0 ? 1 - l[d] / r[d] : a), s = Math.max(...n);
+  return s > i && (i = Math.min(s, o), t = c(i)), l = l.map((g) => Math.round(g < 0 ? 0 : g)), l.push(i), l;
 }
-function me(t, r) {
-  const a = ["Document"], n = {}, c = {
-    HorizontalRule: (l, o, s = !0) => [
+function be(t, r) {
+  const a = ["Document"], o = {}, c = {
+    HorizontalRule: (l, n, s = !0) => [
       h.line({ class: "hr " + (s ? "sw" : "") }).range(l),
-      h.mark({ class: "mk" }).range(l, o)
+      h.mark({ class: "mk" }).range(l, n)
     ]
   }, i = [];
-  return v(t, {
-    enter: ({ type: l, from: o, to: s }) => (l.name in c && i.push(...c[l.name](o, s, N(t, o, s))), a.includes(l.name) || l.name in n)
+  return L(t, {
+    enter: ({ type: l, from: n, to: s }) => (l.name in c && i.push(...c[l.name](n, s, N(t, n, s))), a.includes(l.name) || l.name in o)
   }), h.set(i, !1);
 }
-const ue = (t) => {
+const me = (t) => {
   const {
     color: r = "black"
   } = t || {};
-  return w.baseTheme({
+  return B.baseTheme({
     ".hr": { position: "relative" },
     ".hr    > .mk": { fontSize: "0" },
     ".hr.sw > .mk": { fontSize: "inherit" },
@@ -94,29 +95,29 @@ const ue = (t) => {
     },
     "&.cm-focused .hr.sw::before": { width: "0", height: "0" }
   });
-}, G = (t = {}) => [
-  C(me, {}),
-  ue(t == null ? void 0 : t.color)
+}, z = (t = {}) => [
+  v(be, {}),
+  me(t == null ? void 0 : t.color)
 ];
-function fe(t, r) {
-  const a = ["FencedCode"], n = {
-    StrongEmphasis: (l = !0, o, s) => h.mark({ class: "il st " + (l ? "sw" : "") }).range(o, s),
-    Strikethrough: (l = !0, o, s) => h.mark({ class: "il sk " + (l ? "sw" : "") }).range(o, s),
-    InlineCode: (l = !0, o, s) => h.mark({ class: "il ic " + (l ? "sw" : "") }).range(o, s),
-    Emphasis: (l = !0, o, s) => h.mark({ class: "il it " + (l ? "sw" : "") }).range(o, s),
-    Mark: (l, o) => h.mark({ class: "mkl" }).range(l, o)
+function ue(t, r) {
+  const a = ["FencedCode"], o = {
+    StrongEmphasis: (l = !0, n, s) => h.mark({ class: "il st " + (l ? "sw" : "") }).range(n, s),
+    Strikethrough: (l = !0, n, s) => h.mark({ class: "il sk " + (l ? "sw" : "") }).range(n, s),
+    InlineCode: (l = !0, n, s) => h.mark({ class: "il ic " + (l ? "sw" : "") }).range(n, s),
+    Emphasis: (l = !0, n, s) => h.mark({ class: "il it " + (l ? "sw" : "") }).range(n, s),
+    Mark: (l, n) => h.mark({ class: "mkl" }).range(l, n)
   }, c = ["EmphasisMark", "CodeMark", "StrikethroughMark"], i = [];
-  return v(t, {
-    enter: ({ type: { name: l }, from: o, to: s }) => c.includes(l) ? (i.push(n.Mark(o, s)), !1) : (l in n && i.push(
-      n[l](
-        N(t, o, s),
-        o,
+  return L(t, {
+    enter: ({ type: { name: l }, from: n, to: s }) => c.includes(l) ? (i.push(o.Mark(n, s)), !1) : (l in o && i.push(
+      o[l](
+        N(t, n, s),
+        n,
         s
       )
     ), !a.includes(l))
   }), h.set(i, !1);
 }
-const pe = w.baseTheme({
+const fe = B.baseTheme({
   ".it ": { fontStyle: "italic" },
   ".st ": { fontWeight: "bold" },
   ".sk ": { textDecoration: "line-through" },
@@ -125,7 +126,7 @@ const pe = w.baseTheme({
     paddingInline: ".6ch",
     borderRadius: ".6ch"
   }
-}), ke = w.baseTheme({
+}), pe = B.baseTheme({
   ".il .mkl": { fontSize: "0" },
   "&.cm-focused .il.sw .mkl": { fontSize: "inherit" }
 }), Q = (t = {}) => {
@@ -133,81 +134,103 @@ const pe = w.baseTheme({
     hideMarks: r = !0
   } = t;
   return [
-    C(fe, {}),
-    pe,
-    r ? ke : []
+    v(ue, {}),
+    fe,
+    r ? pe : []
   ];
 };
-class xe extends M {
+class ke extends E {
   constructor(a) {
     super();
-    L(this, "checked", !1);
+    q(this, "checked", !1);
     this.checked = a;
   }
   // eq(other) { return other.checked == this.checked }
   toDOM() {
     let a = document.createElement("span");
     a.setAttribute("aria-hidden", "true"), a.className = "TaskMark";
-    let n = a.appendChild(document.createElement("input"));
-    return n.type = "checkbox", n.checked = this.checked, a;
+    let o = a.appendChild(document.createElement("input"));
+    return o.type = "checkbox", o.checked = this.checked, a;
   }
   ignoreEvent() {
     return !1;
   }
 }
-function ye(t, r) {
+function xe(t, r) {
   const a = [
     "Document",
     "ListItem",
-    "Task"
-  ], n = {
-    BulletList: "bl",
-    OrderedList: "ol"
+    "Task",
+    "Blockquote"
+  ], o = {
+    BulletList: {
+      class: "bl",
+      offset: 2
+    },
+    OrderedList: {
+      class: "ol",
+      offset: 3
+    }
   }, c = {
-    ListMark: (o, s, g, d = !0) => h.mark({ class: `${g} lm ${d ? "sw" : ""}` }).range(o, s),
-    TaskMarker: (o, s, g, d = !0) => {
-      const b = t.state.doc.sliceString(o + 1, s - 1) === "x";
-      return d ? h.mark({ class: `tm ${b ? "ck" : ""}` }).range(o, s) : h.replace({
-        widget: new xe(b)
-      }).range(o, s);
+    ListMark: (s, g, d, b = !0) => h.mark({ class: `${d.class} lm ${b ? "sw" : ""}` }).range(s, g),
+    TaskMarker: (s, g, d, b = !0) => {
+      const k = t.state.doc.sliceString(s + 1, g - 1) === "x";
+      return b ? h.mark({ class: `tm ${k ? "ck" : ""}` }).range(s, g) : h.replace({
+        widget: new ke(k)
+      }).range(s, g);
+    }
+  }, i = {
+    ListItem: (s, g, d, b) => {
+      const k = d.offset + (b ? 4 : 0), u = s + k, m = `calc(100% - ${Math.max(0, k) + 4}ch)`;
+      return u >= g ? [] : [
+        h.mark({
+          class: "ls-text-line",
+          attributes: { style: `width: ${m}` }
+        }).range(u, g)
+      ];
     }
-  }, i = [], l = [];
-  return v(t, {
-    enter: ({ type: o, from: s, to: g }) => o.name in n ? (l.push({ name: o.name, from: s, to: g }), !0) : (o.name in c && i.push(c[o.name](
-      s,
+  }, l = [], n = [];
+  return L(t, {
+    enter: ({ name: s, from: g, to: d, node: b }) => s in o ? (n.push({ name: s, from: g, to: d }), !0) : (s in c && l.push(c[s](
+      g,
+      d,
+      o[n.slice(-1)[0].name],
+      N(t, g, d)
+    )), s in i && (console.log({ node: b, name: s }), l.push(...i[s](
       g,
-      n[l.slice(-1)[0].name],
-      N(t, s, g)
-    )), a.includes(o.name)),
-    leave: ({ type: { name: o }, from: s, to: g }) => {
-      const d = l.slice(-1)[0];
-      d && d.name === o && d.from === s && d.to === g && l.pop();
+      d,
+      o[n.slice(-1)[0].name],
+      b.getChild("Task") !== null
+    ))), a.includes(s)),
+    leave: ({ name: s, from: g, to: d }) => {
+      const b = n.slice(-1)[0];
+      b && b.name === s && b.from === g && b.to === d && n.pop();
     }
-  }), h.set(i, !1);
+  }), h.set(l, !0);
 }
-const Fe = (t, r) => {
-  var n;
+const Ce = (t, r) => {
+  var o;
   let a = t.target;
-  if (a.nodeName === "INPUT" && ((n = a.parentElement) != null && n.classList.contains("TaskMark"))) return we(r, r.posAtDOM(a));
-}, we = (t, r) => {
-  const a = r - 2, n = r - 1;
-  let c = t.state.doc.sliceString(Math.max(0, a), n), i;
-  if (c === "x") i = { from: a, to: n, insert: " " };
-  else if (c === " ") i = { from: a, to: n, insert: "x" };
+  if (a.nodeName === "INPUT" && ((o = a.parentElement) != null && o.classList.contains("TaskMark"))) return ye(r, r.posAtDOM(a));
+}, ye = (t, r) => {
+  const a = r - 2, o = r - 1;
+  let c = t.state.doc.sliceString(Math.max(0, a), o), i;
+  if (c === "x") i = { from: a, to: o, insert: " " };
+  else if (c === " ") i = { from: a, to: o, insert: "x" };
   else return !1;
   return t.dispatch({ changes: i }), !0;
-}, Be = (t) => {
+}, we = (t) => {
   const {
     color: r = "black"
   } = t || {};
-  return w.baseTheme({
+  return B.baseTheme({
     /* Bullet list Point */
-    ".lm.bl": {
+    "& .lm.bl": {
       position: "relative",
       paddingInlineStart: "1ch",
       color: "transparent"
     },
-    ".lm.bl::before": {
+    "& .lm.bl::before": {
       content: '""',
       display: "inline",
       position: "absolute",
@@ -224,19 +247,28 @@ const Fe = (t, r) => {
     "&.cm-focused .lm.bl.sw, &.cm-focused .lm.bl.sw::before": {
       backgroundColor: "transparent",
       color: "inherit"
+    },
+    /* list text line */
+    "& .ls-text-line": {
+      display: "inline-block",
+      ariaHidden: "true"
+      // border: "red 1px solid"
+    },
+    "& .cm-line .lm, & .cm-line .TaskMark, & .cm-line .tm, & .cm-line .ls-text-line": {
+      verticalAlign: "top"
     }
   });
-}, _ = (t = {}) => [
-  C(ye, {}, { eventHandlers: { mousedown: Fe } }),
-  Be(t == null ? void 0 : t.color)
-], Ce = (t, r) => {
-  var n;
+}, K = (t = {}) => [
+  v(xe, {}, { eventHandlers: { mousedown: Ce } }),
+  we(t == null ? void 0 : t.color)
+], Fe = (t, r) => {
+  var o;
   let a = t.target;
-  if (a.nodeName === "BUTTON" && ((n = a.parentElement) != null && n.classList.contains("wg-codeblock"))) {
+  if (a.nodeName === "BUTTON" && ((o = a.parentElement) != null && o.classList.contains("wg-codeblock"))) {
     const c = ["FencedCode", "CodeBlock"];
     let i = "";
     const l = {
-      enter: ({ type: { name: o }, from: s, to: g, node: d }) => (c.includes(o) && (i = Ne(r, d.toTree(), s, g)), !c.includes(o))
+      enter: ({ type: { name: n }, from: s, to: g, node: d }) => (c.includes(n) && (i = Be(r, d.toTree(), s, g)), !c.includes(n))
     };
     return $(r.state).iterate({
       ...l,
@@ -244,26 +276,26 @@ const Fe = (t, r) => {
       to: r.posAtDOM(a) + 2
     }), navigator.clipboard.writeText(i), !0;
   }
-}, Ne = (t, r, a, n) => {
+}, Be = (t, r, a, o) => {
   const c = ["CodeMark", "CodeInfo"];
-  let i = t.state.doc.sliceString(a, n), l = /* @__PURE__ */ new Set();
+  let i = t.state.doc.sliceString(a, o), l = /* @__PURE__ */ new Set();
   r.iterate({
-    enter({ type: { name: d }, from: b, node: y }) {
+    enter({ type: { name: d }, from: b, node: k }) {
       c.includes(d) && l.add(t.state.doc.lineAt(b + a).number);
     }
   });
-  const o = t.state.doc.lineAt(a), s = a - o.from, g = [];
+  const n = t.state.doc.lineAt(a), s = a - n.from, g = [];
   return i.split(`
 `).forEach((d, b) => {
-    l.has(b + o.number) || g.push(d.slice(s));
+    l.has(b + n.number) || g.push(d.slice(s));
   }), g.join(`
 `);
 };
-class I extends M {
-  constructor(a, n, c) {
+class R extends E {
+  constructor(a, o, c) {
     super();
-    L(this, "classes", "");
-    this.classes = a, this.width = n, this.marginLeft = c;
+    q(this, "classes", "");
+    this.classes = a, this.width = o, this.marginLeft = c;
   }
   toDOM() {
     let a = document.createElement("span");
@@ -277,7 +309,7 @@ const ve = (t) => `<svg class="cb-icon" viewBox="0 0 18 18" fill="none" xmlns="h
     <path class="cb-icon-path cb.i1" fill-rule="evenodd" clip-rule="evenodd" d="M15 0C15.5304 0 16.0391 0.210714 16.4142 0.585786C16.7893 0.960859 17 1.46957 17 2V12C17 12.5304 16.7893 13.0391 16.4142 13.4142C16.0391 13.7893 15.5304 14 15 14H14V6C14 4.93913 13.5786 3.92172 12.8284 3.17157C12.0783 2.42143 11.0609 2 10 2H7C6.64895 1.99924 6.30395 2.09135 6 2.267V2C6 1.46957 6.21071 0.960859 6.58579 0.585786C6.96086 0.210714 7.46957 0 8 0H15Z"/>
     <path class="cb-icon-path cb.i1" fill-rule="evenodd" clip-rule="evenodd" d="M5 4.054V8H1.2C1.27464 7.84448 1.3691 7.69928 1.481 7.568L3.941 4.698C4.2169 4.37661 4.58771 4.15111 5 4.054ZM7 4V8C7 8.53043 6.78929 9.03914 6.41421 9.41421C6.03914 9.78929 5.53043 10 5 10H1V16C1 16.5304 1.21071 17.0391 1.58579 17.4142C1.96086 17.7893 2.46957 18 3 18H10C10.5304 18 11.0391 17.7893 11.4142 17.4142C11.7893 17.0391 12 16.5304 12 16V6C12 5.46957 11.7893 4.96086 11.4142 4.58579C11.0391 4.21071 10.5304 4 10 4H7Z"/>
 </svg>`;
-class Ee extends M {
+class Ne extends E {
   constructor(r, a) {
     super(), this.type = r, this.code = a;
   }
@@ -291,74 +323,74 @@ class Ee extends M {
     return !1;
   }
 }
-const S = [];
-function P(t, r) {
+const T = [];
+function W(t, r) {
   const {
     mode: a
     /* type, mark */
-  } = r, n = ["Document", "Blockquote", "ListItem", "BulletList", "OrderedList"], c = {
-    FencedCode: K,
-    CodeBlock: K
+  } = r, o = ["Document", "Blockquote", "ListItem", "BulletList", "OrderedList"], c = {
+    FencedCode: I,
+    CodeBlock: I
   }, i = {
-    CodeMark: (o, s, g) => [h.mark({ class: "cb-mk" }).range(s, g)],
-    CodeInfo: (o, s, g) => [h.mark({ class: "cb-mi" }).range(s, g)]
+    CodeMark: (n, s, g) => [h.mark({ class: "cb-mk" }).range(s, g)],
+    CodeInfo: (n, s, g) => [h.mark({ class: "cb-mi" }).range(s, g)]
   }, l = [];
-  return v(t, {
-    enter: ({ type: { name: o }, from: s, to: g }) => (a === "type" && o in c && l.push(...c[o](t, s, g)), a === "mark" && o in i && l.push(...i[o](t, s, g)), n.includes(o) || o in c ? (S.push({ name: o, from: s, to: g }), !0) : !1),
-    Leave: ({ type: { name: o }, from: s, to: g }) => n.includes(o) || o in c ? (S.pop(), !0) : !1
+  return L(t, {
+    enter: ({ type: { name: n }, from: s, to: g }) => (a === "type" && n in c && l.push(...c[n](t, s, g)), a === "mark" && n in i && l.push(...i[n](t, s, g)), o.includes(n) || n in c ? (T.push({ name: n, from: s, to: g }), !0) : !1),
+    Leave: ({ type: { name: n }, from: s, to: g }) => o.includes(n) || n in c ? (T.pop(), !0) : !1
   }), {
     type: h.set(l, !0),
     mark: h.set(l, !0)
   }[a];
 }
-const K = (t, r, a) => {
-  const n = [], c = S[S.length - 1], i = ["BulletList", "OrderedList", "ListItem"].some((f) => f === c.name), l = ["Blockquote"].some((f) => f === c.name), o = t.state.doc.lineAt(r), s = r - o.from, g = s > 0, d = N(t, o.from, a);
-  d || n.push(
-    h.widget({ widget: new Ee("view.state.sliceDoc(from, to)", "code"), side: 0 }).range(r + 1)
+const I = (t, r, a) => {
+  const o = [], c = T[T.length - 1], i = ["BulletList", "OrderedList", "ListItem"].some((u) => u === c.name), l = ["Blockquote"].some((u) => u === c.name), n = t.state.doc.lineAt(r), s = r - n.from, g = s > 0, d = N(t, n.from, a);
+  d || o.push(
+    h.widget({ widget: new Ne("view.state.sliceDoc(from, to)", "code"), side: 0 }).range(r + 1)
   );
-  const b = o.number, y = t.state.doc.sliceString(r, a).split(`
+  const b = n.number, k = t.state.doc.sliceString(r, a).split(`
 `).length;
-  for (let f = b; f < y + b; f++) {
-    const { from: u, to: F } = t.state.doc.line(f), B = "100% - 1.2ch", x = ["cb-content"];
-    d && x.push("sw"), f === b && x.push("cb-start"), f === y + b - 1 && x.push("cb-end");
-    const p = Math.max(u + s, 0);
-    if (F < p)
-      x.push("free"), n.push(
+  for (let u = b; u < k + b; u++) {
+    const { from: m, to: x } = t.state.doc.line(u), F = "100% - 1.2ch", y = ["cb-content"];
+    d && y.push("sw"), u === b && y.push("cb-start"), u === k + b - 1 && y.push("cb-end");
+    const p = Math.max(m + s, 0);
+    if (x < p)
+      y.push("free"), o.push(
         h.widget({
-          widget: new I(
-            x.join(" "),
-            `calc(${B} - ${p - u}ch)`,
-            `calc(${p - F}ch + 2px)`
+          widget: new R(
+            y.join(" "),
+            `calc(${F} - ${p - m}ch)`,
+            `calc(${p - x}ch + 2px)`
           ),
           side: 1
-        }).range(F)
+        }).range(x)
       ), console.log("Hello World");
-    else if (p === F)
-      x.push("wg"), n.push(
+    else if (p === x)
+      y.push("wg"), o.push(
         h.widget({
-          widget: new I(
-            x.join(" "),
-            `calc(${B} - ${p - u}ch)`
+          widget: new R(
+            y.join(" "),
+            `calc(${F} - ${p - m}ch)`
           ),
           side: 1
         }).range(p)
       );
     else if (i || l || g) {
-      const E = { style: `width: calc(${B} - ${p - u}ch)` };
-      F > p && n.push(h.mark({ class: x.join(" "), attributes: E }).range(p, F)), u !== p && i && n.push(h.mark({ class: "cb-listsp" }).range(u, p)), u !== p && g && n.push(h.mark({ class: "cb-spacer" }).range(u, p)), u !== p && l && n.push(h.mark({ class: "cb-quote bq" }).range(u, p));
-    } else if (u !== F) {
-      const E = { style: `width: calc(${B})` };
-      n.push(h.mark({ class: x.join(" "), attributes: E }).range(u, F));
+      const w = { style: `width: calc(${F} - ${p - m}ch)` };
+      x > p && o.push(h.mark({ class: y.join(" "), attributes: w }).range(p, x)), m !== p && i && o.push(h.mark({ class: "cb-listsp" }).range(m, p)), m !== p && g && o.push(h.mark({ class: "cb-spacer" }).range(m, p)), m !== p && l && o.push(h.mark({ class: "cb-quote bq" }).range(m, p));
+    } else if (m !== x) {
+      const w = { style: `width: calc(${F})` };
+      o.push(h.mark({ class: y.join(" "), attributes: w }).range(m, x));
     }
-    n.push(h.line({ class: "cb-line" }).range(u));
+    o.push(h.line({ class: "cb-line" }).range(m));
   }
-  return n;
-}, Te = () => {
-  const n = "4px", c = "1lh";
-  return w.baseTheme({
-    ".cb-start": { borderRadius: `${n} ${n} 0 0` },
-    ".cb-end  ": { borderRadius: `0 0 ${n} ${n}` },
-    ".cb-start.cb-end": { borderRadius: `${n}` },
+  return o;
+}, Le = () => {
+  const o = "4px", c = "1lh";
+  return B.baseTheme({
+    ".cb-start": { borderRadius: `${o} ${o} 0 0` },
+    ".cb-end  ": { borderRadius: `0 0 ${o} ${o}` },
+    ".cb-start.cb-end": { borderRadius: `${o}` },
     ".cb-content": {
       display: "inline-block",
       marginLeft: "2px",
@@ -423,41 +455,41 @@ const K = (t, r, a) => {
       width: "5ch"
     }
   });
-}, Y = (t) => [
-  C(P, { mode: "mark" }),
-  C(P, { mode: "type" }, { eventHandlers: { mousedown: Ce } }),
-  Te()
+}, G = (t) => [
+  v(W, { mode: "mark" }),
+  v(W, { mode: "type" }, { eventHandlers: { mousedown: Fe } }),
+  Le()
 ];
-function Ae(t, r) {
-  const a = ["Document"], n = {
-    ATXHeading1: (l, o = !0) => h.line({ class: "h1 hg " + (o ? "sw" : "") }).range(l),
-    ATXHeading2: (l, o = !0) => h.line({ class: "h2 hg " + (o ? "sw" : "") }).range(l),
-    ATXHeading3: (l, o = !0) => h.line({ class: "h3 hg " + (o ? "sw" : "") }).range(l),
-    ATXHeading4: (l, o = !0) => h.line({ class: "h4 hg " + (o ? "sw" : "") }).range(l),
-    ATXHeading5: (l, o = !0) => h.line({ class: "h5 hg " + (o ? "sw" : "") }).range(l),
-    ATXHeading6: (l, o = !0) => h.line({ class: "h6 hg " + (o ? "sw" : "") }).range(l)
+function Ee(t, r) {
+  const a = ["Document"], o = {
+    ATXHeading1: (l, n = !0) => h.line({ class: "h1 hg " + (n ? "sw" : "") }).range(l),
+    ATXHeading2: (l, n = !0) => h.line({ class: "h2 hg " + (n ? "sw" : "") }).range(l),
+    ATXHeading3: (l, n = !0) => h.line({ class: "h3 hg " + (n ? "sw" : "") }).range(l),
+    ATXHeading4: (l, n = !0) => h.line({ class: "h4 hg " + (n ? "sw" : "") }).range(l),
+    ATXHeading5: (l, n = !0) => h.line({ class: "h5 hg " + (n ? "sw" : "") }).range(l),
+    ATXHeading6: (l, n = !0) => h.line({ class: "h6 hg " + (n ? "sw" : "") }).range(l)
   }, c = {
-    HeaderMark: (l, o) => h.mark({ class: "mk" }).range(l, o)
+    HeaderMark: (l, n) => h.mark({ class: "mk" }).range(l, n)
   }, i = [];
-  return v(t, {
-    enter: ({ type: l, from: o, to: s }) => (l.name in n && i.push(n[l.name](o, N(t, o, s))), l.name in c && i.push(c[l.name](o, s + 1)), a.includes(l.name) || l.name in n)
+  return L(t, {
+    enter: ({ type: l, from: n, to: s }) => (l.name in o && i.push(o[l.name](n, N(t, n, s))), l.name in c && i.push(c[l.name](n, s + 1)), a.includes(l.name) || l.name in o)
   }), h.set(i, !1);
 }
-const Le = w.baseTheme({
+const qe = B.baseTheme({
   ".h1 ": { fontSize: "2.6rem" },
   ".h2 ": { fontSize: "2.0rem" },
   ".h3 ": { fontSize: "1.8rem" },
   ".h4 ": { fontSize: "1.6rem" },
   ".h5 ": { fontSize: "1.4rem" },
   ".h6 ": { fontSize: "1.2rem" }
-}), Me = w.baseTheme({
+}), Me = B.baseTheme({
   ".hg .mk": { fontSize: "0" },
   "&.cm-focused .hg.sw .mk": { fontSize: "inherit" }
-}), j = (t = {}) => [
-  C(Ae, {}),
-  Le,
+}), _ = (t = {}) => [
+  v(Ee, {}),
+  qe,
   Me
-], De = {
+], Te = {
   version: "1.7.1",
   latte: {
     name: "Latte",
@@ -3251,14 +3283,14 @@ const Le = w.baseTheme({
       }
     }
   }
-}, D = (t) => Object.entries(t), { version: pr, ...Se } = De, U = D(Se).reduce((t, [r, a]) => (t[r] = {
+}, M = (t) => Object.entries(t), { version: wr, ...Ae } = Te, Y = M(Ae).reduce((t, [r, a]) => (t[r] = {
   ...a,
-  colorEntries: D(a.colors),
-  ansiColorEntries: D(a.ansiColors)
+  colorEntries: M(a.colors),
+  ansiColorEntries: M(a.ansiColors)
 }, t), {});
-D(U);
-const k = ({ variant: t, settings: r, styles: a }) => {
-  const n = q.theme({
+M(Y);
+const C = ({ variant: t, settings: r, styles: a }) => {
+  const o = A.theme({
     // eslint-disable-next-line @typescript-eslint/naming-convention
     "&": {
       backgroundColor: r.background,
@@ -3285,10 +3317,10 @@ const k = ({ variant: t, settings: r, styles: a }) => {
     }
   }, {
     dark: t === "dark"
-  }), c = le.define(a);
-  return [n, ce(c)];
+  }), c = ne.define(a);
+  return [o, le(c)];
 };
-k({
+C({
   variant: "dark",
   settings: {
     background: "#200020",
@@ -3370,7 +3402,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#fcfcfc",
@@ -3444,7 +3476,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#15191EFA",
@@ -3500,7 +3532,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#2e241d",
@@ -3550,7 +3582,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#3b2627",
@@ -3612,7 +3644,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#000205",
@@ -3648,7 +3680,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#fff",
@@ -3690,7 +3722,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#00254b",
@@ -3762,7 +3794,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#060521",
@@ -3822,7 +3854,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "dark",
   settings: {
     background: "#2d2f3f",
@@ -3869,7 +3901,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#FFFFFF",
@@ -3909,7 +3941,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#f2f1f8",
@@ -3984,7 +4016,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#faf4ed",
@@ -4038,7 +4070,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#FFFFFF",
@@ -4116,7 +4148,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#fef7e5",
@@ -4188,7 +4220,7 @@ k({
     }
   ]
 });
-k({
+C({
   variant: "light",
   settings: {
     background: "#FFFFFF",
@@ -4238,19 +4270,19 @@ k({
     }
   ]
 });
-const qe = new se(), He = (t = "latte") => {
-  const r = U[t].colors, a = r.base, n = t === "latte" ? "#484b64" : r.text.hex, c = $e(r.crust.rgb, a.rgb, 0.1);
-  return [
-    k({
+const De = new ce(), Se = (t = "latte") => {
+  const r = Y[t].colors, a = r.base, o = t === "latte" ? "#484b64" : r.text.hex, c = He(r.crust.rgb, a.rgb, 0.1);
+  return document.querySelector(":root").style.setProperty("--editor-background", a.hex), [
+    C({
       variant: t === "latte" ? "light" : "dark",
       settings: {
         background: a.hex,
-        foreground: n,
+        foreground: o,
         caret: r.rosewater.hex,
         // selection: selection,
         lineHighlight: H(r.overlay1.rgb, 0.1),
         gutterBackground: a.hex,
-        gutterForeground: n
+        gutterForeground: o
       },
       styles: [
         // python
@@ -4293,7 +4325,7 @@ const qe = new se(), He = (t = "latte") => {
         // no necesary good
         { tag: e.labelName, color: r.teal.hex },
         // no necesary good
-        { tag: e.variableName, color: n },
+        { tag: e.variableName, color: o },
         // no necesary good
         { tag: e.operator, color: r.sky.hex },
         { tag: e.logicOperator, color: r.sky.hex },
@@ -4321,20 +4353,28 @@ const qe = new se(), He = (t = "latte") => {
         { tag: e.macroName, color: r.peach.hex }
       ]
     }),
-    q.theme({
+    A.theme({
       // Editor
       "& .cm-selectionBackground, ::selection": { background: `${H(r.overlay2.rgb, 0.3)} !important` },
       // Code
       "& .cb-content, & .ic": { backgroundColor: c },
-      ".cb-icon": { fill: n },
+      ".cb-icon": { fill: o },
       ".wg-codeblock-btn:hover": { backgroundColor: H(r.overlay1.rgb, 0.2) },
       // Blockquote
-      ".bq-none-mark": { "--bq-none-mark": n },
+      ".bq-none-mark": { "--bq-none-mark": o },
       ".bq-note-mark": { "--bq-note-mark": r.blue.hex },
       ".bq-tip-mark": { "--bq-tip-mark": r.green.hex },
       ".bq-warning-mark": { "--bq-warning-mark": r.peach.hex },
       ".bq-important-mark": { "--bq-important-mark": r.mauve.hex },
       ".bq-caution-mark": { "--bq-caution-mark": r.red.hex },
+      ".wg-qt-icon": {
+        "--bq-none-mark": o,
+        "--bq-note-mark": r.blue.hex,
+        "--bq-tip-mark": r.green.hex,
+        "--bq-warning-mark": r.peach.hex,
+        "--bq-important-mark": r.mauve.hex,
+        "--bq-caution-mark": r.red.hex
+      },
       // Links
       "& a.url": { color: r.blue.hex },
       "& a.url:visited": { color: r.mauve.hex },
@@ -4348,12 +4388,37 @@ const qe = new se(), He = (t = "latte") => {
       }
     }, { dark: t !== "latte" })
   ];
-}, $e = (t, r, a) => {
-  const n = [t.r, t.g, t.b], c = [r.r, r.g, r.b];
-  return `rgba(${be(n, c, a, 0.3).join(", ")})`;
-}, H = (t, r) => `rgba(${t.r}, ${t.g}, ${t.b}, ${r})`;
-function Oe(t, r) {
-  const a = ["Document", "ListItem", "BulletList", "OrderedList"], n = {
+}, He = (t, r, a) => {
+  const o = [t.r, t.g, t.b], c = [r.r, r.g, r.b];
+  return `rgba(${de(o, c, a, 0.3).join(", ")})`;
+}, H = (t, r) => `rgba(${t.r}, ${t.g}, ${t.b}, ${r})`, $e = (t) => `<svg class="qt-icon qt-caution" width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M196.094 54.176C191.229 54.988 188.782 56.222 167.834 68.423C158.562 73.823 147.197 80.435 142.578 83.117C137.959 85.799 129.961 90.458 124.805 93.47C119.648 96.482 111.211 101.406 106.055 104.413C84.503 116.982 82.78 118.066 79.627 121.029C76.043 124.397 73.548 127.986 71.861 132.199C69.426 138.28 69.543 135.024 69.435 199.872L69.336 259.18L70.21 263.086C72.901 275.106 75.333 277.456 99.826 291.697C130.626 309.606 166.896 330.685 175.781 335.841C190.902 344.615 195.154 346.196 201.915 345.563C208.158 344.978 210.107 344.123 225.391 335.264C255.218 317.977 294.844 294.867 311.417 285.093C322.591 278.504 327.153 273.047 329.413 263.569L330.273 259.961V199.609V139.258L329.396 135.938C327.721 129.594 324.327 124.148 319.504 120.066C316.509 117.531 317.424 118.075 248.047 77.651C205.151 52.657 205.162 52.662 196.094 54.176ZM206.746 110.34C212.104 111.475 216.464 114.838 218.945 119.75C220.313 122.457 220.428 126.187 219.575 140.039C219.323 144.121 218.592 157.129 217.95 168.945C214.743 227.944 214.663 228.952 212.917 232.683C208.369 242.403 195.202 244.021 188.814 235.646C185.935 231.872 185.59 229.751 184.375 208.398C183.935 200.664 182.688 180.01 181.605 162.5C178.965 119.84 178.966 119.825 183.963 114.828C188.541 110.25 197.755 108.434 206.746 110.34ZM205.105 254.139C220.433 258.641 225.321 277.899 213.857 288.623C198.306 303.17 174.003 287.211 181.04 267.073C184.452 257.309 195.564 251.336 205.105 254.139Z"/>
+</svg>`, Oe = (t) => `<svg class="qt-icon qt-warning" width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M195.982 53.527C185.35 55.195 178.527 60.217 172.381 70.898C165.461 82.925 148.022 114.138 122.184 160.742C115.633 172.559 100.427 199.98 88.394 221.68C57.505 277.38 55.934 280.238 54.25 283.76C45.588 301.882 55.075 322.592 74.884 328.805L78.32 329.883L198.438 329.99C278.577 330.062 319.42 329.965 321.154 329.699C337.809 327.15 349.594 312.698 348.718 295.898C348.297 287.827 348.329 287.895 328.438 252.148C310.272 219.501 297.79 196.996 280.665 166.016C235.38 84.092 225.675 66.998 222.278 63.175C216.156 56.285 204.847 52.136 195.982 53.527ZM209.263 116.46C218.176 119.751 220.681 125.503 219.95 141.003C219.711 146.059 219.256 155.732 218.938 162.5C218.62 169.268 218.011 180.43 217.584 187.305C216.759 200.593 216.366 207.385 215.42 224.66C215.058 231.282 214.609 236.196 214.259 237.373C210.281 250.771 189.551 250.542 185.792 237.058C185.226 235.025 184.802 229.702 183.979 214.258C183.761 210.176 183.323 202.881 183.006 198.047C182.213 185.991 181.756 178.028 181.054 164.063C180.724 157.51 180.287 149.424 180.081 146.094C178.833 125.858 181.444 119.151 191.797 115.99C194.231 115.247 206.901 115.588 209.263 116.46ZM205.893 260.709C224.265 266.28 227.749 290.936 211.55 300.733C192.458 312.28 170.521 292.287 180.334 272.284C184.884 263.009 196.351 257.816 205.893 260.709Z"/>
+</svg>`, Re = (t) => `<svg class="qt-icon qt-important" width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M190.234 64.334C153.518 67.16 117.751 87.08 95.346 117.181C46.258 183.13 68.9 277.91 142.564 314.837C228.927 358.129 330.405 294.361 330.594 196.68C330.742 119.807 265.747 58.523 190.234 64.334ZM219.531 126.465C220.494 126.947 221.218 127.78 221.98 129.284L223.062 131.421L222.957 139.621L222.852 147.822L221.875 148.263C213.74 151.931 214.67 145.87 214.532 196.094C214.395 245.634 214.025 242.228 219.783 244.354C223.193 245.613 223.047 245.172 223.047 254.214C223.047 263.28 222.791 264.649 220.681 266.868L219.262 268.359H200.09H180.919L179.769 267.392C177.295 265.31 176.926 263.501 177.043 254.054C177.131 246.999 177.246 245.543 177.734 245.295C178.057 245.131 179.5 244.445 180.943 243.77C182.568 243.01 183.905 242.067 184.459 241.291L185.352 240.039L185.456 197.305C185.559 155.268 185.548 154.545 184.78 152.959C183.999 151.347 181.2 149.279 178.906 148.622C176.957 148.063 176.953 148.047 176.953 139.659C176.953 129.986 177.595 127.658 180.624 126.34C182.693 125.439 217.703 125.552 219.531 126.465Z"/>
+</svg>`, We = (t) => `<svg class="qt-icon qt-note" width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M107.227 63.8769C101.558 65.1289 95.375 67.9369 91.406 71.0639C90.01 72.1639 88.215 73.5439 87.417 74.1299C86.62 74.7159 85.96 75.3819 85.952 75.6099C85.944 75.8379 85.612 76.3739 85.214 76.8009C81.982 80.2699 78.079 87.8199 76.776 93.1259L75.781 97.1769V198.907C75.781 262.894 75.922 301.425 76.16 302.76C76.368 303.928 76.623 305.38 76.726 305.987C78.4 315.889 87.879 327.367 98.558 332.423C107.578 336.694 98.739 336.366 201.563 336.242L291.602 336.133L294.27 335.228C309.157 330.183 318.557 320.61 322.536 306.445L323.633 302.539V228.516C323.633 144.681 323.906 151.756 320.402 144.774L318.615 141.211L286.943 109.57C269.523 92.1679 253.932 76.5229 252.297 74.8049C246.111 68.3049 241.836 65.3209 236.902 64.0589C233.006 63.0629 111.686 62.8929 107.227 63.8769ZM233.77 78.3359C236.715 80.5619 300.292 144.132 300.799 145.356C301.574 147.227 300.841 149.245 299.01 150.282L297.461 151.159L274.127 151.165C258.248 151.17 250.198 151.032 248.931 150.734C240.06 148.649 234.561 144.527 231.043 137.327C228.119 131.344 228.085 130.936 228.21 104.035L228.32 80.5309L229.275 79.5149C229.801 78.9559 230.767 78.3419 231.424 78.1519C233.014 77.6899 232.904 77.6809 233.77 78.3359ZM192.354 175.195C194.09 176.288 194.73 177.166 196.549 180.952C197.924 183.813 194.551 189.489 190.695 190.803C187.744 191.808 132.089 191.686 129.883 190.669C122.396 187.22 123.011 176.607 130.837 174.194C131.386 174.024 145.033 173.917 161.164 173.954L190.492 174.023L192.354 175.195ZM269.587 217.641C271.831 218.313 276.709 223.047 275.158 223.047C275.018 223.047 275.115 223.301 275.373 223.611C277.4 226.054 274.593 231.969 270.523 233.832L268.466 234.774L199.37 234.672L130.273 234.57L128.645 233.465C122.49 229.288 123.57 220.238 130.522 217.722C132.38 217.05 267.351 216.971 269.587 217.641ZM247.509 261.237C249.631 262.341 252.9 266.371 252.223 267.048C252.125 267.146 252.179 267.824 252.344 268.555C252.508 269.285 252.542 269.985 252.417 270.109C252.293 270.233 252.148 270.627 252.096 270.984C251.721 273.539 250.106 275.678 247.498 277.074L245.898 277.93L189.258 278.036C138.155 278.132 132.426 278.082 130.664 277.516C122.018 274.742 123.019 262.33 132.031 260.562C132.783 260.414 158.711 260.317 189.648 260.347L245.898 260.4L247.509 261.237Z"/>
+</svg>`, Ie = (t) => `<svg class="qt-icon qt-tip" width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M197.813 54.2439C196.932 54.6529 195.79 55.5789 195.274 56.3019L194.336 57.6169L194.219 70.8359L194.102 84.0549L195.076 85.3319C197.802 88.9059 203.271 88.5369 205.364 84.6369C206.151 83.1699 206.872 60.7239 206.215 58.1479C205.842 56.6839 203.21 53.9059 202.196 53.9059C201.901 53.9059 201.155 53.8149 200.537 53.7039C199.864 53.5829 198.772 53.7989 197.813 54.2439ZM116.233 86.0419C113.323 87.6899 112.27 91.6249 113.92 94.6849C115.402 97.4339 131.364 113.194 132.973 113.496C138.573 114.546 142.477 110.343 140.971 104.883C140.465 103.049 125.118 87.2169 122.574 85.9039C120.632 84.9019 118.15 84.9559 116.233 86.0419ZM277.93 85.7559C276.466 86.4829 260.132 103.191 259.49 104.618C257.281 109.529 261.871 114.699 267.084 113.171C268.604 112.726 283.491 98.5359 285.985 95.1559C289.892 89.8619 283.853 82.8139 277.93 85.7559ZM192.578 105.326C174.207 107.647 159.188 115.505 147.608 128.855C123.664 156.459 124.119 191.541 148.828 223.047C160.759 238.26 165.383 249.444 166.996 266.992C167.829 276.054 168.682 277.986 172.825 280.204C174.652 281.182 221.998 281.773 225.389 280.86C229.012 279.884 232.583 275.584 232.967 271.735C233.077 270.63 233.363 267.529 233.603 264.844C234.904 250.229 238.454 241.734 249.573 226.622C261.236 210.772 265.303 202.299 269.01 186.133C271.624 174.731 269.08 156.872 263.028 144.145C251.295 119.471 219.462 101.931 192.578 105.326ZM88.992 165.981C83.602 166.183 82.734 166.309 81.765 167.028C77.932 169.873 77.932 174.66 81.766 177.503C83.099 178.491 104.15 178.988 108.11 178.124C114.214 176.794 115.972 170.208 111.179 166.626C109.976 165.727 101.966 165.494 88.992 165.981ZM289.847 166.481C285.102 168.919 285.171 174.882 289.974 177.45C292.2 178.64 314.187 179.022 317.07 177.921C322.542 175.831 321.886 167.919 316.118 166.457C312.336 165.498 291.723 165.517 289.847 166.481ZM132.14 230.477C129.964 231.352 113.316 248.951 113.059 250.648C112.263 255.894 117.791 260.112 122.389 257.768C124.057 256.918 139.906 240.858 140.656 239.258C143.226 233.779 137.81 228.195 132.14 230.477ZM262.386 230.871C259.487 232.447 258.349 236.857 260.122 239.648C261.348 241.579 276.261 256.486 277.701 257.219C282.933 259.885 288.816 254.457 286.416 249.179C285.559 247.294 271.67 232.693 269.4 231.29C267.429 230.071 264.211 229.879 262.386 230.871ZM174.576 292.561C170.753 293.719 169.922 295.59 169.922 303.033C169.922 310.255 170.618 312.154 173.969 314.076L175.977 315.227L200.113 315.231C223.446 315.234 224.301 315.208 225.774 314.457C229.279 312.669 230.367 309.882 230.446 302.493L230.504 297.04L229.29 295.365C226.903 292.07 228.123 292.201 200.195 292.23C186.66 292.243 175.131 292.392 174.576 292.561ZM180.946 325.217C179.882 325.963 179.759 328.554 180.683 330.774C185.032 341.224 208.831 343.084 217.528 333.654C220.185 330.773 221.108 326.967 219.531 325.391C218.456 324.315 182.465 324.154 180.946 325.217Z"/>
+</svg>`, P = { tip: Ie, note: We, important: Re, warning: Oe, caution: $e, none: () => "" };
+class Pe extends E {
+  constructor(r) {
+    super(), this.type = r;
+  }
+  toDOM() {
+    let r = document.createElement("span");
+    return r.setAttribute("aria-hidden", "true"), r.className = "wg-qt-icon", r.innerHTML = this.type in P ? P[this.type]() : "", r;
+  }
+  ignoreEvent() {
+    return !1;
+  }
+  eq(r) {
+    return this.type === r.type;
+  }
+}
+function Ze(t, r) {
+  const a = ["Document", "ListItem", "BulletList", "OrderedList"], o = {
     none: "bq-none-mark",
     note: "bq-note-mark",
     tip: "bq-tip-mark",
@@ -4361,56 +4426,61 @@ function Oe(t, r) {
     important: "bq-important-mark",
     caution: "bq-caution-mark"
   }, c = {
-    QuoteMark: (o, s, g) => {
+    QuoteMark: (n, s, g) => {
       const d = ["qt-mk"];
-      return g in n ? d.push(n[g]) : d.push(n.none), h.mark({
+      return g in o ? d.push(o[g]) : d.push(o.none), h.mark({
         class: d.join(" ")
-      }).range(o, s);
-    },
-    BlockquoteLine: (o, s) => h.line({ class: "bq-line " + (s ? "sw" : "") }).range(o),
-    quoteLine: (o, s, g) => {
+      }).range(n, s);
+    },
+    QuoteType: (n, s, g) => h.widget({
+      widget: new Pe(g),
+      side: 1
+    }).range(n),
+    BlockquoteLine: (n, s) => h.line({ class: "bq-line " + (s ? "sw" : "") }).range(n),
+    quoteLine: (n, s, g) => {
       const d = `calc(100% - ${Math.max(0, g) + 1.2}ch)`;
       return h.mark({
         class: "bq-text-line",
         attributes: { style: `width: ${d}` }
-      }).range(o, s);
+      }).range(n, s);
     }
-  }, i = (o, s, g, d) => {
-    const b = [], { from: y, to: f } = s, u = g.number, F = (B, x) => {
+  }, i = (n, s, g, d) => {
+    const b = [], k = g.number, u = (m, x) => {
+      let F = 0;
+      const y = [];
       let p = 0;
-      const E = [];
-      let A = 0;
       return {
-        enter({ name: T, node: O, from: R, to: W }) {
-          T === "Blockquote" && E.push(Re(o, O)), T === "QuoteMark" && (b.push(c[T](R, W, E[p])), A = W, p++);
+        enter({ name: w, node: O, from: D, to: S }) {
+          w === "Blockquote" && y.push(ze(n, O)), w === "QuoteMark" && (b.push(c[w](D, S, y[F])), p = S, F++), w === "QuoteType" && b.push(c[w](D, S, y[F - 1]));
         },
-        leave({ name: T, from: O, to: R }) {
-          T === "Paragraph" && A < x && b.push(c.quoteLine(A, x, A - B));
+        leave({ name: w, from: O, to: D }) {
+          w === "Paragraph" && p < x && b.push(c.quoteLine(p, x, p - m));
         }
       };
     };
-    for (let B = u; B < d + u; B++) {
-      const { from: x, to: p } = o.state.doc.line(B), { from: E, to: A } = s, T = N(o, E, A);
-      b.push(c.BlockquoteLine(x, T)), $(o.state).iterate({ from: x, to: p, ...F(x, p) });
+    for (let m = k; m < d + k; m++) {
+      const { from: x, to: F } = n.state.doc.line(m), { from: y, to: p } = s, w = N(n, y, p);
+      b.push(c.BlockquoteLine(x, w)), $(n.state).iterate({ from: x, to: F, ...u(x, F) });
     }
     return b;
   }, l = [];
-  return v(t, {
-    enter: ({ name: o }) => !(o in a),
-    leave: ({ name: o, from: s, to: g, node: d }) => {
-      if (o !== "Blockquote") return;
-      const b = t.state.sliceDoc(s, g).split(`
-`), y = t.state.doc.lineAt(s);
-      l.push(...i(t, d, y, b.length));
+  return L(t, {
+    enter: ({ name: n, from: s, to: g, node: d }) => {
+      if (n === "Blockquote") {
+        const b = t.state.sliceDoc(s, g).split(`
+`), k = t.state.doc.lineAt(s);
+        l.push(...i(t, d, k, b.length));
+      }
+      return a.includes(n);
     }
   }), h.set(l, !0);
 }
-const Re = (t, r) => {
+const ze = (t, r) => {
   const a = r.getChild("QuoteType");
   if (!a) return "none";
-  const n = a.getChild("QuoteTypeText");
-  return n ? t.state.sliceDoc(n.from, n.to).toLowerCase() : "none";
-}, We = () => w.baseTheme({
+  const o = a.getChild("QuoteTypeText");
+  return o ? t.state.sliceDoc(o.from, o.to).toLowerCase() : "none";
+}, Qe = () => B.baseTheme({
   "& .qt-mk": {
     // outline: "1px red solid",
     position: "relative",
@@ -4443,106 +4513,122 @@ const Re = (t, r) => {
     paddingLeft: "6px",
     textIndent: "-7px",
     ariaHidden: "true"
-  }
-}), Ie = (t) => [
-  C(Oe, t),
-  We()
-], Pe = {
+  },
+  "& .bq-text-line *": {
+    verticalAlign: "middle"
+  },
+  "& .wg-qt-icon": {
+    display: "inline-block"
+  },
+  "& .wg-qt-icon > .qt-icon": {
+    paddingLeft: "1ch",
+    width: "2em",
+    height: "2em"
+  },
+  "& .wg-qt-icon > .qt-tip": { fill: "var(--bq-tip-mark)" },
+  "& .wg-qt-icon > .qt-note": { fill: "var(--bq-note-mark)" },
+  "& .wg-qt-icon > .qt-important": { fill: "var(--bq-important-mark)" },
+  "& .wg-qt-icon > .qt-warning": { fill: "var(--bq-warning-mark)" },
+  "& .wg-qt-icon > .qt-caution": { fill: "var(--bq-caution-mark)" }
+}), Ke = (t) => [
+  v(Ze, t),
+  Qe()
+], Ge = {
   name: "QuoteTypeParser",
   parse(t, r) {
     if ((() => {
-      for (let n = 0; n < t.depth; n++)
-        if (t.parentType(n).name === "Blockquote") return !0;
+      for (let o = 0; o < t.depth; o++)
+        if (t.parentType(o).name === "Blockquote") return !0;
       return !1;
     })()) {
-      const n = r.text.match(/^(\s*>\s*)+(\[!\w+\])\s*$/);
-      if (n && n[2]) {
-        const c = n[2], i = r.text.indexOf(c), l = i + c.length, o = t.elt("QuoteType", t.lineStart + i, t.lineStart + l);
-        o.children = [
+      const o = r.text.match(/^(\s*>\s*)+(\[!\w+\])\s*$/);
+      if (o && o[2]) {
+        const c = o[2], i = r.text.indexOf(c), l = i + c.length, n = t.elt("QuoteType", t.lineStart + i, t.lineStart + l);
+        n.children = [
           t.elt("QuoteTypeMark", t.lineStart + i, t.lineStart + i + 2),
           t.elt("QuoteTypeText", t.lineStart + i + 2, t.lineStart + l - 1),
           t.elt("QuoteTypeMark", t.lineStart + l - 1, t.lineStart + l)
-        ], t.addElement(o);
+        ], t.addElement(n);
       }
     }
     return !1;
   }
-}, Ke = {
+}, _e = {
   defineNodes: [
     { name: "QuoteType", style: { "QuoteType/...": e.content } },
     { name: "QuoteTypeMark", style: e.processingInstruction },
     { name: "QuoteTypeText", style: e.bool }
   ],
-  parseBlock: [Pe]
-}, V = (t, r, a) => {
-  const n = t.state.sliceDoc(r, a), c = n.match(/\[(.*)\]/);
+  parseBlock: [Ge]
+}, j = (t, r, a) => {
+  const o = t.state.sliceDoc(r, a), c = o.match(/\[(.*)\]/);
   return c !== null && c.length > 1 ? {
     text: c[1],
-    from: r + n.indexOf(c[1]),
+    from: r + o.indexOf(c[1]),
     to: r + 1 + c[1].length
   } : { text: null };
 };
-function ze(t, r) {
-  const a = ["FencedCode", "Image", "Link"], n = {
+function Ye(t, r) {
+  const a = ["FencedCode", "Image", "Link"], o = {
     Link: {
       marks: ["LinkMark"],
       url: "URL"
     }
   }, c = {
-    Link: (l, o, s) => h.mark({ class: "link " + (s ? "sw" : "") }).range(l, o),
-    LinkMark: (l, o) => h.mark({ class: "lk-mk" }).range(l, o),
-    TextDec: (l, o, s) => h.mark({
+    Link: (l, n, s) => h.mark({ class: "link " + (s ? "sw" : "") }).range(l, n),
+    LinkMark: (l, n) => h.mark({ class: "lk-mk" }).range(l, n),
+    TextDec: (l, n, s) => h.mark({
       class: "lk-text url",
       tagName: "a",
       attributes: { href: s, target: "_blank" }
-    }).range(l, o),
-    URL: (l, o, s) => h.mark({
+    }).range(l, n),
+    URL: (l, n, s) => h.mark({
       class: "lk-url url",
       tagName: "a",
       attributes: { href: s, target: "_blank" }
-    }).range(l, o)
+    }).range(l, n)
   }, i = [];
-  return v(t, {
-    enter: ({ type: { name: l }, from: o, to: s, node: g }) => {
-      if (l === "URL" && i.push(c.URL(o, s, t.state.sliceDoc(o, s))), !(l in n)) return !a.includes(l);
-      i.push(c.Link(o, s, N(t, o, s)));
-      const d = n[l].marks.flatMap((f) => g.getChildren(f));
-      i.push(...d.map(({ from: f, to: u }) => c.LinkMark(f, u)));
-      const b = g.getChild(n[l].url);
-      let y = null;
+  return L(t, {
+    enter: ({ type: { name: l }, from: n, to: s, node: g }) => {
+      if (l === "URL" && i.push(c.URL(n, s, t.state.sliceDoc(n, s))), !(l in o)) return !a.includes(l);
+      i.push(c.Link(n, s, N(t, n, s)));
+      const d = o[l].marks.flatMap((u) => g.getChildren(u));
+      i.push(...d.map(({ from: u, to: m }) => c.LinkMark(u, m)));
+      const b = g.getChild(o[l].url);
+      let k = null;
       if (b !== null) {
-        const { from: f, to: u } = b;
-        y = t.state.sliceDoc(f, u), i.push(c.URL(f, u, y));
+        const { from: u, to: m } = b;
+        k = t.state.sliceDoc(u, m), i.push(c.URL(u, m, k));
       }
       if (g.getChild("Image") === null) {
-        const { text: f, from: u, to: F } = V(t, o, s);
-        f !== null && y !== null && i.push(c.TextDec(u, F, y));
+        const { text: u, from: m, to: x } = j(t, n, s);
+        u !== null && k !== null && i.push(c.TextDec(m, x, k));
       }
       return !1;
     }
   }), h.set(i, !0);
 }
-const Ge = (t, r) => t.ctrlKey ? Qe(
+const je = (t, r) => t.ctrlKey ? Ve(
   t.target
   /* as HTMLElement */
-) : !1, Qe = (t) => {
+) : !1, Ve = (t) => {
   if (t.nodeName === "A" && t.href && t.classList.contains("url"))
     return window.open(t.href, t.target), !0;
-}, _e = w.baseTheme({
+}, Ue = B.baseTheme({
   ".lk-mk, .link > .lk-url": { display: "none" },
   "&.cm-focused .link.sw .lk-mk, &.cm-focused .link.sw .lk-url": { display: "inherit" }
-}), Ye = (t = {}) => {
+}), Xe = (t = {}) => {
   const {
     hideMarks: r = !0
   } = t;
   return [
-    C(ze, {}, { eventHandlers: { mousedown: Ge } }),
-    _e
+    v(Ye, {}, { eventHandlers: { mousedown: je } }),
+    Ue
   ];
 };
-class je extends M {
-  constructor(r, a = null, n = "[image]") {
-    super(), this.img = r, this.url = a, this.alt = n;
+class Je extends E {
+  constructor(r, a = null, o = "[image]") {
+    super(), this.img = r, this.url = a, this.alt = o;
   }
   toDOM() {
     let r = document.createElement("img");
@@ -4559,46 +4645,46 @@ class je extends M {
     return !1;
   }
 }
-function Ue(t, r) {
-  const a = ["FencedCode", "Image"], n = [];
-  return v(t, {
-    enter: ({ type: { name: c }, from: i, to: l, node: o }) => {
+function er(t, r) {
+  const a = ["FencedCode", "Image"], o = [];
+  return L(t, {
+    enter: ({ type: { name: c }, from: i, to: l, node: n }) => {
       if (c === "Image" && !N(t, i, l)) {
-        const { from: s, to: g } = o.getChild("URL"), d = t.state.sliceDoc(s, g), { text: b } = V(t, i, l);
-        n.push(
+        const { from: s, to: g } = n.getChild("URL"), d = t.state.sliceDoc(s, g), { text: b } = j(t, i, l);
+        o.push(
           h.replace({
-            widget: new je(d, Ve(t, o), b)
+            widget: new Je(d, rr(t, n), b)
           }).range(i, l)
         );
       }
       return !a.includes(c);
     }
-  }), h.set(n, !1);
+  }), h.set(o, !1);
 }
-const Ve = (t, r) => {
-  const n = r.parent.getChild("URL");
-  if (n !== null) {
-    const { from: c, to: i } = n;
+const rr = (t, r) => {
+  const o = r.parent.getChild("URL");
+  if (o !== null) {
+    const { from: c, to: i } = o;
     return t.state.sliceDoc(c, i);
   }
   return null;
-}, Xe = (t, r) => t.ctrlKey ? Ze(
+}, tr = (t, r) => t.ctrlKey ? ar(
   t.target
   /* as HTMLElement */
-) : !1, Ze = (t) => {
+) : !1, ar = (t) => {
   const r = t.parentElement ?? !1;
   if (t.nodeName === "IMG" && r && r.nodeName === "A" && r.classList.contains("url"))
     return !0;
-}, Je = w.baseTheme({}), er = (t = {}) => {
+}, or = B.baseTheme({}), nr = (t = {}) => {
   const {
     hideMarks: r = !0
   } = t;
   return [
-    C(Ue, {}, { eventHandlers: { mousedown: Xe } }),
-    Je
+    v(er, {}, { eventHandlers: { mousedown: tr } }),
+    or
   ];
 };
-class z extends M {
+class Z extends E {
   constructor(r, a = !1) {
     super(), this.content = r, this.tag = a;
   }
@@ -4606,8 +4692,8 @@ class z extends M {
     const r = document.createElement("div");
     r.className = "cm-html-widget", r.setAttribute("aria-hidden", "true");
     const a = this.content.replace(/^```html\n?/, "").replace(/```$/, "").trim();
-    return r.innerHTML = (this.tag ? '<span class="cm-rendered-tag">RTAG</span>' : "") + a, r.querySelectorAll("script").forEach((n) => {
-      n.parentNode.removeChild(n);
+    return r.innerHTML = (this.tag ? '<span class="cm-rendered-tag">RTAG</span>' : "") + a, r.querySelectorAll("script").forEach((o) => {
+      o.parentNode.removeChild(o);
     }), r;
   }
   ignoreEvent(r) {
@@ -4617,20 +4703,20 @@ class z extends M {
     return r.content === this.content;
   }
 }
-const X = ie.define(), rr = ge.define({
+const V = se.define(), lr = ie.define({
   create(t) {
     return h.none;
   },
   update(t, r) {
     t = t.map(r.changes);
     for (let a of r.effects)
-      if (a.is(X))
+      if (a.is(V))
         return a.value;
     return t;
   },
-  provide: (t) => q.decorations.from(t)
+  provide: (t) => A.decorations.from(t)
 });
-function tr(t) {
+function cr(t) {
   const r = [
     /<br>/,
     /<img .*\/>/
@@ -4638,27 +4724,27 @@ function tr(t) {
     HTMLBlock: (c, i) => {
       const l = t.state.doc.sliceString(c, i);
       return [h.replace({
-        widget: new z(l),
+        widget: new Z(l),
         inclusive: !1
       }).range(c, i)];
     },
     HTMLTag: (c, i) => {
       const l = t.state.doc.sliceString(c, i);
-      return console.log(l), r.some((o) => o.test(l)) ? (console.log(l), [
+      return console.log(l), r.some((n) => n.test(l)) ? (console.log(l), [
         h.replace({
-          widget: new z(l, !0),
+          widget: new Z(l, !0),
           inclusive: !1
         }).range(c, i)
       ]) : [];
     }
-  }, n = [];
-  return v(t, {
-    enter: ({ type: c, from: i, to: l, node: o }) => {
-      c.name in a && (!N(t, i, l) || !t.hasFocus) && n.push(...a[c.name](i, l));
+  }, o = [];
+  return L(t, {
+    enter: ({ type: c, from: i, to: l, node: n }) => {
+      c.name in a && (!N(t, i, l) || !t.hasFocus) && o.push(...a[c.name](i, l));
     }
-  }), h.set(n);
+  }), h.set(o);
 }
-const ar = w.baseTheme({
+const sr = B.baseTheme({
   "& .cm-html-widget": {
     all: "unset"
     // outline: "red solid 2px",
@@ -4670,62 +4756,62 @@ const ar = w.baseTheme({
     marginTop: "0"
   },
   "& .cm-widgetBuffer": { display: "none" }
-}), or = q.updateListener.of((t) => {
+}), ir = A.updateListener.of((t) => {
   if (t.selectionSet || t.docChanged || t.focusChanged || t.geometryChanged) {
-    const r = tr(t.view);
-    t.view.dispatch({ effects: X.of(r) });
+    const r = cr(t.view);
+    t.view.dispatch({ effects: V.of(r) });
   }
-}), nr = (t = {}) => [
-  rr,
-  or,
-  ar
-], lr = (t = { markdown: {} }) => {
+}), gr = (t = {}) => [
+  lr,
+  ir,
+  sr
+], hr = (t = { markdown: {} }) => {
   const {
     markdown: {
       defaultCodeLanguage: r,
       codeLanguages: a,
-      addKeymap: n,
+      addKeymap: o,
       base: c,
       completeHTMLTags: i,
       htmlTagLanguage: l,
-      extensions: o = []
+      extensions: n = []
     },
     inline: s,
     Heading: g,
     Hr: d,
     List: b,
-    Code: y
-  } = t, f = {
+    Code: k
+  } = t, u = {
     defaultCodeLanguage: r,
-    codeLanguages: a || ee,
-    addKeymap: n,
+    codeLanguages: a || J,
+    addKeymap: o,
     base: c,
     completeHTMLTags: i,
     htmlTagLanguage: l,
-    extensions: [...o, te, de, Ke]
+    extensions: [...n, re, he, _e]
   };
   return [
-    re(f),
-    qe.of(He()),
+    ee(u),
+    De.of(Se()),
     Q(s),
-    j(g),
-    _(b),
-    G(d),
-    Y(),
-    Ye(),
-    er(),
-    Ie(),
-    nr()
+    _(g),
+    K(b),
+    z(d),
+    G(),
+    Xe(),
+    nr(),
+    Ke(),
+    gr()
   ];
 };
-typeof window < "u" && (window.gnosis = lr, window.HrPlugin = G, window.ListPlugin = _, window.CodePlugin = Y, window.InlinePlugin = Q, window.HeadingPlugin = j);
+typeof window < "u" && (window.gnosis = hr, window.HrPlugin = z, window.ListPlugin = K, window.CodePlugin = G, window.InlinePlugin = Q, window.HeadingPlugin = _);
 export {
-  Y as CodePlugin,
-  j as HeadingPlugin,
-  G as HrPlugin,
+  G as CodePlugin,
+  _ as HeadingPlugin,
+  z as HrPlugin,
   Q as InlinePlugin,
-  _ as ListPlugin,
-  He as catppuccin,
-  lr as gnosis,
-  qe as themeVariant
+  K as ListPlugin,
+  Se as catppuccin,
+  hr as gnosis,
+  De as themeVariant
 };