@arkitektbedriftene/fe-lib 0.3.18 → 0.3.20

package/dist/rich-text.es.js

@@ -1,180 +1,208 @@
-import { createHeadlessEditor as G } from "@lexical/headless";
-import { $generateHtmlFromNodes as Q } from "@lexical/html";
-import { $getRoot as I, ParagraphNode as V, $createParagraphNode as R, $createTextNode as J, SELECTION_CHANGE_COMMAND as $, $getSelection as y, COMMAND_PRIORITY_CRITICAL as F, $isRangeSelection as N, $isRootOrShadowRoot as X, DEPRECATED_$isGridSelection as E, FORMAT_TEXT_COMMAND as L } from "lexical";
-import { trimTextContentFromAnchor as Y, $setBlocksType as H } from "@lexical/selection";
-import { AutoLinkNode as Z, LinkNode as tt } from "@lexical/link";
-import { ListNode as O, ListItemNode as et, $isListNode as rt, INSERT_UNORDERED_LIST_COMMAND as ot, INSERT_ORDERED_LIST_COMMAND as at, INSERT_CHECK_LIST_COMMAND as nt } from "@lexical/list";
-import { HeadingNode as it, QuoteNode as st, $isHeadingNode as lt, $createHeadingNode as dt, $createQuoteNode as ct } from "@lexical/rich-text";
-import { TableNode as ht, TableRowNode as pt, TableCellNode as ut } from "@lexical/table";
-import { jsx as e, jsxs as C, Fragment as D } from "react/jsx-runtime";
-import { createContext as gt, useState as M, useRef as j, useCallback as k, useContext as mt, useEffect as W, useMemo as _, useLayoutEffect as ft } from "react";
-import { c as w, s as A, D as kt, T as Mt, a as m, B as S, b as vt, d as x, u as Ct, e as bt, f as Tt, g as Lt, o as xt, h as yt, i as Nt, j as wt, F as St, O as zt, k as Et, l as Ht, S as Bt } from "./DropdownMenu-cae60146.js";
-import { LexicalComposer as It } from "@lexical/react/LexicalComposer.js";
-import { RichTextPlugin as Rt } from "@lexical/react/LexicalRichTextPlugin.js";
-import $t from "@lexical/react/LexicalErrorBoundary.js";
-import { useLexicalComposerContext as P } from "@lexical/react/LexicalComposerContext";
-import { $getNearestNodeOfType as Ft, $findMatchingParent as Ot, mergeRegister as Dt } from "@lexical/utils";
-import { G as d } from "./index.esm-d078f232.js";
+import { createHeadlessEditor as dt } from "@lexical/headless";
+import { $generateHtmlFromNodes as ct } from "@lexical/html";
+import { $getRoot as _, ParagraphNode as ht, $createParagraphNode as R, $createTextNode as $, $setSelection as G, SELECTION_CHANGE_COMMAND as Q, $getSelection as L, COMMAND_PRIORITY_CRITICAL as X, $isRangeSelection as N, $isRootOrShadowRoot as ut, DEPRECATED_$isGridSelection as H, FORMAT_TEXT_COMMAND as E, COMMAND_PRIORITY_LOW as T, KEY_ARROW_DOWN_COMMAND as pt, KEY_ARROW_UP_COMMAND as gt, KEY_ESCAPE_COMMAND as ft, KEY_SPACE_COMMAND as mt, $getNearestNodeFromDOMNode as A, KEY_ARROW_LEFT_COMMAND as kt, $isElementNode as Mt } from "lexical";
+import { trimTextContentFromAnchor as vt, $setBlocksType as F } from "@lexical/selection";
+import { AutoLinkNode as Ct, LinkNode as bt } from "@lexical/link";
+import { ListNode as V, ListItemNode as Tt, $isListNode as W, INSERT_UNORDERED_LIST_COMMAND as Lt, INSERT_ORDERED_LIST_COMMAND as Nt, INSERT_CHECK_LIST_COMMAND as J, insertList as yt, $isListItemNode as y } from "@lexical/list";
+import { HeadingNode as xt, QuoteNode as Et, $isHeadingNode as St, $createHeadingNode as wt, $createQuoteNode as It } from "@lexical/rich-text";
+import { TableNode as Ot, TableRowNode as _t, TableCellNode as Rt } from "@lexical/table";
+import { jsx as o, jsxs as C, Fragment as j } from "react/jsx-runtime";
+import { createContext as zt, useState as v, useRef as Z, useCallback as M, useContext as Bt, useEffect as z, useMemo as tt, useLayoutEffect as Dt } from "react";
+import { c as w, s as et, D as Ht, T as Ft, a as m, B as O, b as Pt, d as S, u as $t, e as At, f as Wt, g as jt, o as Kt, h as Ut, i as Yt, j as qt, F as Gt, O as Qt, k as Xt, l as Vt, S as Jt } from "./DropdownMenu-7a3b57bd.js";
+import { LexicalComposer as Zt } from "@lexical/react/LexicalComposer.js";
+import { RichTextPlugin as te } from "@lexical/react/LexicalRichTextPlugin.js";
+import ee from "@lexical/react/LexicalErrorBoundary.js";
+import { useLexicalComposerContext as B } from "@lexical/react/LexicalComposerContext.js";
+import { $getNearestNodeOfType as re, $findMatchingParent as rt, mergeRegister as ot, isHTMLElement as K } from "@lexical/utils";
+import { G as h } from "./index.esm-d078f232.js";
+import { ListPlugin as oe } from "@lexical/react/LexicalListPlugin.js";
+import { HistoryPlugin as ne } from "@lexical/react/LexicalHistoryPlugin.js";
+import { TablePlugin as ae } from "@lexical/react/LexicalTablePlugin.js";
+import { TabIndentationPlugin as ie } from "@lexical/react/LexicalTabIndentationPlugin.js";
 import "react-dom";
 import "@radix-ui/react-toolbar";
 import "@radix-ui/react-dropdown-menu";
