@arkitektbedriftene/fe-lib 0.3.23 → 0.3.24

package/dist/rich-text.es.js

@@ -1,19 +1,19 @@
 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 { $getRoot as O, ParagraphNode as ht, $createParagraphNode as $, $createTextNode as P, $setSelection as G, SELECTION_CHANGE_COMMAND as Q, $getSelection as L, COMMAND_PRIORITY_CRITICAL as V, $isRangeSelection as y, $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 W, KEY_ARROW_LEFT_COMMAND as kt, $isElementNode as Mt } from "lexical";
+import { trimTextContentFromAnchor as vt, $setBlocksType as D } 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 { ListNode as X, ListItemNode as Tt, $isListNode as A, INSERT_UNORDERED_LIST_COMMAND as Lt, INSERT_ORDERED_LIST_COMMAND as yt, INSERT_CHECK_LIST_COMMAND as J, insertList as xt, $isListItemNode as x } from "@lexical/list";
+import { HeadingNode as Nt, QuoteNode as St, $isHeadingNode as Et, $createHeadingNode as wt, $createQuoteNode as zt } from "@lexical/rich-text";
+import { TableNode as It, TableRowNode as Ot, TableCellNode as $t } 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 { createContext as _t, useState as v, useRef as Z, useCallback as M, useContext as Rt, useEffect as _, useMemo as tt, useLayoutEffect as Bt } from "react";
+import { c as N, s as et, D as Ht, T as Dt, a as m, B as I, b as Ft, d as w, u as Pt, e as Wt, f as At, g as jt, o as Kt, h as Ut, i as Yt, j as qt, F as Gt, O as Qt, k as Vt, l as Xt, S as Jt } from "./DropdownMenu-c37aea6d.js";
 import "react-select";
 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 { useLexicalComposerContext as R } 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";
@@ -23,7 +23,7 @@ import { TabIndentationPlugin as ie } from "@lexical/react/LexicalTabIndentation
 import "react-dom";
 import "@radix-ui/react-toolbar";
 import "@radix-ui/react-dropdown-menu";
