@arkitektbedriftene/fe-lib 0.4.1 → 0.4.2

package/dist/rich-text/Editor.d.ts

@@ -3,12 +3,13 @@ import { type CSS } from "../ui/ui";
 import { type InitialConfigType } from "@lexical/react/LexicalComposer.js";
 import type { EditorState, SerializedEditorState } from "lexical";
 export type RichTextEditorState = EditorState | string | SerializedEditorState;
-export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbarContent, content, hideBorder, onBlur, defaultState, css, }: {
+export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbar, toolbarContent, content, hideBorder, onBlur, defaultState, css, }: {
     isLoading: boolean;
     children: ReactNode;
     placeholderText?: string | undefined;
     nodes: InitialConfigType["nodes"];
     plugins?: ReactNode;
+    toolbar?: ReactNode;
     toolbarContent?: ReactNode;
     content: ReactElement;
     hideBorder?: boolean | undefined;

package/dist/rich-text/Toolbar/Toolbar.d.ts

@@ -1,6 +1,126 @@
-/// <reference types="react" />
+import { type ComponentProps } from "react";
+import { Toolbar } from "../../ui/ui";
 type ToolbarProps = {
     children: React.ReactNode;
 };
-export declare const RichTextToolbar: ({ children }: ToolbarProps) => JSX.Element | null;
+export declare const FloatingToolbar: ({ children }: ToolbarProps) => JSX.Element | null;
+export declare const RichTextToolbar: ({ children, ...props }: {
+    children?: React.ReactNode;
+} & Omit<import("@radix-ui/react-toolbar").ToolbarProps & import("react").RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    lg: "(min-width: 1200px)";
+    print: "print";
+}> & {
+    css?: import("@stitches/react/types/css-util").CSS<{
+        lg: "(min-width: 1200px)";
+        print: "print";
+    }, {
+        colors: {
+            gray50: string;
+            gray100: string;
+            gray200: string;
+            gray300: string;
+            gray400: string;
+            gray500: string;
+            gray600: string;
+            gray700: string;
+            gray800: string;
+            gray900: string;
+            blue50: string;
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+            blue800: string;
+            blue900: string;
+            yellow50: string;
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+            yellow800: string;
+            yellow900: string;
+            orange500: string;
+            red50: string;
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+            red800: string;
+            red900: string;
+            green50: string;
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+            green800: string;
+            green900: string;
+            primaryTextOnLightBg: string;
+            primaryBg: string;
+            primaryBgHover: string;
+            primaryTextOnWhite: string;
+            bodyGray: string;
+            hoverDarker: string;
+            borderDarker: string;
+            selectedDarker: string;
+            selectedOnBodyGray: string;
+            darkGrayBg: string;
+            border: string;
+            text: string;
+            secondaryText: string;
+            focusRing: string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+        };
+        fontWeights: {
+            normal: string;
+            medium: string;
+            bold: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            6: string;
+            8: string;
+        };
+        shadows: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            overlayCard: string;
+        };
+        radii: {
+            xs: string;
+            sm: string;
+            md: string;
+            mdmd: string;
+            full: string;
+        };
+        zIndices: {
+            toast: number;
+            overlayCard: number;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
+}) => JSX.Element;
 export {};

package/dist/rich-text/rich-text.d.ts

@@ -3,3 +3,4 @@ export * from './config';
 export * from './Editor';
 export * from './editorContext';
 export * from './styles';
+export * from './Toolbar/Toolbar';

package/dist/rich-text.es.js

@@ -1,21 +1,21 @@
 import { createHeadlessEditor as dt } from "@lexical/headless";
 import { $generateHtmlFromNodes as ct } from "@lexical/html";
-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 { $getRoot as _, ParagraphNode as ht, $createParagraphNode as R, $createTextNode as W, $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 D, FORMAT_TEXT_COMMAND as z, 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 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 { ListNode as X, ListItemNode as Tt, $isListNode as j, 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 _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-6b0364a0.js";
+import { jsx as o, jsxs as b, Fragment as O } from "react/jsx-runtime";
+import { createContext as _t, useState as v, useRef as Z, useCallback as M, useContext as Rt, useEffect as B, 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 $, b as Ft, d as I, 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-6b0364a0.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 R } from "@lexical/react/LexicalComposerContext.js";
+import { useLexicalComposerContext as H } 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 { G as c } 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";
@@ -25,70 +25,70 @@ import "@radix-ui/react-toolbar";
 import "@radix-ui/react-dropdown-menu";
 const le = ({
   text: t,
-  maxChars: r,
-  maxLines: e
+  maxChars: e,
+  maxLines: r
 }) => {
   if (t.length === 0)
     return 0;
-  const n = typeof e == "number", a = typeof r == "number";
+  const n = typeof r == "number", a = typeof e == "number";
   if (!n && !a)
     return t.length;
   let l = 0, i = 0;
-  for (; i < t.length && (!n || l < e) && (!a || i < r); )
+  for (; i < t.length && (!n || l < r) && (!a || i < e); )
     t[i] === `
 ` && l++, i++;
   return t.slice(0, i).length;
 }, se = ({
   editor: t,
-  maxChars: r,
-  maxLines: e
+  maxChars: e,
+  maxLines: r
 }) => {
-  const n = O(), a = n.getTextContent(), l = le({ text: a, maxChars: r, maxLines: e }), i = a.length - l, p = n.select().anchor;
+  const n = _(), a = n.getTextContent(), l = le({ text: a, maxChars: e, maxLines: r }), i = a.length - l, p = n.select().anchor;
   vt(t, p, 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) => {
+}, nt = (t) => t[0] === "{", de = (t) => t !== null && typeof t == "object" && "isEmpty" in t, ce = (t, e) => {
   t.update(
     () => {
-      const e = O();
-      e.clear();
-      const n = $();
-      n.append(P("")), e.append(n), G(null);
+      const r = _();
+      r.clear();
+      const n = R();
+      n.append(W("")), r.append(n), G(null);
     },
     {
-      tag: r
+      tag: e
     }
   );
-}, he = (t, r, e) => {
-  r.update(
+}, he = (t, e, r) => {
+  e.update(
     () => {
-      const n = O();
+      const n = _();
       n.clear();
-      const a = $();
-      a.append(P(t.trim())), n.append(a), G(null);
+      const a = R();
+      a.append(W(t.trim())), n.append(a), G(null);
     },
     {
-      tag: e
+      tag: r
     }
-  ), r.blur();
-}, Cr = (t, r, e) => {
+  ), e.blur();
+}, br = (t, e, r) => {
   let n = 0;
   const a = dt({
-    nodes: r,
+    nodes: e,
     editable: !1
   });
   if (t)
     try {
       if (typeof t == "string" && !nt(t))
         a.update(() => {
-          const i = O(), d = $();
-          d.append(P(t.trim())), i.append(d);
+          const i = _(), d = R();
+          d.append(W(t.trim())), i.append(d);
         });
       else {
         const i = a.parseEditorState(t, () => {
           n = se({
             editor: a,
-            maxLines: e == null ? void 0 : e.maxLines
+            maxLines: r == null ? void 0 : r.maxLines
           });
         });
         i.isEmpty() || a.setEditorState(i);
@@ -100,7 +100,7 @@ const le = ({
   return a.update(() => {
     l = ct(a);
   }), { html: l, trimCount: n };
-}, br = [
+}, Tr = [
   Nt,
   St,
   X,
@@ -137,15 +137,15 @@ const le = ({
     }
   }
 }, 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);
+  const [e, r] = v(!1), n = Z(null), a = M(() => {
+    r(!0), n.current && window.clearTimeout(n.current);
   }, []), l = M(() => {
     n.current = window.setTimeout(() => {
-      e(!1), t == null || t();
+      r(!1), t == null || t();
     }, 0);
   }, [t]);
   return {
-    hasFocus: r,
+    hasFocus: e,
     attributes: {
       onFocus: a,
       onBlur: l
@@ -153,52 +153,52 @@ const le = ({
   };
 }, 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);
+  return c({ 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);
+  return c({ 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);
+  return c({ 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);
+  return c({ 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 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);
+  return c({ 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 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);
+  return c({ 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 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);
+  return c({ 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 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);
+  return c({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M19 14a2 2 0 1 0 0 4a2 2 0 0 0 0 -4z" } }, { tag: "path", attr: { d: "M21 12a2 2 0 1 0 -4 0v4" } }, { tag: "path", attr: { d: "M4 6v12" } }, { tag: "path", attr: { d: "M12 6v12" } }, { tag: "path", attr: { d: "M11 18h2" } }, { tag: "path", attr: { d: "M3 18h2" } }, { tag: "path", attr: { d: "M4 12h8" } }, { tag: "path", attr: { d: "M3 6h2" } }, { tag: "path", attr: { d: "M11 6h2" } }] })(t);
 }
 function Ee(t) {
-  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 5l6 0" } }, { tag: "path", attr: { d: "M7 19l6 0" } }, { tag: "path", attr: { d: "M14 5l-4 14" } }] })(t);
+  return c({ 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);
+  return c({ 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 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);
+  return c({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M3.5 5.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 11.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M3.5 17.5l1.5 1.5l2.5 -2.5" } }, { tag: "path", attr: { d: "M11 6l9 0" } }, { tag: "path", attr: { d: "M11 12l9 0" } }, { tag: "path", attr: { d: "M11 18l9 0" } }] })(t);
 }
 function Ie(t) {
-  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "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);
+  return c({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M11 6h9" } }, { tag: "path", attr: { d: "M11 12h9" } }, { tag: "path", attr: { d: "M12 18h8" } }, { tag: "path", attr: { d: "M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" } }, { tag: "path", attr: { d: "M6 10v-6l-2 2" } }] })(t);
 }
 function Oe(t) {
-  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "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);
+  return c({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M9 6l11 0" } }, { tag: "path", attr: { d: "M9 12l11 0" } }, { tag: "path", attr: { d: "M9 18l11 0" } }, { tag: "path", attr: { d: "M5 6l0 .01" } }, { tag: "path", attr: { d: "M5 12l0 .01" } }, { tag: "path", attr: { d: "M5 18l0 .01" } }] })(t);
 }
 function $e(t) {
-  return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "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);
+  return c({ 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 _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);
+  return c({ 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 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);
+  return c({ 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 Be = et("div", {
   width: "10rem",
@@ -229,10 +229,10 @@ const Be = et("div", {
   quote: /* @__PURE__ */ o($e, { size: "1.25rem" })
 }, f = ({
   blockType: t
-}) => /* @__PURE__ */ C(j, { children: [
-  /* @__PURE__ */ o(I, { css: { display: "flex", flex: "0 0 auto" }, children: He[t] }),
+}) => /* @__PURE__ */ b(O, { children: [
+  /* @__PURE__ */ o($, { css: { display: "flex", flex: "0 0 auto" }, children: He[t] }),
   /* @__PURE__ */ o(
-    I,
+    $,
     {
       css: {
         flex: "1 1 auto",
@@ -246,46 +246,46 @@ const Be = et("div", {
 ] }), De = (t) => {
   if (!y(t))
     return null;
-  const r = t.anchor.getNode();
-  let e = r.getKey() === "root" ? r : rt(r, (n) => {
+  const e = t.anchor.getNode();
+  let r = e.getKey() === "root" ? e : rt(e, (n) => {
     const a = n.getParent();
     return a !== null && ut(a);
   });
-  return e === null && (e = r.getTopLevelElementOrThrow()), {
-    anchorNode: r,
-    element: e
+  return r === null && (r = e.getTopLevelElementOrThrow()), {
+    anchorNode: e,
+    element: r
   };
 }, Fe = () => {
-  const [t] = R(), [r, e] = v("paragraph");
-  _(() => t.registerCommand(
+  const [t] = H(), [e, r] = v("paragraph");
+  B(() => t.registerCommand(
     Q,
     () => {
       const s = L(), g = De(s);
       if (!g)
         return !1;
-      const { element: c, anchorNode: S } = g, b = c.getKey();
-      if (t.getElementByKey(b) !== null)
-        if (A(c)) {
+      const { element: u, anchorNode: C } = g, S = u.getKey();
+      if (t.getElementByKey(S) !== null)
+        if (j(u)) {
           const k = re(
-            S,
+            C,
             X
-          ), B = k ? k.getListType() : c.getListType();
-          e(B);
+          ), w = k ? k.getListType() : u.getListType();
+          r(w);
         } else {
-          const k = Et(c) ? c.getTag() : c.getType();
-          k in it && e(k);
+          const k = Et(u) ? u.getTag() : u.getType();
+          k in it && r(k);
         }
       return !1;
     },
     V
   ), [t]);
   const n = (s) => {
-    r !== s && t.update(() => {
+    e !== s && t.update(() => {
       const g = L();
-      (y(g) || H(g)) && (D(g, () => wt(s)), e(s));
+      (y(g) || D(g)) && (F(g, () => wt(s)), r(s));
     });
   };
-  return /* @__PURE__ */ o(Be, { children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ o(Be, { children: /* @__PURE__ */ b(
     Ht,
     {
       trigger: /* @__PURE__ */ o(
@@ -293,16 +293,16 @@ const Be = et("div", {
         {
           dropdown: !0,
           css: { display: "flex", width: "100%", overflow: "hidden" },
-          children: /* @__PURE__ */ o(f, { blockType: r })
+          children: /* @__PURE__ */ o(f, { blockType: e })
         }
       ),
       side: "bottom",
       align: "start",
       children: [
         /* @__PURE__ */ o(m, { onClick: () => {
-          r !== "paragraph" && t.update(() => {
+          e !== "paragraph" && t.update(() => {
             const s = L();
-            (y(s) || H(s)) && (D(s, () => $()), e("paragraph"));
+            (y(s) || D(s)) && (F(s, () => R()), r("paragraph"));
           });
         }, children: /* @__PURE__ */ o(f, { blockType: "paragraph" }) }),
         /* @__PURE__ */ o(m, { onClick: () => n("h1"), children: /* @__PURE__ */ o(f, { blockType: "h1" }) }),
@@ -312,60 +312,60 @@ const Be = et("div", {
         /* @__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"));
+          e !== "bullet" && (t.dispatchCommand(Lt, void 0), r("bullet"));
         }, children: /* @__PURE__ */ o(f, { blockType: "bullet" }) }),
         /* @__PURE__ */ o(m, { onClick: () => {
-          r !== "number" && (t.dispatchCommand(yt, void 0), e("number"));
+          e !== "number" && (t.dispatchCommand(yt, void 0), r("number"));
         }, children: /* @__PURE__ */ o(f, { blockType: "number" }) }),
         /* @__PURE__ */ o(m, { onClick: () => {
-          r !== "check" && (t.dispatchCommand(J, void 0), e("check"));
+          e !== "check" && (t.dispatchCommand(J, void 0), r("check"));
         }, children: /* @__PURE__ */ o(f, { blockType: "check" }) }),
         /* @__PURE__ */ o(m, { onClick: () => {
-          r !== "quote" && t.update(() => {
+          e !== "quote" && t.update(() => {
             const s = L();
-            (y(s) || H(s)) && (D(s, () => zt()), e("quote"));
+            (y(s) || D(s)) && (F(s, () => zt()), r("quote"));
           });
         }, children: /* @__PURE__ */ o(f, { blockType: "quote" }) })
       ]
     }
   ) });
 }, 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();
-    y(u) && (e(u.hasFormat("bold")), a(u.hasFormat("italic")), i(u.hasFormat("underline")), p(u.hasFormat("code")), g(u.hasFormat("superscript")));
+  const [t] = H(), [e, r] = v(!1), [n, a] = v(!1), [l, i] = v(!1), [d, p] = v(!1), [s, g] = v(!1), u = M(() => {
+    const h = L();
+    y(h) && (r(h.hasFormat("bold")), a(h.hasFormat("italic")), i(h.hasFormat("underline")), p(h.hasFormat("code")), g(h.hasFormat("superscript")));
   }, []);
-  _(() => ot(
+  B(() => ot(
     t.registerCommand(
       Q,
-      () => (c(), !1),
+      () => (u(), !1),
       V
     ),
-    t.registerUpdateListener(({ editorState: u }) => {
-      u.read(() => {
-        c();
+    t.registerUpdateListener(({ editorState: h }) => {
+      h.read(() => {
+        u();
       });
     })
-  ), [t, c]);
-  const S = M(
-    () => t.dispatchCommand(E, "bold"),
+  ), [t, u]);
+  const C = M(
+    () => t.dispatchCommand(z, "bold"),
     [t]
-  ), b = M(
-    () => t.dispatchCommand(E, "italic"),
+  ), S = M(
+    () => t.dispatchCommand(z, "italic"),
     [t]
-  ), z = M(
-    () => t.dispatchCommand(E, "underline"),
+  ), E = M(
+    () => t.dispatchCommand(z, "underline"),
     [t]
   ), k = M(
-    () => t.dispatchCommand(E, "code"),
+    () => t.dispatchCommand(z, "code"),
     [t]
-  ), B = M(
-    () => t.dispatchCommand(E, "superscript"),
+  ), w = M(
+    () => t.dispatchCommand(z, "superscript"),
     [t]
   ), st = tt(() => {
-    const u = [];
-    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(
+    const h = [];
+    return e && h.push("bold"), n && h.push("italic"), l && h.push("underline"), d && h.push("code"), s && h.push("superscript"), h;
+  }, [e, n, l, d, s]);
+  return /* @__PURE__ */ b(
     Ft,
     {
       type: "multiple",
@@ -373,34 +373,34 @@ const Be = et("div", {
       value: st,
       children: [
         /* @__PURE__ */ o(
-          w,
+          I,
           {
-            onClick: S,
+            onClick: C,
             title: "Fet tekst",
             value: "bold",
             children: /* @__PURE__ */ o(Ce, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          w,
+          I,
           {
-            onClick: b,
+            onClick: S,
             title: "Kursiv tekst",
             value: "italic",
             children: /* @__PURE__ */ o(Ee, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          w,
+          I,
           {
-            onClick: z,
+            onClick: E,
             title: "Understreket tekst",
             value: "underline",
             children: /* @__PURE__ */ o(Re, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          w,
+          I,
           {
             onClick: k,
             title: "Kode",
@@ -409,9 +409,9 @@ const Be = et("div", {
           }
         ),
         /* @__PURE__ */ o(
-          w,
+          I,
           {
-            onClick: B,
+            onClick: w,
             title: "Superscript",
             value: "superscript",
             children: /* @__PURE__ */ o(_e, { size: "1.25rem" })
@@ -421,7 +421,7 @@ const Be = et("div", {
     }
   );
 }, We = ({ children: t }) => {
-  const { hasFocus: r, editorRef: e } = ve(), n = r, [a, l] = v(n);
+  const { hasFocus: e, editorRef: r } = ve(), n = e, [a, l] = v(n);
   Bt(() => {
     l(n);
   }, [n]);
@@ -430,8 +430,8 @@ const Be = et("div", {
     whileElementsMounted: Wt,
     middleware: [
       At({
-        apply: ({ rects: g, elements: c }) => {
-          c.floating.style.minWidth = `${g.reference.width}px`;
+        apply: ({ rects: g, elements: u }) => {
+          u.floating.style.minWidth = `${g.reference.width}px`;
         }
       }),
       jt(),
@@ -445,7 +445,7 @@ const Be = et("div", {
     open: a,
     onOpenChange: l,
     elements: {
-      reference: e.current
+      reference: r.current
     }
   }), { getFloatingProps: s } = Yt([
     qt(i, {
@@ -464,18 +464,21 @@ const Be = et("div", {
         overflow: "hidden",
         boxShadow: "$md"
       },
-      children: /* @__PURE__ */ C(Vt, { "aria-label": "Formattering", children: [
-        /* @__PURE__ */ o(Fe, {}),
-        /* @__PURE__ */ o(Xt, {}),
-        /* @__PURE__ */ o(Pe, {}),
-        t
-      ] })
+      children: /* @__PURE__ */ o(Ae, { children: t })
     }
   ) }) : null;
-};
-function Ae() {
-  const [t] = R();
-  return _(() => ot(
+}, Ae = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ b(Vt, { "aria-label": "Formattering", ...e, children: [
+  /* @__PURE__ */ o(Fe, {}),
+  /* @__PURE__ */ o(Xt, {}),
+  /* @__PURE__ */ o(Pe, {}),
+  t
+] });
+function je() {
+  const [t] = H();
+  return B(() => ot(
     t.registerCommand(
       J,
       () => (xt(t, "check"), !0),
@@ -483,18 +486,18 @@ function Ae() {
     ),
     t.registerCommand(
       pt,
-      (r) => q(r, t, !1),
+      (e) => q(e, t, !1),
       T
     ),
     t.registerCommand(
       gt,
-      (r) => q(r, t, !0),
+      (e) => q(e, t, !0),
       T
     ),
     t.registerCommand(
       ft,
-      (r) => {
-        if (F() != null) {
+      (e) => {
+        if (P() != null) {
           const n = t.getRootElement();
           return n != null && n.focus(), !0;
         }
@@ -504,21 +507,21 @@ function Ae() {
     ),
     t.registerCommand(
       mt,
-      (r) => {
-        const e = F();
-        return e != null && t.isEditable() ? (t.update(() => {
-          const n = W(e);
-          x(n) && (r.preventDefault(), n.toggleChecked());
+      (e) => {
+        const r = P();
+        return r != null && t.isEditable() ? (t.update(() => {
+          const n = A(r);
+          x(n) && (e.preventDefault(), n.toggleChecked());
         }), !0) : !1;
       },
       T
     ),
     t.registerCommand(
       kt,
-      (r) => t.getEditorState().read(() => {
-        const e = L();
-        if (y(e) && e.isCollapsed()) {
-          const { anchor: n } = e, a = n.type === "element";
+      (e) => t.getEditorState().read(() => {
+        const r = L();
+        if (y(r) && r.isCollapsed()) {
+          const { anchor: n } = r, a = n.type === "element";
           if (a || n.offset === 0) {
             const l = n.getNode(), i = rt(
               l,
@@ -526,10 +529,10 @@ function Ae() {
             );
             if (x(i)) {
               const d = i.getParent();
-              if (A(d) && d.getListType() === "check" && (a || i.getFirstDescendant() === l)) {
+              if (j(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;
+                  return p.focus(), e.preventDefault(), !0;
               }
             }
           }
@@ -538,31 +541,31 @@ function Ae() {
       }),
       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.registerRootListener((e, r) => {
+      e !== null && (e.addEventListener("click", U), e.addEventListener("pointerdown", Y)), r !== null && (r.removeEventListener("click", U), r.removeEventListener("pointerdown", Y));
     })
   ), [t]), null;
 }
-function lt(t, r) {
-  const e = t.target;
-  if (e === null || !K(e))
+function lt(t, e) {
+  const r = t.target;
+  if (r === null || !K(r))
     return;
-  const n = e.firstChild;
+  const n = r.firstChild;
   if (n != null && K(n) && (n.tagName === "UL" || n.tagName === "OL"))
     return;
-  const a = e.parentNode;
+  const a = r.parentNode;
   if (!a || a.__lexicalListType !== "check")
     return;
-  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();
+  const l = t.pageX, i = r.getBoundingClientRect();
+  (r.dir === "rtl" ? l < i.right && l > i.right - 20 : l > i.left && l < i.left + 20) && e();
 }
 function U(t) {
   lt(t, () => {
-    const r = t.target, e = je(r);
-    e != null && e.isEditable() && e.update(() => {
+    const e = t.target, r = Ke(e);
+    r != null && r.isEditable() && r.update(() => {
       if (t.target) {
-        const n = W(r);
-        x(n) && (r.focus(), n.toggleChecked());
+        const n = A(e);
+        x(n) && (e.focus(), n.toggleChecked());
       }
     });
   });
@@ -572,76 +575,76 @@ function Y(t) {
     t.preventDefault();
   });
 }
-function je(t) {
-  let r = t;
-  for (; r; ) {
-    if (r.__lexicalEditor)
-      return r.__lexicalEditor;
-    r = r.parentNode;
+function Ke(t) {
+  let e = t;
+  for (; e; ) {
+    if (e.__lexicalEditor)
+      return e.__lexicalEditor;
+    e = e.parentNode;
   }
   return null;
 }
-function F() {
+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 && x(n); )
-    n = n.getParentOrThrow().getParent(), n != null && (e = r ? n.getPreviousSibling() : n.getNextSibling());
-  for (; x(e); ) {
-    const a = r ? e.getLastChild() : e.getFirstChild();
-    if (!A(a))
-      return e;
-    e = r ? a.getLastChild() : a.getFirstChild();
+function Ue(t, e) {
+  let r = e ? t.getPreviousSibling() : t.getNextSibling(), n = t;
+  for (; r == null && x(n); )
+    n = n.getParentOrThrow().getParent(), n != null && (r = e ? n.getPreviousSibling() : n.getNextSibling());
+  for (; x(r); ) {
+    const a = e ? r.getLastChild() : r.getFirstChild();
+    if (!j(a))
+      return r;
+    r = e ? a.getLastChild() : a.getFirstChild();
   }
   return null;
 }
-function q(t, r, e) {
-  const n = F();
-  return n != null && r.update(() => {
-    const a = W(n);
+function q(t, e, r) {
+  const n = P();
+  return n != null && e.update(() => {
+    const a = A(n);
     if (!x(a))
       return;
-    const l = Ke(a, e);
+    const l = Ue(a, r);
     if (l != null) {
       l.selectStart();
-      const i = r.getElementByKey(l.__key);
+      const i = e.getElementByKey(l.__key);
       i != null && (t.preventDefault(), setTimeout(() => {
         i.focus();
       }, 0));
     }
   }), !1;
 }
-const Ue = () => /* @__PURE__ */ C(j, { children: [
+const Ye = () => /* @__PURE__ */ b(O, { children: [
   /* @__PURE__ */ o(oe, {}),
   /* @__PURE__ */ o(ae, {}),
   /* @__PURE__ */ o(ne, {}),
-  /* @__PURE__ */ o(Ae, {}),
+  /* @__PURE__ */ o(je, {}),
   /* @__PURE__ */ o(ie, {})
-] }), Ye = ({
+] }), qe = ({
   state: t
 }) => {
-  const [r] = R();
-  return _(() => {
+  const [e] = H();
+  return B(() => {
     if (t)
       try {
         if (de(t)) {
-          t.isEmpty() ? ce(r) : r.setEditorState(t);
+          t.isEmpty() ? ce(e) : e.setEditorState(t);
           return;
         }
         if (typeof t == "string" && !nt(t)) {
-          he(t, r);
+          he(t, e);
           return;
         }
-        const e = r.parseEditorState(t);
-        e.isEmpty() || r.setEditorState(e);
-      } catch (e) {
-        console.error("Could not parse"), console.error(e);
+        const r = e.parseEditorState(t);
+        r.isEmpty() || e.setEditorState(r);
+      } catch (r) {
+        console.error("Could not parse"), console.error(r);
       }
   }, []), null;
-}, qe = et("div", {
+}, Ge = et("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -678,10 +681,10 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
       }
     }
   ]
-}), Ge = ({
+}), Qe = ({
   isLoading: t
 }) => /* @__PURE__ */ o(
-  I,
+  $,
   {
     css: {
       visibility: t ? "visible" : "hidden",
@@ -692,48 +695,50 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
     },
     children: /* @__PURE__ */ o(Jt, {})
   }
-), Tr = ({
+), Lr = ({
   isLoading: t,
-  children: r,
-  placeholderText: e,
+  children: e,
+  placeholderText: r,
   nodes: n,
   plugins: a,
-  toolbarContent: l,
-  content: i,
-  hideBorder: d,
-  onBlur: p,
-  defaultState: s,
-  css: g
+  toolbar: l,
+  toolbarContent: i,
+  content: d,
+  hideBorder: p,
+  onBlur: s,
+  defaultState: g,
+  css: u
 }) => {
-  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(
+  const { hasFocus: C, attributes: S } = Me({ onBlur: s }), E = Z(null), k = tt(() => ({ hasFocus: C, editorRef: E }), [C]);
+  return /* @__PURE__ */ o(at.Provider, { value: k, children: /* @__PURE__ */ b(
     Zt,
     {
       initialConfig: {
         namespace: "CommentEditor",
-        onError: (k) => {
-          console.error(k);
+        onError: (w) => {
+          console.error(w);
         },
         theme: ke,
         nodes: n,
         editable: !0
       },
       children: [
-        /* @__PURE__ */ C(
-          qe,
+        /* @__PURE__ */ o(O, { children: l }),
+        /* @__PURE__ */ b(
+          Ge,
           {
-            ref: b,
-            hasFocus: c,
-            hideBorder: d,
-            css: g,
+            ref: E,
+            hasFocus: C,
+            hideBorder: p,
+            css: u,
             ...S,
             children: [
               /* @__PURE__ */ o(
                 te,
                 {
-                  contentEditable: i,
-                  placeholder: e ? /* @__PURE__ */ o(
-                    I,
+                  contentEditable: d,
+                  placeholder: r ? /* @__PURE__ */ o(
+                    $,
                     {
                       css: {
                         position: "absolute",
@@ -743,25 +748,25 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: e
+                      children: r
                     }
                   ) : null,
                   ErrorBoundary: ee
                 }
               ),
-              /* @__PURE__ */ o(Ue, {}),
+              /* @__PURE__ */ o(Ye, {}),
               a,
-              /* @__PURE__ */ o(Ge, { isLoading: t }),
-              /* @__PURE__ */ o(We, { children: l })
+              /* @__PURE__ */ o(Qe, { isLoading: t }),
+              !l && /* @__PURE__ */ o(We, { children: i })
             ]
           }
         ),
-        /* @__PURE__ */ o(Ye, { state: s }),
-        /* @__PURE__ */ o(j, { children: r })
+        /* @__PURE__ */ o(qe, { state: g }),
+        /* @__PURE__ */ o(O, { children: e })
       ]
     }
   ) });
-}, Lr = N({
+}, yr = N({
   fontSize: "1rem",
   lineHeight: "1.5",
   "h1, h2, h3, h4, h5, h6": {
@@ -903,15 +908,17 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
   }
 });
 export {
-  Tr as RichTextEditor,
+  We as FloatingToolbar,
+  Lr as RichTextEditor,
+  Ae as RichTextToolbar,
   ce as clearEditorState,
-  br as defaultNodes,
+  Tr as defaultNodes,
   de as isEditorState,
   nt as isJSON,
   at as richTextContext,
-  Lr as richTextCss,
+  yr as richTextCss,
   he as setStateFromPlainText,
-  Cr as stateToHTML,
+  br as stateToHTML,
   Me as useHasFocusWithin,
   ve as useRichTextContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "exports": {
     ".": {