-const jt = ({
+const se = ({
   text: t,
-  maxChars: a,
-  maxLines: r
+  maxChars: r,
+  maxLines: e
 }) => {
   if (t.length === 0)
     return 0;
-  const o = typeof r == "number", i = typeof a == "number";
-  if (!o && !i)
+  const n = typeof e == "number", a = typeof r == "number";
+  if (!n && !a)
     return t.length;
-  let l = 0, s = 0;
-  for (; s < t.length && (!o || l < r) && (!i || s < a); )
-    t[s] === `
-` && l++, s++;
-  return t.slice(0, s).length;
-}, Wt = ({
+  let s = 0, i = 0;
+  for (; i < t.length && (!n || s < e) && (!a || i < r); )
+    t[i] === `
+` && s++, i++;
+  return t.slice(0, i).length;
+}, le = ({
   editor: t,
-  maxChars: a,
-  maxLines: r
+  maxChars: r,
+  maxLines: e
 }) => {
-  const o = I(), i = o.getTextContent(), l = jt({ text: i, maxChars: a, maxLines: r }), s = i.length - l, f = o.select().anchor;
-  Y(t, f, s);
-  const n = o.getLastChild();
-  return n instanceof V && n.getChildrenSize() === 0 && n.remove(), s;
-}, _t = (t) => t[0] === "{", We = (t, a, r) => {
-  let o = 0;
-  const i = G({
-    nodes: a,
+  const n = _(), a = n.getTextContent(), s = se({ text: a, maxChars: r, maxLines: e }), i = a.length - s, p = n.select().anchor;
+  vt(t, p, i);
+  const l = n.getLastChild();
+  return l instanceof ht && l.getChildrenSize() === 0 && l.remove(), i;
+}, nt = (t) => t[0] === "{", de = (t) => t !== null && typeof t == "object" && "isEmpty" in t, ce = (t, r) => {
+  t.update(
+    () => {
+      const e = _();
+      e.clear();
+      const n = R();
+      n.append($("")), e.append(n), G(null);
+    },
+    {
+      tag: r
+    }
+  );
+}, he = (t, r, e) => {
+  r.update(
+    () => {
+      const n = _();
+      n.clear();
+      const a = R();
+      a.append($(t.trim())), n.append(a), G(null);
+    },
+    {
+      tag: e
+    }
+  ), r.blur();
+}, vr = (t, r, e) => {
+  let n = 0;
+  const a = dt({
+    nodes: r,
     editable: !1
   });
   if (t)
     try {
-      if (typeof t == "string" && !_t(t))
-        i.update(() => {
-          const s = I(), p = R();
-          p.append(J(t.trim())), s.append(p);
+      if (typeof t == "string" && !nt(t))
+        a.update(() => {
+          const i = _(), d = R();
+          d.append($(t.trim())), i.append(d);
         });
       else {
-        const s = i.parseEditorState(t, () => {
-          o = Wt({
-            editor: i,
-            maxLines: r == null ? void 0 : r.maxLines
+        const i = a.parseEditorState(t, () => {
+          n = le({
+            editor: a,
+            maxLines: e == null ? void 0 : e.maxLines
           });
         });
-        s.isEmpty() || i.setEditorState(s);
+        i.isEmpty() || a.setEditorState(i);
       }
-    } catch (s) {
-      console.error(s);
+    } catch (i) {
+      console.error(i);
     }
-  let l = "";
-  return i.update(() => {
-    l = Q(i);
-  }), { html: l, trimCount: o };
-}, _e = [
-  it,
-  st,
-  O,
-  et,
-  Z,
-  tt,
-  ht,
-  pt,
-  ut
-], At = w({
+  let s = "";
+  return a.update(() => {
+    s = ct(a);
+  }), { html: s, trimCount: n };
+}, Cr = [
+  xt,
+  Et,
+  V,
+  Tt,
+  Ct,
+  bt,
+  Ot,
+  _t,
+  Rt
+], ue = w({
   fontWeight: "bold"
-}), Pt = w({
+}), pe = w({
   fontStyle: "italic"
-}), Ut = w({
+}), ge = w({
   textDecoration: "underline"
-}), qt = w({
+}), fe = w({
   listStyleType: "none"
-}), Kt = w({
+}), me = w({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
   margin: "1.5em 10px",
   padding: "0.5em 10px"
-}), Gt = {
-  quote: Kt().className,
+}), ke = {
+  quote: me().className,
   text: {
-    bold: At().className,
-    italic: Pt().className,
-    underline: Ut().className
+    bold: ue().className,
+    italic: pe().className,
+    underline: ge().className
   },
   list: {
     nested: {
-      listitem: qt().className
+      listitem: fe().className
     }
   }
-}, U = gt({ hasFocus: !1, editorRef: { current: null } }), Qt = ({ onBlur: t }) => {
-  const [a, r] = M(!1), o = j(null), i = k(() => {
-    r(!0), o.current && window.clearTimeout(o.current);
-  }, []), l = k(() => {
-    o.current = window.setTimeout(() => {
-      r(!1), t == null || t();
+}, at = zt({ hasFocus: !1, editorRef: { current: null } }), Me = ({ onBlur: t }) => {
+  const [r, e] = v(!1), n = Z(null), a = M(() => {
+    e(!0), n.current && window.clearTimeout(n.current);
+  }, []), s = M(() => {
+    n.current = window.setTimeout(() => {
+      e(!1), t == null || t();
     }, 0);
   }, [t]);
   return {
-    hasFocus: a,
+    hasFocus: r,
     attributes: {
-      onFocus: i,
-      onBlur: l
+      onFocus: a,
+      onBlur: s
     }
   };
-}, Vt = () => mt(U);
-function Jt(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 5h6a3.5 3.5 0 0 1 0 7h-6z" } }, { tag: "path", attr: { d: "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" } }] })(t);
+}, ve = () => Bt(at);
+function Ce(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 5h6a3.5 3.5 0 0 1 0 7h-6z" } }, { tag: "path", attr: { d: "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" } }] })(t);
 }
-function Xt(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 8l-4 4l4 4" } }, { tag: "path", attr: { d: "M17 8l4 4l-4 4" } }, { tag: "path", attr: { d: "M14 4l-4 16" } }] })(t);
+function be(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 8l-4 4l4 4" } }, { tag: "path", attr: { d: "M17 8l4 4l-4 4" } }, { tag: "path", attr: { d: "M14 4l-4 16" } }] })(t);
 }
-function Yt(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 18v-8l-2 2" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function Te(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 18v-8l-2 2" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function Zt(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function Le(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function te(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 14a2 2 0 1 0 -2 -2" } }, { tag: "path", attr: { d: "M17 16a2 2 0 1 0 2 -2" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function Ne(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 14a2 2 0 1 0 -2 -2" } }, { tag: "path", attr: { d: "M17 16a2 2 0 1 0 2 -2" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function ee(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M20 18v-8l-4 6h5" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function ye(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M20 18v-8l-4 6h5" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function re(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17 18h2a2 2 0 1 0 0 -4h-2v-4h4" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function xe(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17 18h2a2 2 0 1 0 0 -4h-2v-4h4" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function oe(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 14a2 2 0 1 0 0 4a2 2 0 0 0 0 -4z" } }, { tag: "path", attr: { d: "M21 12a2 2 0 1 0 -4 0v4" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
+function Ee(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 14a2 2 0 1 0 0 4a2 2 0 0 0 0 -4z" } }, { tag: "path", attr: { d: "M21 12a2 2 0 1 0 -4 0v4" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
-function ae(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 5l6 0" } }, { tag: "path", attr: { d: "M7 19l6 0" } }, { tag: "path", attr: { d: "M14 5l-4 14" } }] })(t);
+function Se(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 5l6 0" } }, { tag: "path", attr: { d: "M7 19l6 0" } }, { tag: "path", attr: { d: "M14 5l-4 14" } }] })(t);
 }
-function ne(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" } }, { tag: "path", attr: { d: "M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" } }, { tag: "path", attr: { d: "M3 13h7" } }, { tag: "path", attr: { d: "M21 12v7" } }] })(t);
+function we(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" } }, { tag: "path", attr: { d: "M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" } }, { tag: "path", attr: { d: "M3 13h7" } }, { tag: "path", attr: { d: "M21 12v7" } }] })(t);
 }
-function ie(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M3.5 5.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 11.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 17.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M11 6l9 0" } }, { tag: "path", attr: { d: "M11 12l9 0" } }, { tag: "path", attr: { d: "M11 18l9 0" } }] })(t);
+function Ie(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M3.5 5.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 11.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 17.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M11 6l9 0" } }, { tag: "path", attr: { d: "M11 12l9 0" } }, { tag: "path", attr: { d: "M11 18l9 0" } }] })(t);
 }
-function se(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 6h9" } }, { tag: "path", attr: { d: "M11 12h9" } }, { tag: "path", attr: { d: "M12 18h8" } }, { tag: "path", attr: { d: "M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" } }, { tag: "path", attr: { d: "M6 10v-6l-2 2" } }] })(t);
+function Oe(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 6h9" } }, { tag: "path", attr: { d: "M11 12h9" } }, { tag: "path", attr: { d: "M12 18h8" } }, { tag: "path", attr: { d: "M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" } }, { tag: "path", attr: { d: "M6 10v-6l-2 2" } }] })(t);
 }
-function le(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M9 6l11 0" } }, { tag: "path", attr: { d: "M9 12l11 0" } }, { tag: "path", attr: { d: "M9 18l11 0" } }, { tag: "path", attr: { d: "M5 6l0 .01" } }, { tag: "path", attr: { d: "M5 12l0 .01" } }, { tag: "path", attr: { d: "M5 18l0 .01" } }] })(t);
+function _e(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M9 6l11 0" } }, { tag: "path", attr: { d: "M9 12l11 0" } }, { tag: "path", attr: { d: "M9 18l11 0" } }, { tag: "path", attr: { d: "M5 6l0 .01" } }, { tag: "path", attr: { d: "M5 12l0 .01" } }, { tag: "path", attr: { d: "M5 18l0 .01" } }] })(t);
 }
-function de(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M10 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5" } }, { tag: "path", attr: { d: "M19 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5" } }] })(t);
+function Re(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M10 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5" } }, { tag: "path", attr: { d: "M19 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5" } }] })(t);
 }
-function ce(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M5 7l8 10m-8 0l8 -10" } }, { tag: "path", attr: { d: "M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" } }] })(t);
+function ze(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M5 7l8 10m-8 0l8 -10" } }, { tag: "path", attr: { d: "M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" } }] })(t);
 }
-function he(t) {
-  return d({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 5v5a5 5 0 0 0 10 0v-5" } }, { tag: "path", attr: { d: "M5 19h14" } }] })(t);
+function Be(t) {
+  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 5v5a5 5 0 0 0 10 0v-5" } }, { tag: "path", attr: { d: "M5 19h14" } }] })(t);
 }
-const pe = A("div", {
+const De = et("div", {
   width: "10rem",
   display: "flex"
-}), q = {
+}), it = {
   bullet: "Punktliste",
   h1: "Overskrift 1",
   h2: "Overskrift 2",
@@ -186,257 +214,442 @@ const pe = A("div", {
   paragraph: "Normal",
   quote: "Sitat",
   check: "Avkrysningsliste"
-}, ue = {
-  bullet: /* @__PURE__ */ e(le, { size: "1.25rem" }),
-  h1: /* @__PURE__ */ e(Yt, { size: "1.25rem" }),
-  h2: /* @__PURE__ */ e(Zt, { size: "1.25rem" }),
-  h3: /* @__PURE__ */ e(te, { size: "1.25rem" }),
-  h4: /* @__PURE__ */ e(ee, { size: "1.25rem" }),
-  h5: /* @__PURE__ */ e(re, { size: "1.25rem" }),
-  h6: /* @__PURE__ */ e(oe, { size: "1.25rem" }),
-  number: /* @__PURE__ */ e(se, { size: "1.25rem" }),
-  check: /* @__PURE__ */ e(ie, { size: "1.25rem" }),
-  paragraph: /* @__PURE__ */ e(ne, { size: "1.25rem" }),
-  quote: /* @__PURE__ */ e(de, { size: "1.25rem" })
-}, g = ({
+}, He = {
+  bullet: /* @__PURE__ */ o(_e, { size: "1.25rem" }),
+  h1: /* @__PURE__ */ o(Te, { size: "1.25rem" }),
+  h2: /* @__PURE__ */ o(Le, { size: "1.25rem" }),
+  h3: /* @__PURE__ */ o(Ne, { size: "1.25rem" }),
+  h4: /* @__PURE__ */ o(ye, { size: "1.25rem" }),
+  h5: /* @__PURE__ */ o(xe, { size: "1.25rem" }),
+  h6: /* @__PURE__ */ o(Ee, { size: "1.25rem" }),
+  number: /* @__PURE__ */ o(Oe, { size: "1.25rem" }),
+  check: /* @__PURE__ */ o(Ie, { size: "1.25rem" }),
+  paragraph: /* @__PURE__ */ o(we, { size: "1.25rem" }),
+  quote: /* @__PURE__ */ o(Re, { size: "1.25rem" })
+}, f = ({
   blockType: t
-}) => /* @__PURE__ */ C(D, { children: [
-  /* @__PURE__ */ e(S, { css: { display: "flex" }, children: ue[t] }),
-  /* @__PURE__ */ e(S, { children: q[t] })
-] }), ge = (t) => {
+}) => /* @__PURE__ */ C(j, { children: [
+  /* @__PURE__ */ o(O, { css: { display: "flex", flex: "0 0 auto" }, children: He[t] }),
+  /* @__PURE__ */ o(
+    O,
+    {
+      css: {
+        flex: "1 1 auto",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      children: it[t]
+    }
+  )
+] }), Fe = (t) => {
   if (!N(t))
     return null;
-  const a = t.anchor.getNode();
-  let r = a.getKey() === "root" ? a : Ot(a, (o) => {
-    const i = o.getParent();
-    return i !== null && X(i);
+  const r = t.anchor.getNode();
+  let e = r.getKey() === "root" ? r : rt(r, (n) => {
+    const a = n.getParent();
+    return a !== null && ut(a);
   });
-  return r === null && (r = a.getTopLevelElementOrThrow()), {
-    anchorNode: a,
-    element: r
+  return e === null && (e = r.getTopLevelElementOrThrow()), {
+    anchorNode: r,
+    element: e
   };
-}, me = () => {
-  const [t] = P(), [a, r] = M("paragraph");
-  W(() => t.registerCommand(
-    $,
+}, Pe = () => {
+  const [t] = B(), [r, e] = v("paragraph");
+  z(() => t.registerCommand(
+    Q,
     () => {
-      const n = y(), u = ge(n);
-      if (!u)
+      const l = L(), g = Fe(l);
+      if (!g)
         return !1;
-      const { element: c, anchorNode: b } = u, T = c.getKey();
-      if (t.getElementByKey(T) !== null)
-        if (rt(c)) {
-          const v = Ft(
-            b,
-            O
-          ), z = v ? v.getListType() : c.getListType();
-          r(z);
+      const { element: c, anchorNode: x } = g, b = c.getKey();
+      if (t.getElementByKey(b) !== null)
+        if (W(c)) {
+          const k = re(
+            x,
+            V
+          ), D = k ? k.getListType() : c.getListType();
+          e(D);
         } else {
-          const v = lt(c) ? c.getTag() : c.getType();
-          v in q && r(v);
+          const k = St(c) ? c.getTag() : c.getType();
+          k in it && e(k);
         }
       return !1;
     },
-    F
+    X
   ), [t]);
-  const o = (n) => {
-    a !== n && t.update(() => {
-      const u = y();
-      (N(u) || E(u)) && (H(u, () => dt(n)), r(n));
+  const n = (l) => {
+    r !== l && t.update(() => {
+      const g = L();
+      (N(g) || H(g)) && (F(g, () => wt(l)), e(l));
     });
   };
-  return /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ C(
-    kt,
+  return /* @__PURE__ */ o(De, { children: /* @__PURE__ */ C(
+    Ht,
     {
-      trigger: /* @__PURE__ */ e(
-        Mt,
+      trigger: /* @__PURE__ */ o(
+        Ft,
         {
           dropdown: !0,
           css: { display: "flex", width: "100%", overflow: "hidden" },
-          children: /* @__PURE__ */ e(g, { blockType: a })
+          children: /* @__PURE__ */ o(f, { blockType: r })
         }
       ),
       side: "bottom",
       align: "start",
       children: [
-        /* @__PURE__ */ e(m, { onClick: () => {
-          a !== "paragraph" && t.update(() => {
-            const n = y();
-            (N(n) || E(n)) && (H(n, () => R()), r("paragraph"));
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "paragraph" && t.update(() => {
+            const l = L();
+            (N(l) || H(l)) && (F(l, () => R()), e("paragraph"));
           });
-        }, children: /* @__PURE__ */ e(g, { blockType: "paragraph" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h1"), children: /* @__PURE__ */ e(g, { blockType: "h1" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h2"), children: /* @__PURE__ */ e(g, { blockType: "h2" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h3"), children: /* @__PURE__ */ e(g, { blockType: "h3" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h4"), children: /* @__PURE__ */ e(g, { blockType: "h4" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h5"), children: /* @__PURE__ */ e(g, { blockType: "h5" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => o("h6"), children: /* @__PURE__ */ e(g, { blockType: "h6" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => {
-          a !== "bullet" && (t.dispatchCommand(ot, void 0), r("bullet"));
-        }, children: /* @__PURE__ */ e(g, { blockType: "bullet" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => {
-          a !== "number" && (t.dispatchCommand(at, void 0), r("number"));
-        }, children: /* @__PURE__ */ e(g, { blockType: "number" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => {
-          a !== "check" && (t.dispatchCommand(nt, void 0), r("check"));
-        }, children: /* @__PURE__ */ e(g, { blockType: "check" }) }),
-        /* @__PURE__ */ e(m, { onClick: () => {
-          a !== "quote" && t.update(() => {
-            const n = y();
-            (N(n) || E(n)) && (H(n, () => ct()), r("quote"));
+        }, children: /* @__PURE__ */ o(f, { blockType: "paragraph" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h1"), children: /* @__PURE__ */ o(f, { blockType: "h1" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h2"), children: /* @__PURE__ */ o(f, { blockType: "h2" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h3"), children: /* @__PURE__ */ o(f, { blockType: "h3" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h4"), children: /* @__PURE__ */ o(f, { blockType: "h4" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h5"), children: /* @__PURE__ */ o(f, { blockType: "h5" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => n("h6"), children: /* @__PURE__ */ o(f, { blockType: "h6" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "bullet" && (t.dispatchCommand(Lt, void 0), e("bullet"));
+        }, children: /* @__PURE__ */ o(f, { blockType: "bullet" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "number" && (t.dispatchCommand(Nt, void 0), e("number"));
+        }, children: /* @__PURE__ */ o(f, { blockType: "number" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "check" && (t.dispatchCommand(J, void 0), e("check"));
+        }, children: /* @__PURE__ */ o(f, { blockType: "check" }) }),
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "quote" && t.update(() => {
+            const l = L();
+            (N(l) || H(l)) && (F(l, () => It()), e("quote"));
           });
-        }, children: /* @__PURE__ */ e(g, { blockType: "quote" }) })
+        }, children: /* @__PURE__ */ o(f, { blockType: "quote" }) })
       ]
     }
   ) });
-}, fe = () => {
-  const [t] = P(), [a, r] = M(!1), [o, i] = M(!1), [l, s] = M(!1), [p, f] = M(!1), [n, u] = M(!1), c = k(() => {
-    const h = y();
-    N(h) && (r(h.hasFormat("bold")), i(h.hasFormat("italic")), s(h.hasFormat("underline")), f(h.hasFormat("code")), u(h.hasFormat("superscript")));
+}, $e = () => {
+  const [t] = B(), [r, e] = v(!1), [n, a] = v(!1), [s, i] = v(!1), [d, p] = v(!1), [l, g] = v(!1), c = M(() => {
+    const u = L();
+    N(u) && (e(u.hasFormat("bold")), a(u.hasFormat("italic")), i(u.hasFormat("underline")), p(u.hasFormat("code")), g(u.hasFormat("superscript")));
   }, []);
-  W(() => Dt(
+  z(() => ot(
     t.registerCommand(
-      $,
+      Q,
       () => (c(), !1),
-      F
+      X
     ),
-    t.registerUpdateListener(({ editorState: h }) => {
-      h.read(() => {
+    t.registerUpdateListener(({ editorState: u }) => {
+      u.read(() => {
         c();
       });
     })
   ), [t, c]);
-  const b = k(
-    () => t.dispatchCommand(L, "bold"),
+  const x = M(
+    () => t.dispatchCommand(E, "bold"),
     [t]
-  ), T = k(
-    () => t.dispatchCommand(L, "italic"),
+  ), b = M(
+    () => t.dispatchCommand(E, "italic"),
     [t]
-  ), B = k(
-    () => t.dispatchCommand(L, "underline"),
+  ), I = M(
+    () => t.dispatchCommand(E, "underline"),
     [t]
-  ), v = k(
-    () => t.dispatchCommand(L, "code"),
+  ), k = M(
+    () => t.dispatchCommand(E, "code"),
     [t]
-  ), z = k(
-    () => t.dispatchCommand(L, "superscript"),
+  ), D = M(
+    () => t.dispatchCommand(E, "superscript"),
     [t]
-  ), K = _(() => {
-    const h = [];
-    return a && h.push("bold"), o && h.push("italic"), l && h.push("underline"), p && h.push("code"), n && h.push("superscript"), h;
-  }, [a, o, l, p, n]);
+  ), lt = tt(() => {
+    const u = [];
+    return r && u.push("bold"), n && u.push("italic"), s && u.push("underline"), d && u.push("code"), l && u.push("superscript"), u;
+  }, [r, n, s, d, l]);
   return /* @__PURE__ */ C(
-    vt,
+    Pt,
     {
       type: "multiple",
       "aria-label": "Tekstformattering",
-      value: K,
+      value: lt,
       children: [
-        /* @__PURE__ */ e(
-          x,
+        /* @__PURE__ */ o(
+          S,
           {
-            onClick: b,
+            onClick: x,
             title: "Fet tekst",
             value: "bold",
-            children: /* @__PURE__ */ e(Jt, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(Ce, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ e(
-          x,
+        /* @__PURE__ */ o(
+          S,
           {
-            onClick: T,
+            onClick: b,
             title: "Kursiv tekst",
             value: "italic",
-            children: /* @__PURE__ */ e(ae, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(Se, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ e(
-          x,
+        /* @__PURE__ */ o(
+          S,
           {
-            onClick: B,
+            onClick: I,
             title: "Understreket tekst",
             value: "underline",
-            children: /* @__PURE__ */ e(he, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(Be, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ e(
-          x,
+        /* @__PURE__ */ o(
+          S,
           {
-            onClick: v,
+            onClick: k,
             title: "Kode",
             value: "code",
-            children: /* @__PURE__ */ e(Xt, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(be, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ e(
-          x,
+        /* @__PURE__ */ o(
+          S,
           {
-            onClick: z,
+            onClick: D,
             title: "Superscript",
             value: "superscript",
-            children: /* @__PURE__ */ e(ce, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(ze, { size: "1.25rem" })
           }
         )
       ]
     }
   );
-}, ke = ({ children: t }) => {
-  const { hasFocus: a, editorRef: r } = Vt(), o = a, [i, l] = M(o);
-  ft(() => {
-    l(o);
-  }, [o]);
-  const { context: s, refs: p, floatingStyles: f } = Ct({
+}, Ae = ({ children: t }) => {
+  const { hasFocus: r, editorRef: e } = ve(), n = r, [a, s] = v(n);
+  Dt(() => {
+    s(n);
+  }, [n]);
+  const { context: i, refs: d, floatingStyles: p } = $t({
     placement: "top",
-    whileElementsMounted: bt,
+    whileElementsMounted: At,
     middleware: [
-      Tt({
-        apply: ({ rects: u, elements: c }) => {
-          c.floating.style.minWidth = `${u.reference.width}px`;
+      Wt({
+        apply: ({ rects: g, elements: c }) => {
+          c.floating.style.minWidth = `${g.reference.width}px`;
         }
       }),
-      Lt(),
-      xt({
+      jt(),
+      Kt({
         mainAxis: 8
       }),
-      yt({
+      Ut({
         padding: 8
       })
     ],
-    open: i,
-    onOpenChange: l,
+    open: a,
+    onOpenChange: s,
     elements: {
-      reference: r.current
+      reference: e.current
     }
-  }), { getFloatingProps: n } = Nt([
-    wt(s, {
+  }), { getFloatingProps: l } = Yt([
+    qt(i, {
       role: "dialog"
     })
   ]);
-  return i ? /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(
-    zt,
+  return a ? /* @__PURE__ */ o(Gt, { children: /* @__PURE__ */ o(
+    Qt,
     {
-      ref: p.setFloating,
-      style: f,
-      ...n,
+      ref: d.setFloating,
+      style: p,
+      ...l,
       css: {
         border: "1px solid $border",
         borderRadius: "$md",
         overflow: "hidden",
         boxShadow: "$md"
       },
-      children: /* @__PURE__ */ C(Et, { "aria-label": "Formattering", children: [
-        /* @__PURE__ */ e(me, {}),
-        /* @__PURE__ */ e(Ht, {}),
-        /* @__PURE__ */ e(fe, {}),
+      children: /* @__PURE__ */ C(Xt, { "aria-label": "Formattering", children: [
+        /* @__PURE__ */ o(Pe, {}),
+        /* @__PURE__ */ o(Vt, {}),
+        /* @__PURE__ */ o($e, {}),
         t
       ] })
     }
   ) }) : null;
-}, Me = A("div", {
+};
+function We() {
+  const [t] = B();
+  return z(() => ot(
+    t.registerCommand(
+      J,
+      () => (yt(t, "check"), !0),
+      T
+    ),
+    t.registerCommand(
+      pt,
+      (r) => q(r, t, !1),
+      T
+    ),
+    t.registerCommand(
+      gt,
+      (r) => q(r, t, !0),
+      T
+    ),
+    t.registerCommand(
+      ft,
+      (r) => {
+        if (P() != null) {
+          const n = t.getRootElement();
+          return n != null && n.focus(), !0;
+        }
+        return !1;
+      },
+      T
+    ),
+    t.registerCommand(
+      mt,
+      (r) => {
+        const e = P();
+        return e != null && t.isEditable() ? (t.update(() => {
+          const n = A(e);
+          y(n) && (r.preventDefault(), n.toggleChecked());
+        }), !0) : !1;
+      },
+      T
+    ),
+    t.registerCommand(
+      kt,
+      (r) => t.getEditorState().read(() => {
+        const e = L();
+        if (N(e) && e.isCollapsed()) {
+          const { anchor: n } = e, a = n.type === "element";
+          if (a || n.offset === 0) {
+            const s = n.getNode(), i = rt(
+              s,
+              (d) => Mt(d) && !d.isInline()
+            );
+            if (y(i)) {
+              const d = i.getParent();
+              if (W(d) && d.getListType() === "check" && (a || i.getFirstDescendant() === s)) {
+                const p = t.getElementByKey(i.__key);
+                if (p != null && document.activeElement !== p)
+                  return p.focus(), r.preventDefault(), !0;
+              }
+            }
+          }
+        }
+        return !1;
+      }),
+      T
+    ),
+    t.registerRootListener((r, e) => {
+      r !== null && (r.addEventListener("click", U), r.addEventListener("pointerdown", Y)), e !== null && (e.removeEventListener("click", U), e.removeEventListener("pointerdown", Y));
+    })
+  ), [t]), null;
+}
+function st(t, r) {
+  const e = t.target;
+  if (e === null || !K(e))
+    return;
+  const n = e.firstChild;
+  if (n != null && K(n) && (n.tagName === "UL" || n.tagName === "OL"))
+    return;
+  const a = e.parentNode;
+  if (!a || a.__lexicalListType !== "check")
+    return;
+  const s = t.pageX, i = e.getBoundingClientRect();
+  (e.dir === "rtl" ? s < i.right && s > i.right - 20 : s > i.left && s < i.left + 20) && r();
+}
+function U(t) {
+  st(t, () => {
+    const r = t.target, e = je(r);
+    e != null && e.isEditable() && e.update(() => {
+      if (t.target) {
+        const n = A(r);
+        y(n) && (r.focus(), n.toggleChecked());
+      }
+    });
+  });
+}
+function Y(t) {
+  st(t, () => {
+    t.preventDefault();
+  });
+}
+function je(t) {
+  let r = t;
+  for (; r; ) {
+    if (r.__lexicalEditor)
+      return r.__lexicalEditor;
+    r = r.parentNode;
+  }
+  return null;
+}
+function P() {
+  const t = document.activeElement;
+  return t != null && t.tagName === "LI" && t.parentNode != null && // @ts-ignore internal field
+  t.parentNode.__lexicalListType === "check" ? t : null;
+}
+function Ke(t, r) {
+  let e = r ? t.getPreviousSibling() : t.getNextSibling(), n = t;
+  for (; e == null && y(n); )
+    n = n.getParentOrThrow().getParent(), n != null && (e = r ? n.getPreviousSibling() : n.getNextSibling());
+  for (; y(e); ) {
+    const a = r ? e.getLastChild() : e.getFirstChild();
+    if (!W(a))
+      return e;
+    e = r ? a.getLastChild() : a.getFirstChild();
+  }
+  return null;
+}
+function q(t, r, e) {
+  const n = P();
+  return n != null && r.update(() => {
+    const a = A(n);
+    if (!y(a))
+      return;
+    const s = Ke(a, e);
+    if (s != null) {
+      s.selectStart();
+      const i = r.getElementByKey(s.__key);
+      i != null && (t.preventDefault(), setTimeout(() => {
+        i.focus();
+      }, 0));
+    }
+  }), !1;
+}
+const Ue = () => /* @__PURE__ */ C(j, { children: [
+  /* @__PURE__ */ o(oe, {}),
+  /* @__PURE__ */ o(ae, {}),
+  /* @__PURE__ */ o(ne, {}),
+  /* @__PURE__ */ o(We, {}),
+  /* @__PURE__ */ o(ie, {})
+] }), Ye = ({
+  state: t
+}) => {
+  const [r] = B();
+  return z(() => {
+    if (t)
+      try {
+        if (de(t)) {
+          t.isEmpty() ? ce(r) : r.setEditorState(t);
+          return;
+        }
+        if (typeof t == "string" && !nt(t)) {
+          he(t, r);
+          return;
+        }
+        const e = r.parseEditorState(t);
+        e.isEmpty() || r.setEditorState(e);
+      } catch (e) {
+        console.error("Could not parse"), console.error(e);
+      }
+  }, []), null;
+}, qe = et("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
   backgroundColor: "white",
+  padding: "$4",
+  overflowY: "auto",
+  "&>div:focus-visible": {
+    outline: "none"
+  },
   "&:hover": {
     borderColor: "$gray200"
   },
@@ -462,10 +675,10 @@ const pe = A("div", {
       }
     }
   ]
-}), ve = ({
+}), Ge = ({
   isLoading: t
-}) => /* @__PURE__ */ e(
-  S,
+}) => /* @__PURE__ */ o(
+  O,
   {
     css: {
       visibility: t ? "visible" : "hidden",
@@ -474,47 +687,50 @@ const pe = A("div", {
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ e(Bt, {})
+    children: /* @__PURE__ */ o(Jt, {})
   }
-), Ae = ({
+), br = ({
   isLoading: t,
-  children: a,
-  placeholderText: r,
-  nodes: o,
-  plugins: i,
-  toolbarContent: l,
-  content: s,
-  hideBorder: p,
-  onBlur: f
+  children: r,
+  placeholderText: e,
+  nodes: n,
+  plugins: a,
+  toolbarContent: s,
+  content: i,
+  hideBorder: d,
+  onBlur: p,
+  defaultState: l,
+  css: g
 }) => {
-  const { hasFocus: n, attributes: u } = Qt({ onBlur: f }), c = j(null), b = _(() => ({ hasFocus: n, editorRef: c }), [n]);
-  return /* @__PURE__ */ e(U.Provider, { value: b, children: /* @__PURE__ */ C(
-    It,
+  const { hasFocus: c, attributes: x } = Me({ onBlur: p }), b = Z(null), I = tt(() => ({ hasFocus: c, editorRef: b }), [c]);
+  return /* @__PURE__ */ o(at.Provider, { value: I, children: /* @__PURE__ */ C(
+    Zt,
     {
       initialConfig: {
         namespace: "CommentEditor",
-        onError: (T) => {
-          console.error(T);
+        onError: (k) => {
+          console.error(k);
         },
-        theme: Gt,
-        nodes: o,
+        theme: ke,
+        nodes: n,
         editable: !0
       },
       children: [
         /* @__PURE__ */ C(
-          Me,
+          qe,
           {
-            ref: c,
-            hasFocus: n,
-            hideBorder: p,
-            ...u,
+            ref: b,
+            hasFocus: c,
+            hideBorder: d,
+            css: g,
+            ...x,
             children: [
-              /* @__PURE__ */ e(
-                Rt,
+              /* @__PURE__ */ o(
+                te,
                 {
-                  contentEditable: s,
-                  placeholder: r ? /* @__PURE__ */ e(
-                    S,
+                  contentEditable: i,
+                  placeholder: e ? /* @__PURE__ */ o(
+                    O,
                     {
                       css: {
                         position: "absolute",
@@ -524,29 +740,34 @@ const pe = A("div", {
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: r
+                      children: e
                     }
                   ) : null,
-                  ErrorBoundary: $t
+                  ErrorBoundary: ee
                 }
               ),
-              i,
-              /* @__PURE__ */ e(ve, { isLoading: t }),
-              /* @__PURE__ */ e(ke, { children: l })
+              /* @__PURE__ */ o(Ue, {}),
+              a,
+              /* @__PURE__ */ o(Ge, { isLoading: t }),
+              /* @__PURE__ */ o(Ae, { children: s })
             ]
           }
         ),
-        /* @__PURE__ */ e(D, { children: a })
+        /* @__PURE__ */ o(Ye, { state: l }),
+        /* @__PURE__ */ o(j, { children: r })
       ]
     }
   ) });
 };
 export {
-  Ae as RichTextEditor,
-  _e as defaultNodes,
-  _t as isJSON,
-  U as richTextContext,
-  We as stateToHTML,
-  Qt as useHasFocusWithin,
-  Vt as useRichTextContext
+  br as RichTextEditor,
+  ce as clearEditorState,
+  Cr as defaultNodes,
+  de as isEditorState,
+  nt as isJSON,
+  at as richTextContext,
+  he as setStateFromPlainText,
+  vr as stateToHTML,
+  Me as useHasFocusWithin,
+  ve as useRichTextContext
 };