-const se = ({
+const le = ({
   text: t,
   maxChars: r,
   maxLines: e
@@ -33,27 +33,27 @@ const se = ({
   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); )
+  let l = 0, i = 0;
+  for (; i < t.length && (!n || l < e) && (!a || i < r); )
     t[i] === `
-` && s++, i++;
+` && l++, i++;
   return t.slice(0, i).length;
-}, le = ({
+}, se = ({
   editor: t,
   maxChars: r,
   maxLines: e
 }) => {
-  const n = _(), a = n.getTextContent(), s = se({ text: a, maxChars: r, maxLines: e }), i = a.length - s, p = n.select().anchor;
+  const n = O(), a = n.getTextContent(), l = le({ text: a, maxChars: r, maxLines: e }), i = a.length - l, p = n.select().anchor;
   vt(t, p, i);
-  const l = n.getLastChild();
-  return l instanceof ht && l.getChildrenSize() === 0 && l.remove(), i;
+  const s = n.getLastChild();
+  return s instanceof ht && s.getChildrenSize() === 0 && s.remove(), i;
 }, nt = (t) => t[0] === "{", de = (t) => t !== null && typeof t == "object" && "isEmpty" in t, ce = (t, r) => {
   t.update(
     () => {
-      const e = _();
+      const e = O();
       e.clear();
-      const n = R();
-      n.append($("")), e.append(n), G(null);
+      const n = $();
+      n.append(P("")), e.append(n), G(null);
     },
     {
       tag: r
@@ -62,10 +62,10 @@ const se = ({
 }, he = (t, r, e) => {
   r.update(
     () => {
-      const n = _();
+      const n = O();
       n.clear();
-      const a = R();
-      a.append($(t.trim())), n.append(a), G(null);
+      const a = $();
+      a.append(P(t.trim())), n.append(a), G(null);
     },
     {
       tag: e
@@ -81,12 +81,12 @@ const se = ({
     try {
       if (typeof t == "string" && !nt(t))
         a.update(() => {
-          const i = _(), d = R();
-          d.append($(t.trim())), i.append(d);
+          const i = O(), d = $();
+          d.append(P(t.trim())), i.append(d);
         });
       else {
         const i = a.parseEditorState(t, () => {
-          n = le({
+          n = se({
             editor: a,
             maxLines: e == null ? void 0 : e.maxLines
           });
@@ -96,29 +96,29 @@ const se = ({
     } catch (i) {
       console.error(i);
     }
-  let s = "";
+  let l = "";
   return a.update(() => {
-    s = ct(a);
-  }), { html: s, trimCount: n };
+    l = ct(a);
+  }), { html: l, trimCount: n };
 }, br = [
-  xt,
-  Et,
-  V,
+  Nt,
+  St,
+  X,
   Tt,
   Ct,
   bt,
+  It,
   Ot,
-  _t,
-  Rt
-], ue = w({
+  $t
+], ue = N({
   fontWeight: "bold"
-}), pe = w({
+}), pe = N({
   fontStyle: "italic"
-}), ge = w({
+}), ge = N({
   textDecoration: "underline"
-}), fe = w({
+}), fe = N({
   listStyleType: "none"
-}), me = w({
+}), me = N({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
@@ -136,10 +136,10 @@ const se = ({
       listitem: fe().className
     }
   }
-}, at = zt({ hasFocus: !1, editorRef: { current: null } }), Me = ({ onBlur: t }) => {
+}, at = _t({ 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(() => {
+  }, []), l = M(() => {
     n.current = window.setTimeout(() => {
       e(!1), t == null || t();
     }, 0);
@@ -148,10 +148,10 @@ const se = ({
     hasFocus: r,
     attributes: {
       onFocus: a,
-      onBlur: s
+      onBlur: l
     }
   };
-}, ve = () => Bt(at);
+}, ve = () => Rt(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);
 }
@@ -164,43 +164,43 @@ function Te(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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "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) {
+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: "M7 5v5a5 5 0 0 0 10 0v-5" } }, { tag: "path", attr: { d: "M5 19h14" } }] })(t);
 }
-const De = et("div", {
+const Be = et("div", {
   width: "10rem",
   display: "flex"
 }), it = {
@@ -216,23 +216,23 @@ const De = et("div", {
   quote: "Sitat",
   check: "Avkrysningsliste"
 }, He = {
-  bullet: /* @__PURE__ */ o(_e, { size: "1.25rem" }),
+  bullet: /* @__PURE__ */ o(Oe, { 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" }),
+  h3: /* @__PURE__ */ o(ye, { size: "1.25rem" }),
+  h4: /* @__PURE__ */ o(xe, { size: "1.25rem" }),
+  h5: /* @__PURE__ */ o(Ne, { size: "1.25rem" }),
+  h6: /* @__PURE__ */ o(Se, { size: "1.25rem" }),
+  number: /* @__PURE__ */ o(Ie, { size: "1.25rem" }),
+  check: /* @__PURE__ */ o(ze, { size: "1.25rem" }),
   paragraph: /* @__PURE__ */ o(we, { size: "1.25rem" }),
-  quote: /* @__PURE__ */ o(Re, { size: "1.25rem" })
+  quote: /* @__PURE__ */ o($e, { 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(I, { css: { display: "flex", flex: "0 0 auto" }, children: He[t] }),
   /* @__PURE__ */ o(
-    O,
+    I,
     {
       css: {
         flex: "1 1 auto",
@@ -243,8 +243,8 @@ const De = et("div", {
       children: it[t]
     }
   )
-] }), Fe = (t) => {
-  if (!N(t))
+] }), De = (t) => {
+  if (!y(t))
     return null;
   const r = t.anchor.getNode();
   let e = r.getKey() === "root" ? r : rt(r, (n) => {
@@ -255,41 +255,41 @@ const De = et("div", {
     anchorNode: r,
     element: e
   };
-}, Pe = () => {
-  const [t] = B(), [r, e] = v("paragraph");
-  z(() => t.registerCommand(
+}, Fe = () => {
+  const [t] = R(), [r, e] = v("paragraph");
+  _(() => t.registerCommand(
     Q,
     () => {
-      const l = L(), g = Fe(l);
+      const s = L(), g = De(s);
       if (!g)
         return !1;
-      const { element: c, anchorNode: x } = g, b = c.getKey();
+      const { element: c, anchorNode: S } = g, b = c.getKey();
       if (t.getElementByKey(b) !== null)
-        if (W(c)) {
+        if (A(c)) {
           const k = re(
-            x,
-            V
-          ), D = k ? k.getListType() : c.getListType();
-          e(D);
+            S,
+            X
+          ), B = k ? k.getListType() : c.getListType();
+          e(B);
         } else {
-          const k = St(c) ? c.getTag() : c.getType();
+          const k = Et(c) ? c.getTag() : c.getType();
           k in it && e(k);
         }
       return !1;
     },
-    X
+    V
   ), [t]);
-  const n = (l) => {
-    r !== l && t.update(() => {
+  const n = (s) => {
+    r !== s && t.update(() => {
       const g = L();
-      (N(g) || H(g)) && (F(g, () => wt(l)), e(l));
+      (y(g) || H(g)) && (D(g, () => wt(s)), e(s));
     });
   };
-  return /* @__PURE__ */ o(De, { children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ o(Be, { children: /* @__PURE__ */ C(
     Ht,
     {
       trigger: /* @__PURE__ */ o(
-        Ft,
+        Dt,
         {
           dropdown: !0,
           css: { display: "flex", width: "100%", overflow: "hidden" },
@@ -301,8 +301,8 @@ const De = et("div", {
       children: [
         /* @__PURE__ */ o(m, { onClick: () => {
           r !== "paragraph" && t.update(() => {
-            const l = L();
-            (N(l) || H(l)) && (F(l, () => R()), e("paragraph"));
+            const s = L();
+            (y(s) || H(s)) && (D(s, () => $()), e("paragraph"));
           });
         }, children: /* @__PURE__ */ o(f, { blockType: "paragraph" }) }),
         /* @__PURE__ */ o(m, { onClick: () => n("h1"), children: /* @__PURE__ */ o(f, { blockType: "h1" }) }),
@@ -315,30 +315,30 @@ const De = et("div", {
           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"));
+          r !== "number" && (t.dispatchCommand(yt, 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"));
+            const s = L();
+            (y(s) || H(s)) && (D(s, () => zt()), 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(() => {
+}, Pe = () => {
+  const [t] = R(), [r, e] = v(!1), [n, a] = v(!1), [l, i] = v(!1), [d, p] = v(!1), [s, 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")));
+    y(u) && (e(u.hasFormat("bold")), a(u.hasFormat("italic")), i(u.hasFormat("underline")), p(u.hasFormat("code")), g(u.hasFormat("superscript")));
   }, []);
-  z(() => ot(
+  _(() => ot(
     t.registerCommand(
       Q,
       () => (c(), !1),
-      X
+      V
     ),
     t.registerUpdateListener(({ editorState: u }) => {
       u.read(() => {
@@ -346,61 +346,61 @@ const De = et("div", {
       });
     })
   ), [t, c]);
-  const x = M(
+  const S = M(
     () => t.dispatchCommand(E, "bold"),
     [t]
   ), b = M(
     () => t.dispatchCommand(E, "italic"),
     [t]
-  ), I = M(
+  ), z = M(
     () => t.dispatchCommand(E, "underline"),
     [t]
   ), k = M(
     () => t.dispatchCommand(E, "code"),
     [t]
-  ), D = M(
+  ), B = M(
     () => t.dispatchCommand(E, "superscript"),
     [t]
-  ), lt = tt(() => {
+  ), st = 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 r && u.push("bold"), n && u.push("italic"), l && u.push("underline"), d && u.push("code"), s && u.push("superscript"), u;
+  }, [r, n, l, d, s]);
   return /* @__PURE__ */ C(
-    Pt,
+    Ft,
     {
       type: "multiple",
       "aria-label": "Tekstformattering",
-      value: lt,
+      value: st,
       children: [
         /* @__PURE__ */ o(
-          S,
+          w,
           {
-            onClick: x,
+            onClick: S,
             title: "Fet tekst",
             value: "bold",
             children: /* @__PURE__ */ o(Ce, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          S,
+          w,
           {
             onClick: b,
             title: "Kursiv tekst",
             value: "italic",
-            children: /* @__PURE__ */ o(Se, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(Ee, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          S,
+          w,
           {
-            onClick: I,
+            onClick: z,
             title: "Understreket tekst",
             value: "underline",
-            children: /* @__PURE__ */ o(Be, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(Re, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          S,
+          w,
           {
             onClick: k,
             title: "Kode",
@@ -409,27 +409,27 @@ const De = et("div", {
           }
         ),
         /* @__PURE__ */ o(
-          S,
+          w,
           {
-            onClick: D,
+            onClick: B,
             title: "Superscript",
             value: "superscript",
-            children: /* @__PURE__ */ o(ze, { size: "1.25rem" })
+            children: /* @__PURE__ */ o(_e, { size: "1.25rem" })
           }
         )
       ]
     }
   );
-}, Ae = ({ children: t }) => {
-  const { hasFocus: r, editorRef: e } = ve(), n = r, [a, s] = v(n);
-  Dt(() => {
-    s(n);
+}, We = ({ children: t }) => {
+  const { hasFocus: r, editorRef: e } = ve(), n = r, [a, l] = v(n);
+  Bt(() => {
+    l(n);
   }, [n]);
-  const { context: i, refs: d, floatingStyles: p } = $t({
+  const { context: i, refs: d, floatingStyles: p } = Pt({
     placement: "top",
-    whileElementsMounted: At,
+    whileElementsMounted: Wt,
     middleware: [
-      Wt({
+      At({
         apply: ({ rects: g, elements: c }) => {
           c.floating.style.minWidth = `${g.reference.width}px`;
         }
@@ -443,11 +443,11 @@ const De = et("div", {
       })
     ],
     open: a,
-    onOpenChange: s,
+    onOpenChange: l,
     elements: {
       reference: e.current
     }
-  }), { getFloatingProps: l } = Yt([
+  }), { getFloatingProps: s } = Yt([
     qt(i, {
       role: "dialog"
     })
@@ -457,28 +457,28 @@ const De = et("div", {
     {
       ref: d.setFloating,
       style: p,
-      ...l,
+      ...s,
       css: {
         border: "1px solid $border",
         borderRadius: "$md",
         overflow: "hidden",
         boxShadow: "$md"
       },
-      children: /* @__PURE__ */ C(Xt, { "aria-label": "Formattering", children: [
+      children: /* @__PURE__ */ C(Vt, { "aria-label": "Formattering", children: [
+        /* @__PURE__ */ o(Fe, {}),
+        /* @__PURE__ */ o(Xt, {}),
         /* @__PURE__ */ o(Pe, {}),
-        /* @__PURE__ */ o(Vt, {}),
-        /* @__PURE__ */ o($e, {}),
         t
       ] })
     }
   ) }) : null;
 };
-function We() {
-  const [t] = B();
-  return z(() => ot(
+function Ae() {
+  const [t] = R();
+  return _(() => ot(
     t.registerCommand(
       J,
-      () => (yt(t, "check"), !0),
+      () => (xt(t, "check"), !0),
       T
     ),
     t.registerCommand(
@@ -494,7 +494,7 @@ function We() {
     t.registerCommand(
       ft,
       (r) => {
-        if (P() != null) {
+        if (F() != null) {
           const n = t.getRootElement();
           return n != null && n.focus(), !0;
         }
@@ -505,10 +505,10 @@ function We() {
     t.registerCommand(
       mt,
       (r) => {
-        const e = P();
+        const e = F();
         return e != null && t.isEditable() ? (t.update(() => {
-          const n = A(e);
-          y(n) && (r.preventDefault(), n.toggleChecked());
+          const n = W(e);
+          x(n) && (r.preventDefault(), n.toggleChecked());
         }), !0) : !1;
       },
       T
@@ -517,16 +517,16 @@ function We() {
       kt,
       (r) => t.getEditorState().read(() => {
         const e = L();
-        if (N(e) && e.isCollapsed()) {
+        if (y(e) && e.isCollapsed()) {
           const { anchor: n } = e, a = n.type === "element";
           if (a || n.offset === 0) {
-            const s = n.getNode(), i = rt(
-              s,
+            const l = n.getNode(), i = rt(
+              l,
               (d) => Mt(d) && !d.isInline()
             );
-            if (y(i)) {
+            if (x(i)) {
               const d = i.getParent();
-              if (W(d) && d.getListType() === "check" && (a || i.getFirstDescendant() === s)) {
+              if (A(d) && d.getListType() === "check" && (a || i.getFirstDescendant() === l)) {
                 const p = t.getElementByKey(i.__key);
                 if (p != null && document.activeElement !== p)
                   return p.focus(), r.preventDefault(), !0;
@@ -543,7 +543,7 @@ function We() {
     })
   ), [t]), null;
 }
-function st(t, r) {
+function lt(t, r) {
   const e = t.target;
   if (e === null || !K(e))
     return;
@@ -553,22 +553,22 @@ function st(t, r) {
   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();
+  const l = t.pageX, i = e.getBoundingClientRect();
+  (e.dir === "rtl" ? l < i.right && l > i.right - 20 : l > i.left && l < i.left + 20) && r();
 }
 function U(t) {
-  st(t, () => {
+  lt(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());
+        const n = W(r);
+        x(n) && (r.focus(), n.toggleChecked());
       }
     });
   });
 }
 function Y(t) {
-  st(t, () => {
+  lt(t, () => {
     t.preventDefault();
   });
 }
@@ -581,33 +581,33 @@ function je(t) {
   }
   return null;
 }
-function P() {
+function F() {
   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); )
+  for (; e == null && x(n); )
     n = n.getParentOrThrow().getParent(), n != null && (e = r ? n.getPreviousSibling() : n.getNextSibling());
-  for (; y(e); ) {
+  for (; x(e); ) {
     const a = r ? e.getLastChild() : e.getFirstChild();
-    if (!W(a))
+    if (!A(a))
       return e;
     e = r ? a.getLastChild() : a.getFirstChild();
   }
   return null;
 }
 function q(t, r, e) {
-  const n = P();
+  const n = F();
   return n != null && r.update(() => {
-    const a = A(n);
-    if (!y(a))
+    const a = W(n);
+    if (!x(a))
       return;
-    const s = Ke(a, e);
-    if (s != null) {
-      s.selectStart();
-      const i = r.getElementByKey(s.__key);
+    const l = Ke(a, e);
+    if (l != null) {
+      l.selectStart();
+      const i = r.getElementByKey(l.__key);
       i != null && (t.preventDefault(), setTimeout(() => {
         i.focus();
       }, 0));
@@ -618,13 +618,13 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
   /* @__PURE__ */ o(oe, {}),
   /* @__PURE__ */ o(ae, {}),
   /* @__PURE__ */ o(ne, {}),
-  /* @__PURE__ */ o(We, {}),
+  /* @__PURE__ */ o(Ae, {}),
   /* @__PURE__ */ o(ie, {})
 ] }), Ye = ({
   state: t
 }) => {
-  const [r] = B();
-  return z(() => {
+  const [r] = R();
+  return _(() => {
     if (t)
       try {
         if (de(t)) {
@@ -681,7 +681,7 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
 }), Ge = ({
   isLoading: t
 }) => /* @__PURE__ */ o(
-  O,
+  I,
   {
     css: {
       visibility: t ? "visible" : "hidden",
@@ -698,15 +698,15 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
   placeholderText: e,
   nodes: n,
   plugins: a,
-  toolbarContent: s,
+  toolbarContent: l,
   content: i,
   hideBorder: d,
   onBlur: p,
-  defaultState: l,
+  defaultState: s,
   css: g
 }) => {
-  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(
+  const { hasFocus: c, attributes: S } = Me({ onBlur: p }), b = Z(null), z = tt(() => ({ hasFocus: c, editorRef: b }), [c]);
+  return /* @__PURE__ */ o(at.Provider, { value: z, children: /* @__PURE__ */ C(
     Zt,
     {
       initialConfig: {
@@ -726,14 +726,14 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
             hasFocus: c,
             hideBorder: d,
             css: g,
-            ...x,
+            ...S,
             children: [
               /* @__PURE__ */ o(
                 te,
                 {
                   contentEditable: i,
                   placeholder: e ? /* @__PURE__ */ o(
-                    O,
+                    I,
                     {
                       css: {
                         position: "absolute",
@@ -752,16 +752,156 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
               /* @__PURE__ */ o(Ue, {}),
               a,
               /* @__PURE__ */ o(Ge, { isLoading: t }),
-              /* @__PURE__ */ o(Ae, { children: s })
+              /* @__PURE__ */ o(We, { children: l })
             ]
           }
         ),
-        /* @__PURE__ */ o(Ye, { state: l }),
+        /* @__PURE__ */ o(Ye, { state: s }),
         /* @__PURE__ */ o(j, { children: r })
       ]
     }
   ) });
-};
+}, Lr = N({
+  fontSize: "1rem",
+  lineHeight: "1.5",
+  "h1, h2, h3, h4, h5, h6": {
+    fontWeight: "700",
+    lineHeight: "1.2",
+    margin: "1.5rem 0 0.5rem",
+    "&:first-child": {
+      marginTop: "0"
+    }
+  },
+  h1: {
+    fontSize: "1.6em"
+  },
+  h2: {
+    fontSize: "1.4em"
+  },
+  h3: {
+    fontSize: "1.2em"
+  },
+  h4: {
+    fontSize: "1.1em"
+  },
+  h5: {
+    fontSize: "1em"
+  },
+  h6: {
+    fontSize: "0.9em"
+  },
+  "p, ul, ol": {
+    margin: "1.14em 0",
+    "&:first-child": {
+      marginTop: "0"
+    },
+    "&:last-child": {
+      marginBottom: "0"
+    }
+  },
+  strong: {
+    fontWeight: "$bold"
+  },
+  "ul, ol": {
+    paddingLeft: "1.8em"
+  },
+  th: {
+    fontWeight: "$medium",
+    backgroundColor: "$gray100"
+  },
+  "th, td": {
+    padding: "0.5em 1em",
+    border: "1px solid $gray200"
+  },
+  kbd: {
+    backgroundColor: "$blue100",
+    color: "$blue700",
+    padding: "0.1em 0.4em",
+    borderRadius: "$sm",
+    fontSize: "0.9em",
+    fontWeight: "$medium"
+  },
+  "li[role=checkbox]": {
+    listStyle: "none",
+    position: "relative",
+    paddingLeft: 24,
+    "&::before": {
+      content: "",
+      width: 16,
+      height: 16,
+      top: 2,
+      left: 0,
+      cursor: "pointer",
+      display: "block",
+      backgroundSize: "cover",
+      position: "absolute",
+      border: "1px solid $gray500",
+      borderRadius: 2
+    },
+    "&::after": {
+      content: "",
+      width: 8,
+      height: 4,
+      top: 6,
+      left: 4,
+      display: "block",
+      position: "absolute",
+      borderLeft: "2px solid white",
+      borderBottom: "2px solid white",
+      transform: "rotate(-45deg)"
+    },
+    "&[aria-checked=true]": {
+      "&::before": {
+        backgroundColor: "$green500",
+        borderColor: "$green500"
+      }
+    },
+    "&:focus": {
+      outline: "none",
+      "&::before": {
+        outline: "2px solid $gray500",
+        outlineOffset: 2
+      }
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        fontSize: "0.625rem",
+        "@print": {
+          fontSize: "8pt"
+        }
+      },
+      sm: {
+        fontSize: "0.75rem",
+        "@print": {
+          fontSize: "10pt"
+        }
+      },
+      md: {
+        fontSize: "0.875rem",
+        "@print": {
+          fontSize: "12pt"
+        }
+      },
+      lg: {
+        fontSize: "1rem",
+        "@print": {
+          fontSize: "14pt"
+        }
+      },
+      xl: {
+        fontSize: "1.25rem",
+        "@print": {
+          fontSize: "16pt"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
 export {
   Tr as RichTextEditor,
   ce as clearEditorState,
@@ -769,6 +909,7 @@ export {
   de as isEditorState,
   nt as isJSON,
   at as richTextContext,
+  Lr as richTextCss,
   he as setStateFromPlainText,
   Cr as stateToHTML,
   Me as useHasFocusWithin,