@arkitektbedriftene/fe-lib 0.3.17 → 0.3.19

package/dist/rich-text.es.js

@@ -1,130 +1,655 @@
-import { createHeadlessEditor as y } from "@lexical/headless";
-import { $generateHtmlFromNodes as S } from "@lexical/html";
-import { $getRoot as f, ParagraphNode as E, $createParagraphNode as $, $createTextNode as F } from "lexical";
-import { trimTextContentFromAnchor as L } from "@lexical/selection";
-import { AutoLinkNode as w, LinkNode as v } from "@lexical/link";
-import { ListNode as R, ListItemNode as H } from "@lexical/list";
-import { HeadingNode as k, QuoteNode as P } from "@lexical/rich-text";
-import { TableNode as I, TableRowNode as M, TableCellNode as B } from "@lexical/table";
-import { jsx as a, jsxs as h, Fragment as j } from "react/jsx-runtime";
-import { createContext as q, useState as z, useRef as b, useCallback as p, useContext as A, useMemo as D } from "react";
-import { c as d, s as V, B as x, S as W } from "./DropdownMenu-c57acb78.js";
-import { LexicalComposer as J } from "@lexical/react/LexicalComposer.js";
-import { RichTextPlugin as O } from "@lexical/react/LexicalRichTextPlugin.js";
-import Q from "@lexical/react/LexicalErrorBoundary.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-1eb444b3.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 "./index.esm-d078f232.js";
 import "@radix-ui/react-dropdown-menu";
