@arkitektbedriftene/fe-lib 0.3.17 → 0.3.18

package/dist/rich-text.es.js

@@ -1,126 +1,438 @@
-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 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 "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 jt = ({
+  text: t,
+  maxChars: a,
+  maxLines: r
 }) => {
-  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 o = typeof r == "number", i = typeof a == "number";
+  if (!o && !i)
+    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 = ({
+  editor: t,
+  maxChars: a,
+  maxLines: r
 }) => {
-  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 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,
     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" && !_t(t))
+        i.update(() => {
+          const s = I(), p = R();
+          p.append(J(t.trim())), s.append(p);
         });
       else {
-        const t = o.parseEditorState(e, () => {
-          r = K({
-            editor: o,
-            maxLines: n == null ? void 0 : n.maxLines
+        const s = i.parseEditorState(t, () => {
+          o = Wt({
+            editor: i,
+            maxLines: r == null ? void 0 : r.maxLines
           });
         });
-        t.isEmpty() || o.setEditorState(t);
+        s.isEmpty() || i.setEditorState(s);
       }
-    } catch (t) {
-      console.error(t);
+    } catch (s) {
+      console.error(s);
     }
-  let s = "";
-  return o.update(() => {
-    s = S(o);
-  }), { html: s, trimCount: r };
-}, Ee = [
-  k,
-  P,
-  R,
-  H,
-  w,
-  v,
-  I,
-  M,
-  B
-], X = d({
+  let l = "";
+  return i.update(() => {
+    l = Q(i);
+  }), { html: l, trimCount: o };
+}, _e = [
+  it,
+  st,
+  O,
+  et,
+  Z,
+  tt,
+  ht,
+  pt,
+  ut
+], At = w({
   fontWeight: "bold"
-}), Y = d({
+}), Pt = w({
   fontStyle: "italic"
-}), Z = d({
+}), Ut = w({
   textDecoration: "underline"
-}), _ = d({
+}), qt = w({
   listStyleType: "none"
-}), ee = d({
+}), Kt = w({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
   margin: "1.5em 10px",
   padding: "0.5em 10px"
-}), te = {
-  quote: ee().className,
+}), Gt = {
+  quote: Kt().className,
   text: {
-    bold: X().className,
-    italic: Y().className,
-    underline: Z().className
+    bold: At().className,
+    italic: Pt().className,
+    underline: Ut().className
   },
   list: {
     nested: {
-      listitem: _().className
+      listitem: qt().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();
+}, 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();
     }, 0);
-  }, [e]);
+  }, [t]);
   return {
-    hasFocus: i,
+    hasFocus: a,
     attributes: {
-      onFocus: o,
-      onBlur: s
+      onFocus: i,
+      onBlur: l
     }
   };
-}, $e = () => A(g), re = V("div", {
+}, 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);
+}
+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 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 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 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 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 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 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 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 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 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 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 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 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 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 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);
+}
+const pe = A("div", {
+  width: "10rem",
+  display: "flex"
+}), q = {
+  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"
+}, 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 = ({
+  blockType: t
+}) => /* @__PURE__ */ C(D, { children: [
+  /* @__PURE__ */ e(S, { css: { display: "flex" }, children: ue[t] }),
+  /* @__PURE__ */ e(S, { children: q[t] })
+] }), ge = (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);
+  });
+  return r === null && (r = a.getTopLevelElementOrThrow()), {
+    anchorNode: a,
+    element: r
+  };
+}, me = () => {
+  const [t] = P(), [a, r] = M("paragraph");
+  W(() => t.registerCommand(
+    $,
+    () => {
+      const n = y(), u = ge(n);
+      if (!u)
+        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);
+        } else {
+          const v = lt(c) ? c.getTag() : c.getType();
+          v in q && r(v);
+        }
+      return !1;
+    },
+    F
+  ), [t]);
+  const o = (n) => {
+    a !== n && t.update(() => {
+      const u = y();
+      (N(u) || E(u)) && (H(u, () => dt(n)), r(n));
+    });
+  };
+  return /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ C(
+    kt,
+    {
+      trigger: /* @__PURE__ */ e(
+        Mt,
+        {
+          dropdown: !0,
+          css: { display: "flex", width: "100%", overflow: "hidden" },
+          children: /* @__PURE__ */ e(g, { blockType: a })
+        }
+      ),
+      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"));
+          });
+        }, 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__ */ e(g, { 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")));
+  }, []);
+  W(() => Dt(
+    t.registerCommand(
+      $,
+      () => (c(), !1),
+      F
+    ),
+    t.registerUpdateListener(({ editorState: h }) => {
+      h.read(() => {
+        c();
+      });
+    })
+  ), [t, c]);
+  const b = k(
+    () => t.dispatchCommand(L, "bold"),
+    [t]
+  ), T = k(
+    () => t.dispatchCommand(L, "italic"),
+    [t]
+  ), B = k(
+    () => t.dispatchCommand(L, "underline"),
+    [t]
+  ), v = k(
+    () => t.dispatchCommand(L, "code"),
+    [t]
+  ), z = k(
+    () => t.dispatchCommand(L, "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]);
+  return /* @__PURE__ */ C(
+    vt,
+    {
+      type: "multiple",
+      "aria-label": "Tekstformattering",
+      value: K,
+      children: [
+        /* @__PURE__ */ e(
+          x,
+          {
+            onClick: b,
+            title: "Fet tekst",
+            value: "bold",
+            children: /* @__PURE__ */ e(Jt, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          x,
+          {
+            onClick: T,
+            title: "Kursiv tekst",
+            value: "italic",
+            children: /* @__PURE__ */ e(ae, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          x,
+          {
+            onClick: B,
+            title: "Understreket tekst",
+            value: "underline",
+            children: /* @__PURE__ */ e(he, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          x,
+          {
+            onClick: v,
+            title: "Kode",
+            value: "code",
+            children: /* @__PURE__ */ e(Xt, { size: "1.25rem" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          x,
+          {
+            onClick: z,
+            title: "Superscript",
+            value: "superscript",
+            children: /* @__PURE__ */ e(ce, { 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({
+    placement: "top",
+    whileElementsMounted: bt,
+    middleware: [
+      Tt({
+        apply: ({ rects: u, elements: c }) => {
+          c.floating.style.minWidth = `${u.reference.width}px`;
+        }
+      }),
+      Lt(),
+      xt({
+        mainAxis: 8
+      }),
+      yt({
+        padding: 8
+      })
+    ],
+    open: i,
+    onOpenChange: l,
+    elements: {
+      reference: r.current
+    }
+  }), { getFloatingProps: n } = Nt([
+    wt(s, {
+      role: "dialog"
+    })
+  ]);
+  return i ? /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(
+    zt,
+    {
+      ref: p.setFloating,
+      style: f,
+      ...n,
+      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, {}),
+        t
+      ] })
+    }
+  ) }) : null;
+}, Me = A("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -150,59 +462,59 @@ const G = ({
       }
     }
   ]
-}), ne = ({
-  isLoading: e
-}) => /* @__PURE__ */ a(
-  x,
+}), ve = ({
+  isLoading: t
+}) => /* @__PURE__ */ e(
+  S,
   {
     css: {
-      visibility: e ? "visible" : "hidden",
+      visibility: t ? "visible" : "hidden",
       position: "absolute",
       bottom: "1rem",
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ a(W, {})
+    children: /* @__PURE__ */ e(Bt, {})
   }
-), Fe = ({
-  isLoading: e,
-  children: i,
-  placeholderText: n,
-  nodes: r,
-  plugins: o,
-  toolbar: s,
-  content: t,
-  hideBorder: l,
-  onBlur: m
+), Ae = ({
+  isLoading: t,
+  children: a,
+  placeholderText: r,
+  nodes: o,
+  plugins: i,
+  toolbarContent: l,
+  content: s,
+  hideBorder: p,
+  onBlur: f
 }) => {
-  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: 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,
     {
       initialConfig: {
         namespace: "CommentEditor",
         onError: (T) => {
           console.error(T);
         },
-        theme: te,
-        nodes: r,
+        theme: Gt,
+        nodes: o,
         editable: !0
       },
       children: [
-        /* @__PURE__ */ h(
-          re,
+        /* @__PURE__ */ C(
+          Me,
           {
-            ref: u,
-            hasFocus: c,
-            hideBorder: l,
-            ...C,
+            ref: c,
+            hasFocus: n,
+            hideBorder: p,
+            ...u,
             children: [
-              /* @__PURE__ */ a(
-                O,
+              /* @__PURE__ */ e(
+                Rt,
                 {
-                  contentEditable: t,
-                  placeholder: n ? /* @__PURE__ */ a(
-                    x,
+                  contentEditable: s,
+                  placeholder: r ? /* @__PURE__ */ e(
+                    S,
                     {
                       css: {
                         position: "absolute",
@@ -212,29 +524,29 @@ const G = ({
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: n
+                      children: r
                     }
                   ) : null,
-                  ErrorBoundary: Q
+                  ErrorBoundary: $t
                 }
               ),
-              o,
-              /* @__PURE__ */ a(ne, { isLoading: e }),
-              s
+              i,
+              /* @__PURE__ */ e(ve, { isLoading: t }),
+              /* @__PURE__ */ e(ke, { children: l })
             ]
           }
         ),
-        /* @__PURE__ */ a(j, { children: i })
+        /* @__PURE__ */ e(D, { children: a })
       ]
     }
   ) });
 };
 export {
-  Fe as RichTextEditor,
-  Ee as defaultNodes,
-  U as isJSON,
-  g as richTextContext,
-  Se as stateToHTML,
-  oe as useHasFocusWithin,
-  $e as useRichTextContext
+  Ae as RichTextEditor,
+  _e as defaultNodes,
+  _t as isJSON,
+  U as richTextContext,
+  We as stateToHTML,
+  Qt as useHasFocusWithin,
+  Vt as useRichTextContext
 };