-const G = ({
-  text: e,
-  maxChars: i,
-  maxLines: n
+const se = ({
+  text: t,
+  maxChars: r,
+  maxLines: e
 }) => {
-  if (e.length === 0)
+  if (t.length === 0)
     return 0;
-  const r = typeof n == "number", o = typeof i == "number";
-  if (!r && !o)
-    return e.length;
-  let s = 0, t = 0;
-  for (; t < e.length && (!r || s < n) && (!o || t < i); )
-    e[t] === `
-` && s++, t++;
-  return e.slice(0, t).length;
-}, K = ({
-  editor: e,
-  maxChars: i,
-  maxLines: n
+  const n = typeof e == "number", a = typeof r == "number";
+  if (!n && !a)
+    return t.length;
+  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: r,
+  maxLines: e
 }) => {
-  const r = f(), o = r.getTextContent(), s = G({ text: o, maxChars: i, maxLines: n }), t = o.length - s, m = r.select().anchor;
-  L(e, m, t);
-  const c = r.getLastChild();
-  return c instanceof E && c.getChildrenSize() === 0 && c.remove(), t;
-}, U = (e) => e[0] === "{", Se = (e, i, n) => {
-  let r = 0;
-  const o = y({
-    nodes: i,
+  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 (e)
+  if (t)
     try {
-      if (typeof e == "string" && !U(e))
-        o.update(() => {
-          const t = f(), l = $();
-          l.append(F(e.trim())), t.append(l);
+      if (typeof t == "string" && !nt(t))
+        a.update(() => {
+          const i = _(), d = R();
+          d.append($(t.trim())), i.append(d);
         });
       else {
-        const t = o.parseEditorState(e, () => {
-          r = K({
-            editor: o,
-            maxLines: n == null ? void 0 : n.maxLines
+        const i = a.parseEditorState(t, () => {
+          n = le({
+            editor: a,
+            maxLines: e == null ? void 0 : e.maxLines
           });
         });
-        t.isEmpty() || o.setEditorState(t);
+        i.isEmpty() || a.setEditorState(i);
       }
-    } catch (t) {
-      console.error(t);
+    } catch (i) {
+      console.error(i);
     }
   let s = "";
-  return o.update(() => {
-    s = S(o);
-  }), { html: s, trimCount: r };
-}, Ee = [
-  k,
-  P,
-  R,
-  H,
-  w,
-  v,
-  I,
-  M,
-  B
-], X = d({
+  return a.update(() => {
+    s = ct(a);
+  }), { html: s, trimCount: n };
+}, Cr = [
+  xt,
+  Et,
+  V,
+  Tt,
+  Ct,
+  bt,
+  Ot,
+  _t,
+  Rt
+], ue = w({
   fontWeight: "bold"
-}), Y = d({
+}), pe = w({
   fontStyle: "italic"
-}), Z = d({
+}), ge = w({
   textDecoration: "underline"
-}), _ = d({
+}), fe = w({
   listStyleType: "none"
-}), ee = d({
+}), me = w({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
   margin: "1.5em 10px",
   padding: "0.5em 10px"
-}), te = {
-  quote: ee().className,
+}), ke = {
+  quote: me().className,
   text: {
-    bold: X().className,
-    italic: Y().className,
-    underline: Z().className
+    bold: ue().className,
+    italic: pe().className,
+    underline: ge().className
   },
   list: {
     nested: {
-      listitem: _().className
+      listitem: fe().className
     }
   }
-}, g = q({ hasFocus: !1, editorRef: { current: null } }), oe = ({ onBlur: e }) => {
-  const [i, n] = z(!1), r = b(null), o = p(() => {
-    n(!0), r.current && window.clearTimeout(r.current);
-  }, []), s = p(() => {
-    r.current = window.setTimeout(() => {
-      n(!1), e == null || e();
+}, 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);
-  }, [e]);
+  }, [t]);
   return {
-    hasFocus: i,
+    hasFocus: r,
     attributes: {
-      onFocus: o,
+      onFocus: a,
       onBlur: s
     }
   };
-}, $e = () => A(g), re = V("div", {
+}, 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 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 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 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 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 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 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 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 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 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 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 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 _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 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 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 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 De = et("div", {
+  width: "10rem",
+  display: "flex"
+}), it = {
+  bullet: "Punktliste",
+  h1: "Overskrift 1",
+  h2: "Overskrift 2",
+  h3: "Overskrift 3",
+  h4: "Overskrift 4",
+  h5: "Overskrift 5",
+  h6: "Overskrift 6",
+  number: "Nummerert liste",
+  paragraph: "Normal",
+  quote: "Sitat",
+  check: "Avkrysningsliste"
+}, 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(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 r = t.anchor.getNode();
+  let e = r.getKey() === "root" ? r : rt(r, (n) => {
+    const a = n.getParent();
+    return a !== null && ut(a);
+  });
+  return e === null && (e = r.getTopLevelElementOrThrow()), {
+    anchorNode: r,
+    element: e
+  };
+}, Pe = () => {
+  const [t] = B(), [r, e] = v("paragraph");
+  z(() => t.registerCommand(
+    Q,
+    () => {
+      const l = L(), g = Fe(l);
+      if (!g)
+        return !1;
+      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 k = St(c) ? c.getTag() : c.getType();
+          k in it && e(k);
+        }
+      return !1;
+    },
+    X
+  ), [t]);
+  const n = (l) => {
+    r !== l && t.update(() => {
+      const g = L();
+      (N(g) || H(g)) && (F(g, () => wt(l)), e(l));
+    });
+  };
+  return /* @__PURE__ */ o(De, { children: /* @__PURE__ */ C(
+    Ht,
+    {
+      trigger: /* @__PURE__ */ o(
+        Ft,
+        {
+          dropdown: !0,
+          css: { display: "flex", width: "100%", overflow: "hidden" },
+          children: /* @__PURE__ */ o(f, { blockType: r })
+        }
+      ),
+      side: "bottom",
+      align: "start",
+      children: [
+        /* @__PURE__ */ o(m, { onClick: () => {
+          r !== "paragraph" && t.update(() => {
+            const l = L();
+            (N(l) || H(l)) && (F(l, () => R()), e("paragraph"));
+          });
+        }, 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__ */ o(f, { blockType: "quote" }) })
+      ]
+    }
+  ) });
+}, $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")));
+  }, []);
+  z(() => ot(
+    t.registerCommand(
+      Q,
+      () => (c(), !1),
+      X
+    ),
+    t.registerUpdateListener(({ editorState: u }) => {
+      u.read(() => {
+        c();
+      });
+    })
+  ), [t, c]);
+  const x = M(
+    () => t.dispatchCommand(E, "bold"),
+    [t]
+  ), b = M(
+    () => t.dispatchCommand(E, "italic"),
+    [t]
+  ), I = M(
+    () => t.dispatchCommand(E, "underline"),
+    [t]
+  ), k = M(
+    () => t.dispatchCommand(E, "code"),
+    [t]
+  ), D = M(
+    () => t.dispatchCommand(E, "superscript"),
+    [t]
+  ), 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(
+    Pt,
+    {
+      type: "multiple",
+      "aria-label": "Tekstformattering",
+      value: lt,
+      children: [
+        /* @__PURE__ */ o(
+          S,
+          {
+            onClick: x,
+            title: "Fet tekst",
+            value: "bold",
+            children: /* @__PURE__ */ o(Ce, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          S,
+          {
+            onClick: b,
+            title: "Kursiv tekst",
+            value: "italic",
+            children: /* @__PURE__ */ o(Se, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          S,
+          {
+            onClick: I,
+            title: "Understreket tekst",
+            value: "underline",
+            children: /* @__PURE__ */ o(Be, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          S,
+          {
+            onClick: k,
+            title: "Kode",
+            value: "code",
+            children: /* @__PURE__ */ o(be, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          S,
+          {
+            onClick: D,
+            title: "Superscript",
+            value: "superscript",
+            children: /* @__PURE__ */ o(ze, { size: "1.25rem" })
+          }
+        )
+      ]
+    }
+  );
+}, 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: At,
+    middleware: [
+      Wt({
+        apply: ({ rects: g, elements: c }) => {
+          c.floating.style.minWidth = `${g.reference.width}px`;
+        }
+      }),
+      jt(),
+      Kt({
+        mainAxis: 8
+      }),
+      Ut({
+        padding: 8
+      })
+    ],
+    open: a,
+    onOpenChange: s,
+    elements: {
+      reference: e.current
+    }
+  }), { getFloatingProps: l } = Yt([
+    qt(i, {
+      role: "dialog"
+    })
+  ]);
+  return a ? /* @__PURE__ */ o(Gt, { children: /* @__PURE__ */ o(
+    Qt,
+    {
+      ref: d.setFloating,
+      style: p,
+      ...l,
+      css: {
+        border: "1px solid $border",
+        borderRadius: "$md",
+        overflow: "hidden",
+        boxShadow: "$md"
+      },
+      children: /* @__PURE__ */ C(Xt, { "aria-label": "Formattering", children: [
+        /* @__PURE__ */ o(Pe, {}),
+        /* @__PURE__ */ o(Vt, {}),
+        /* @__PURE__ */ o($e, {}),
+        t
+      ] })
+    }
+  ) }) : null;
+};
+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"
   },
@@ -150,59 +675,62 @@ const G = ({
       }
     }
   ]
-}), ne = ({
-  isLoading: e
-}) => /* @__PURE__ */ a(
-  x,
+}), Ge = ({
+  isLoading: t
+}) => /* @__PURE__ */ o(
+  O,
   {
     css: {
-      visibility: e ? "visible" : "hidden",
+      visibility: t ? "visible" : "hidden",
       position: "absolute",
       bottom: "1rem",
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ a(W, {})
+    children: /* @__PURE__ */ o(Jt, {})
   }
-), Fe = ({
-  isLoading: e,
-  children: i,
-  placeholderText: n,
-  nodes: r,
-  plugins: o,
-  toolbar: s,
-  content: t,
-  hideBorder: l,
-  onBlur: m
+), br = ({
+  isLoading: t,
+  children: r,
+  placeholderText: e,
+  nodes: n,
+  plugins: a,
+  toolbarContent: s,
+  content: i,
+  hideBorder: d,
+  onBlur: p,
+  defaultState: l,
+  css: g
 }) => {
-  const { hasFocus: c, attributes: C } = oe({ onBlur: m }), u = b(null), N = D(() => ({ hasFocus: c, editorRef: u }), [c]);
-  return /* @__PURE__ */ a(g.Provider, { value: N, children: /* @__PURE__ */ h(
-    J,
+  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: te,
-        nodes: r,
+        theme: ke,
+        nodes: n,
         editable: !0
       },
       children: [
-        /* @__PURE__ */ h(
-          re,
+        /* @__PURE__ */ C(
+          qe,
           {
-            ref: u,
+            ref: b,
             hasFocus: c,
-            hideBorder: l,
-            ...C,
+            hideBorder: d,
+            css: g,
+            ...x,
             children: [
-              /* @__PURE__ */ a(
-                O,
+              /* @__PURE__ */ o(
+                te,
                 {
-                  contentEditable: t,
-                  placeholder: n ? /* @__PURE__ */ a(
-                    x,
+                  contentEditable: i,
+                  placeholder: e ? /* @__PURE__ */ o(
+                    O,
                     {
                       css: {
                         position: "absolute",
@@ -212,29 +740,34 @@ const G = ({
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: n
+                      children: e
                     }
                   ) : null,
-                  ErrorBoundary: Q
+                  ErrorBoundary: ee
                 }
               ),
-              o,
-              /* @__PURE__ */ a(ne, { isLoading: e }),
-              s
+              /* @__PURE__ */ o(Ue, {}),
+              a,
+              /* @__PURE__ */ o(Ge, { isLoading: t }),
+              /* @__PURE__ */ o(Ae, { children: s })
             ]
           }
         ),
-        /* @__PURE__ */ a(j, { children: i })
+        /* @__PURE__ */ o(Ye, { state: l }),
+        /* @__PURE__ */ o(j, { children: r })
       ]
     }
   ) });
 };
 export {
-  Fe as RichTextEditor,
-  Ee as defaultNodes,
-  U as isJSON,
-  g as richTextContext,
-  Se as stateToHTML,
-  oe as useHasFocusWithin,
-  $e 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
 };