@arkitektbedriftene/fe-lib 0.4.20 → 0.4.22

package/dist/{Checkbox-a342242a.js → Checkbox-8b8c360d.js}

@@ -3781,19 +3781,7 @@ const ge = W("div"), Ct = Fn(
     [t]
   );
   return /* @__PURE__ */ L(Kn, { components: i, styles: r, ...o });
-}, bs = ({
-  clearable: e = !0,
-  multi: t = !1,
-  ...n
-}) => (e = t ? !1 : e, /* @__PURE__ */ L(
-  Pi,
-  {
-    ...n,
-    isClearable: e,
-    isMulti: t,
-    isSearchable: !0
-  }
-)), Ai = Ve({
+}, bs = (e) => /* @__PURE__ */ L(Pi, { ...e, isSearchable: !0 }), Ai = Ve({
   display: "block",
   width: "100%",
   padding: "0.5rem 0.75rem",

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

@@ -6,6 +6,7 @@ export declare const setStateFromPlainText: (str: string, editor: LexicalEditor,
 export declare const stateToHTML: (state: SerializedEditorState | string | null | undefined, nodes: CreateEditorArgs["nodes"], options?: {
     maxLines?: number | null;
     onlyMainContent?: boolean;
+    updateFn?: () => void;
 }) => {
     html: string;
     trimCount: number;

package/dist/rich-text.es.js

@@ -1,17 +1,17 @@
 var Ht = Object.defineProperty;
-var Wt = (t, e, r) => e in t ? Ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var lt = (t, e, r) => (Wt(t, typeof e != "symbol" ? e + "" : e, r), r);
+var Wt = (t, r, e) => r in t ? Ht(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var lt = (t, r, e) => (Wt(t, typeof r != "symbol" ? r + "" : r, e), e);
 import { createHeadlessEditor as Ut } from "@lexical/headless";
 import { $generateHtmlFromNodes as jt } from "@lexical/html";
-import { $getRoot as j, ParagraphNode as Kt, $createParagraphNode as K, $createTextNode as B, $setSelection as kt, SELECTION_CHANGE_COMMAND as F, $getSelection as T, COMMAND_PRIORITY_CRITICAL as J, $isRangeSelection as L, $isRootOrShadowRoot as Yt, DEPRECATED_$isGridSelection as G, FORMAT_TEXT_COMMAND as A, COMMAND_PRIORITY_LOW as w, KEY_ARROW_DOWN_COMMAND as qt, KEY_ARROW_UP_COMMAND as Gt, KEY_ESCAPE_COMMAND as bt, KEY_SPACE_COMMAND as Xt, $getNearestNodeFromDOMNode as V, KEY_ARROW_LEFT_COMMAND as Qt, $isElementNode as Jt, COMMAND_PRIORITY_NORMAL as Vt, $isParagraphNode as Zt, COMMAND_PRIORITY_HIGH as te } from "lexical";
+import { $getRoot as j, ParagraphNode as Kt, $createParagraphNode as K, $createTextNode as B, $setSelection as kt, SELECTION_CHANGE_COMMAND as F, $getSelection as L, COMMAND_PRIORITY_CRITICAL as J, $isRangeSelection as T, $isRootOrShadowRoot as Yt, DEPRECATED_$isGridSelection as G, FORMAT_TEXT_COMMAND as A, COMMAND_PRIORITY_LOW as w, KEY_ARROW_DOWN_COMMAND as qt, KEY_ARROW_UP_COMMAND as Gt, KEY_ESCAPE_COMMAND as bt, KEY_SPACE_COMMAND as Xt, $getNearestNodeFromDOMNode as V, KEY_ARROW_LEFT_COMMAND as Qt, $isElementNode as Jt, COMMAND_PRIORITY_NORMAL as Vt, $isParagraphNode as Zt, COMMAND_PRIORITY_HIGH as te } from "lexical";
 import { trimTextContentFromAnchor as ee, $setBlocksType as X, $isAtNodeEnd as st } from "@lexical/selection";
 import { AutoLinkNode as re, LinkNode as vt, $isLinkNode as W, TOGGLE_LINK_COMMAND as Z } from "@lexical/link";
 import { ListNode as Ct, ListItemNode as ne, $isListNode as tt, INSERT_UNORDERED_LIST_COMMAND as oe, INSERT_ORDERED_LIST_COMMAND as ie, INSERT_CHECK_LIST_COMMAND as Mt, insertList as ae, $isListItemNode as z } from "@lexical/list";
 import { HeadingNode as le, QuoteNode as se, $isHeadingNode as ce, $createHeadingNode as de, $createQuoteNode as ue } from "@lexical/rich-text";
 import { TableNode as he, TableRowNode as pe, TableCellNode as ge, INSERT_TABLE_COMMAND as fe, $getTableCellNodeFromLexicalNode as me, $deleteTableColumn__EXPERIMENTAL as ke, $deleteTableRow__EXPERIMENTAL as be, $insertTableColumn__EXPERIMENTAL as ct, $insertTableRow__EXPERIMENTAL as dt } from "@lexical/table";
 import { jsx as n, jsxs as f, Fragment as Y } from "react/jsx-runtime";
-import { createContext as ve, useState as b, useRef as et, useCallback as v, useContext as Ce, useEffect as N, useMemo as Tt, useLayoutEffect as Me } from "react";
-import { c as O, s as Lt, D as rt, T as Nt, a as M, B as P, b as yt, d as _, u as nt, e as xt, f as Te, g as Le, o as St, h as Ne, i as Et, j as wt, F as Rt, O as It, k as ye, l as xe, S as Se, m as $, n as I, p as ut, q as Ee, N as we, r as ht, t as Re, v as _t, C as Ie, w as _e, x as ze } from "./Checkbox-a342242a.js";
+import { createContext as ve, useState as b, useRef as et, useCallback as v, useContext as Ce, useEffect as N, useMemo as Lt, useLayoutEffect as Me } from "react";
+import { c as O, s as Tt, D as rt, T as Nt, a as M, B as P, b as yt, d as _, u as nt, e as xt, f as Le, g as Te, o as St, h as Ne, i as Et, j as wt, F as Rt, O as It, k as ye, l as xe, S as Se, m as $, n as I, p as ut, q as Ee, N as we, r as ht, t as Re, v as _t, C as Ie, w as _e, x as ze } from "./Checkbox-8b8c360d.js";
 import "react-select";
 import { LexicalComposer as $e } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as Oe } from "@lexical/react/LexicalRichTextPlugin.js";
@@ -30,42 +30,42 @@ import "@radix-ui/react-dropdown-menu";
 import "@radix-ui/react-checkbox";
 const Ue = ({
   text: t,
-  maxChars: e,
-  maxLines: r
+  maxChars: r,
+  maxLines: e
 }) => {
   if (t.length === 0)
     return 0;
-  const o = typeof r == "number", i = typeof e == "number";
+  const o = typeof e == "number", i = typeof r == "number";
   if (!o && !i)
     return t.length;
   let l = 0, a = 0;
-  for (; a < t.length && (!o || l < r) && (!i || a < e); )
+  for (; a < t.length && (!o || l < e) && (!i || a < r); )
     t[a] === `
 ` && l++, a++;
   return t.slice(0, a).length;
 }, je = ({
   editor: t,
-  maxChars: e,
-  maxLines: r
+  maxChars: r,
+  maxLines: e
 }) => {
-  const o = j(), i = o.getTextContent(), l = Ue({ text: i, maxChars: e, maxLines: r }), a = i.length - l, d = o.select().anchor;
+  const o = j(), i = o.getTextContent(), l = Ue({ text: i, maxChars: r, maxLines: e }), a = i.length - l, d = o.select().anchor;
   ee(t, d, a);
   const c = o.getLastChild();
   return c instanceof Kt && c.getChildrenSize() === 0 && c.remove(), a;
-}, $t = (t) => t[0] === "{", Ke = (t) => t !== null && typeof t == "object" && "isEmpty" in t, Ye = (t, e) => {
+}, $t = (t) => t[0] === "{", Ke = (t) => t !== null && typeof t == "object" && "isEmpty" in t, Ye = (t, r) => {
   t.update(
     () => {
-      const r = j();
-      r.clear();
+      const e = j();
+      e.clear();
       const o = K();
-      o.append(B("")), r.append(o), kt(null);
+      o.append(B("")), e.append(o), kt(null);
     },
     {
-      tag: e
+      tag: r
     }
   );
-}, qe = (t, e, r) => {
-  e.update(
+}, qe = (t, r, e) => {
+  r.update(
     () => {
       const o = j();
       o.clear();
@@ -73,13 +73,13 @@ const Ue = ({
       i.append(B(t.trim())), o.append(i), kt(null);
     },
     {
-      tag: r
+      tag: e
     }
-  ), e.blur();
-}, gn = (t, e, r) => {
+  ), r.blur();
+}, gn = (t, r, e) => {
   let o = 0;
   const i = Ut({
-    nodes: e,
+    nodes: r,
     editable: !1
   });
   if (t)
@@ -91,10 +91,10 @@ const Ue = ({
         });
       else {
         const a = i.parseEditorState(t, () => {
-          o = je({
+          (e == null ? void 0 : e.maxLines) !== void 0 && (o = je({
             editor: i,
-            maxLines: r == null ? void 0 : r.maxLines
-          });
+            maxLines: e.maxLines
+          }));
         });
         a.isEmpty() || i.setEditorState(a);
       }
@@ -103,7 +103,8 @@ const Ue = ({
     }
   let l = "";
   return i.update(() => {
-    l = jt(i);
+    var a;
+    e != null && e.updateFn && ((a = e.updateFn) == null || a.call(e)), l = jt(i);
   }), { html: l, trimCount: o };
 }, fn = [
   le,
@@ -142,15 +143,15 @@ const Ue = ({
     }
   }
 }, Ot = ve({ hasFocus: !1, editorRef: { current: null } }), tr = ({ onBlur: t }) => {
-  const [e, r] = b(!1), o = et(null), i = v(() => {
-    r(!0), o.current && window.clearTimeout(o.current);
+  const [r, e] = b(!1), o = et(null), i = v(() => {
+    e(!0), o.current && window.clearTimeout(o.current);
   }, []), l = v(() => {
     o.current = window.setTimeout(() => {
-      r(!1), t == null || t();
+      e(!1), t == null || t();
     }, 0);
   }, [t]);
   return {
-    hasFocus: e,
+    hasFocus: r,
     attributes: {
       onFocus: i,
       onBlur: l
@@ -211,7 +212,7 @@ function kr(t) {
 function br(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 vr = Lt("div", {
+const vr = Tt("div", {
   width: "10rem",
   display: "flex"
 }), Dt = {
@@ -255,23 +256,23 @@ const vr = Lt("div", {
     }
   )
 ] }), Mr = (t) => {
-  if (!L(t))
+  if (!T(t))
     return null;
-  const e = t.anchor.getNode();
-  let r = e.getKey() === "root" ? e : zt(e, (o) => {
+  const r = t.anchor.getNode();
+  let e = r.getKey() === "root" ? r : zt(r, (o) => {
     const i = o.getParent();
     return i !== null && Yt(i);
   });
-  return r === null && (r = e.getTopLevelElementOrThrow()), {
-    anchorNode: e,
-    element: r
+  return e === null && (e = r.getTopLevelElementOrThrow()), {
+    anchorNode: r,
+    element: e
   };
-}, Tr = () => {
-  const [t] = y(), [e, r] = b("paragraph");
+}, Lr = () => {
+  const [t] = y(), [r, e] = b("paragraph");
   N(() => t.registerCommand(
     F,
     () => {
-      const c = T(), g = Mr(c);
+      const c = L(), g = Mr(c);
       if (!g)
         return !1;
       const { element: u, anchorNode: m } = g, E = u.getKey();
@@ -281,19 +282,19 @@ const vr = Lt("div", {
             m,
             Ct
           ), S = k ? k.getListType() : u.getListType();
-          r(S);
+          e(S);
         } else {
           const k = ce(u) ? u.getTag() : u.getType();
-          k in Dt && r(k);
+          k in Dt && e(k);
         }
       return !1;
     },
     J
   ), [t]);
   const o = (c) => {
-    e !== c && t.update(() => {
-      const g = T();
-      (L(g) || G(g)) && (X(g, () => de(c)), r(c));
+    r !== c && t.update(() => {
+      const g = L();
+      (T(g) || G(g)) && (X(g, () => de(c)), e(c));
     });
   };
   return /* @__PURE__ */ n(vr, { children: /* @__PURE__ */ f(
@@ -304,16 +305,16 @@ const vr = Lt("div", {
         {
           dropdown: !0,
           css: { display: "flex", width: "100%", overflow: "hidden" },
-          children: /* @__PURE__ */ n(C, { blockType: e })
+          children: /* @__PURE__ */ n(C, { blockType: r })
         }
       ),
       side: "bottom",
       align: "start",
       children: [
         /* @__PURE__ */ n(M, { onClick: () => {
-          e !== "paragraph" && t.update(() => {
-            const c = T();
-            (L(c) || G(c)) && (X(c, () => K()), r("paragraph"));
+          r !== "paragraph" && t.update(() => {
+            const c = L();
+            (T(c) || G(c)) && (X(c, () => K()), e("paragraph"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "paragraph" }) }),
         /* @__PURE__ */ n(M, { onClick: () => o("h1"), children: /* @__PURE__ */ n(C, { blockType: "h1" }) }),
@@ -323,27 +324,27 @@ const vr = Lt("div", {
         /* @__PURE__ */ n(M, { onClick: () => o("h5"), children: /* @__PURE__ */ n(C, { blockType: "h5" }) }),
         /* @__PURE__ */ n(M, { onClick: () => o("h6"), children: /* @__PURE__ */ n(C, { blockType: "h6" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
-          e !== "bullet" && (t.dispatchCommand(oe, void 0), r("bullet"));
+          r !== "bullet" && (t.dispatchCommand(oe, void 0), e("bullet"));
         }, children: /* @__PURE__ */ n(C, { blockType: "bullet" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
-          e !== "number" && (t.dispatchCommand(ie, void 0), r("number"));
+          r !== "number" && (t.dispatchCommand(ie, void 0), e("number"));
         }, children: /* @__PURE__ */ n(C, { blockType: "number" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
-          e !== "check" && (t.dispatchCommand(Mt, void 0), r("check"));
+          r !== "check" && (t.dispatchCommand(Mt, void 0), e("check"));
         }, children: /* @__PURE__ */ n(C, { blockType: "check" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
-          e !== "quote" && t.update(() => {
-            const c = T();
-            (L(c) || G(c)) && (X(c, () => ue()), r("quote"));
+          r !== "quote" && t.update(() => {
+            const c = L();
+            (T(c) || G(c)) && (X(c, () => ue()), e("quote"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "quote" }) })
       ]
     }
   ) });
-}, Lr = () => {
-  const [t] = y(), [e, r] = b(!1), [o, i] = b(!1), [l, a] = b(!1), [s, d] = b(!1), [c, g] = b(!1), u = v(() => {
-    const p = T();
-    L(p) && (r(p.hasFormat("bold")), i(p.hasFormat("italic")), a(p.hasFormat("underline")), d(p.hasFormat("code")), g(p.hasFormat("superscript")));
+}, Tr = () => {
+  const [t] = y(), [r, e] = b(!1), [o, i] = b(!1), [l, a] = b(!1), [s, d] = b(!1), [c, g] = b(!1), u = v(() => {
+    const p = L();
+    T(p) && (e(p.hasFormat("bold")), i(p.hasFormat("italic")), a(p.hasFormat("underline")), d(p.hasFormat("code")), g(p.hasFormat("superscript")));
   }, []);
   N(() => ot(
     t.registerCommand(
@@ -372,10 +373,10 @@ const vr = Lt("div", {
   ), S = v(
     () => t.dispatchCommand(A, "superscript"),
     [t]
-  ), D = Tt(() => {
+  ), D = Lt(() => {
     const p = [];
-    return e && p.push("bold"), o && p.push("italic"), l && p.push("underline"), s && p.push("code"), c && p.push("superscript"), p;
-  }, [e, o, l, s, c]);
+    return r && p.push("bold"), o && p.push("italic"), l && p.push("underline"), s && p.push("code"), c && p.push("superscript"), p;
+  }, [r, o, l, s, c]);
   return /* @__PURE__ */ f(
     yt,
     {
@@ -432,7 +433,7 @@ const vr = Lt("div", {
     }
   );
 }, Nr = ({ children: t }) => {
-  const { hasFocus: e, editorRef: r } = it(), o = e, [i, l] = b(o);
+  const { hasFocus: r, editorRef: e } = it(), o = r, [i, l] = b(o);
   Me(() => {
     l(o);
   }, [o]);
@@ -440,12 +441,12 @@ const vr = Lt("div", {
     placement: "top",
     whileElementsMounted: xt,
     middleware: [
-      Te({
+      Le({
         apply: ({ rects: g, elements: u }) => {
           u.floating.style.minWidth = `${g.reference.width}px`;
         }
       }),
-      Le(),
+      Te(),
       St({
         mainAxis: 8
       }),
@@ -456,7 +457,7 @@ const vr = Lt("div", {
     open: i,
     onOpenChange: l,
     elements: {
-      reference: r.current
+      reference: e.current
     }
   }), { getFloatingProps: c } = Et([
     wt(a, {
@@ -480,11 +481,11 @@ const vr = Lt("div", {
   ) }) : null;
 }, yr = ({
   children: t,
-  ...e
-}) => /* @__PURE__ */ f(ye, { "aria-label": "Formattering", ...e, children: [
-  /* @__PURE__ */ n(Tr, {}),
-  /* @__PURE__ */ n(xe, {}),
+  ...r
+}) => /* @__PURE__ */ f(ye, { "aria-label": "Formattering", ...r, children: [
   /* @__PURE__ */ n(Lr, {}),
+  /* @__PURE__ */ n(xe, {}),
+  /* @__PURE__ */ n(Tr, {}),
   t
 ] });
 function xr() {
@@ -497,17 +498,17 @@ function xr() {
     ),
     t.registerCommand(
       qt,
-      (e) => mt(e, t, !1),
+      (r) => mt(r, t, !1),
       w
     ),
     t.registerCommand(
       Gt,
-      (e) => mt(e, t, !0),
+      (r) => mt(r, t, !0),
       w
     ),
     t.registerCommand(
       bt,
-      (e) => {
+      (r) => {
         if (Q() != null) {
           const o = t.getRootElement();
           return o != null && o.focus(), !0;
@@ -518,21 +519,21 @@ function xr() {
     ),
     t.registerCommand(
       Xt,
-      (e) => {
-        const r = Q();
-        return r != null && t.isEditable() ? (t.update(() => {
-          const o = V(r);
-          z(o) && (e.preventDefault(), o.toggleChecked());
+      (r) => {
+        const e = Q();
+        return e != null && t.isEditable() ? (t.update(() => {
+          const o = V(e);
+          z(o) && (r.preventDefault(), o.toggleChecked());
         }), !0) : !1;
       },
       w
     ),
     t.registerCommand(
       Qt,
-      (e) => t.getEditorState().read(() => {
-        const r = T();
-        if (L(r) && r.isCollapsed()) {
-          const { anchor: o } = r, i = o.type === "element";
+      (r) => t.getEditorState().read(() => {
+        const e = L();
+        if (T(e) && e.isCollapsed()) {
+          const { anchor: o } = e, i = o.type === "element";
           if (i || o.offset === 0) {
             const l = o.getNode(), a = zt(
               l,
@@ -543,7 +544,7 @@ function xr() {
               if (tt(s) && s.getListType() === "check" && (i || a.getFirstDescendant() === l)) {
                 const d = t.getElementByKey(a.__key);
                 if (d != null && document.activeElement !== d)
-                  return d.focus(), e.preventDefault(), !0;
+                  return d.focus(), r.preventDefault(), !0;
               }
             }
           }
@@ -552,31 +553,31 @@ function xr() {
       }),
       w
     ),
-    t.registerRootListener((e, r) => {
-      e !== null && (e.addEventListener("click", gt), e.addEventListener("pointerdown", ft)), r !== null && (r.removeEventListener("click", gt), r.removeEventListener("pointerdown", ft));
+    t.registerRootListener((r, e) => {
+      r !== null && (r.addEventListener("click", gt), r.addEventListener("pointerdown", ft)), e !== null && (e.removeEventListener("click", gt), e.removeEventListener("pointerdown", ft));
     })
   ), [t]), null;
 }
-function At(t, e) {
-  const r = t.target;
-  if (r === null || !pt(r))
+function At(t, r) {
+  const e = t.target;
+  if (e === null || !pt(e))
     return;
-  const o = r.firstChild;
+  const o = e.firstChild;
   if (o != null && pt(o) && (o.tagName === "UL" || o.tagName === "OL"))
     return;
-  const i = r.parentNode;
+  const i = e.parentNode;
   if (!i || i.__lexicalListType !== "check")
     return;
-  const l = t.pageX, a = r.getBoundingClientRect();
-  (r.dir === "rtl" ? l < a.right && l > a.right - 20 : l > a.left && l < a.left + 20) && e();
+  const l = t.pageX, a = e.getBoundingClientRect();
+  (e.dir === "rtl" ? l < a.right && l > a.right - 20 : l > a.left && l < a.left + 20) && r();
 }
 function gt(t) {
   At(t, () => {
-    const e = t.target, r = Sr(e);
-    r != null && r.isEditable() && r.update(() => {
+    const r = t.target, e = Sr(r);
+    e != null && e.isEditable() && e.update(() => {
       if (t.target) {
-        const o = V(e);
-        z(o) && (e.focus(), o.toggleChecked());
+        const o = V(r);
+        z(o) && (r.focus(), o.toggleChecked());
       }
     });
   });
@@ -587,11 +588,11 @@ function ft(t) {
   });
 }
 function Sr(t) {
-  let e = t;
-  for (; e; ) {
-    if (e.__lexicalEditor)
-      return e.__lexicalEditor;
-    e = e.parentNode;
+  let r = t;
+  for (; r; ) {
+    if (r.__lexicalEditor)
+      return r.__lexicalEditor;
+    r = r.parentNode;
   }
   return null;
 }
@@ -600,28 +601,28 @@ function Q() {
   return t != null && t.tagName === "LI" && t.parentNode != null && // @ts-ignore internal field
   t.parentNode.__lexicalListType === "check" ? t : null;
 }
-function Er(t, e) {
-  let r = e ? t.getPreviousSibling() : t.getNextSibling(), o = t;
-  for (; r == null && z(o); )
-    o = o.getParentOrThrow().getParent(), o != null && (r = e ? o.getPreviousSibling() : o.getNextSibling());
-  for (; z(r); ) {
-    const i = e ? r.getLastChild() : r.getFirstChild();
+function Er(t, r) {
+  let e = r ? t.getPreviousSibling() : t.getNextSibling(), o = t;
+  for (; e == null && z(o); )
+    o = o.getParentOrThrow().getParent(), o != null && (e = r ? o.getPreviousSibling() : o.getNextSibling());
+  for (; z(e); ) {
+    const i = r ? e.getLastChild() : e.getFirstChild();
     if (!tt(i))
-      return r;
-    r = e ? i.getLastChild() : i.getFirstChild();
+      return e;
+    e = r ? i.getLastChild() : i.getFirstChild();
   }
   return null;
 }
-function mt(t, e, r) {
+function mt(t, r, e) {
   const o = Q();
-  return o != null && e.update(() => {
+  return o != null && r.update(() => {
     const i = V(o);
     if (!z(i))
       return;
-    const l = Er(i, r);
+    const l = Er(i, e);
     if (l != null) {
       l.selectStart();
-      const a = e.getElementByKey(l.__key);
+      const a = r.getElementByKey(l.__key);
       a != null && (t.preventDefault(), setTimeout(() => {
         a.focus();
       }, 0));
@@ -637,25 +638,25 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
 ] }), Rr = ({
   state: t
 }) => {
-  const [e] = y();
+  const [r] = y();
   return N(() => {
     if (t)
       try {
         if (Ke(t)) {
-          t.isEmpty() ? Ye(e) : e.setEditorState(t);
+          t.isEmpty() ? Ye(r) : r.setEditorState(t);
           return;
         }
         if (typeof t == "string" && !$t(t)) {
-          qe(t, e);
+          qe(t, r);
           return;
         }
-        const r = e.parseEditorState(t);
-        r.isEmpty() || e.setEditorState(r);
-      } catch (r) {
-        console.error("Could not parse"), console.error(r);
+        const e = r.parseEditorState(t);
+        e.isEmpty() || r.setEditorState(e);
+      } catch (e) {
+        console.error("Could not parse"), console.error(e);
       }
   }, []), null;
-}, Ir = Lt("div", {
+}, Ir = Tt("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -708,8 +709,8 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   }
 ), mn = ({
   isLoading: t,
-  children: e,
-  placeholderText: r,
+  children: r,
+  placeholderText: e,
   nodes: o,
   plugins: i,
   toolbar: l,
@@ -720,7 +721,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   defaultState: g,
   css: u
 }) => {
-  const { hasFocus: m, attributes: E } = tr({ onBlur: c }), x = et(null), k = Tt(() => ({ hasFocus: m, editorRef: x }), [m]);
+  const { hasFocus: m, attributes: E } = tr({ onBlur: c }), x = et(null), k = Lt(() => ({ hasFocus: m, editorRef: x }), [m]);
   return /* @__PURE__ */ n(Ot.Provider, { value: k, children: /* @__PURE__ */ f(
     $e,
     {
@@ -748,7 +749,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
                 Oe,
                 {
                   contentEditable: s,
-                  placeholder: r ? /* @__PURE__ */ n(
+                  placeholder: e ? /* @__PURE__ */ n(
                     P,
                     {
                       css: {
@@ -759,7 +760,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: r
+                      children: e
                     }
                   ) : null,
                   ErrorBoundary: De
@@ -773,7 +774,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
           }
         ),
         /* @__PURE__ */ n(Rr, { state: g }),
-        /* @__PURE__ */ n(Y, { children: e })
+        /* @__PURE__ */ n(Y, { children: r })
       ]
     }
   ) });
@@ -946,7 +947,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
     size: "md"
   }
 }, kn = O(zr), bn = () => {
-  const [t] = y(), e = v(() => {
+  const [t] = y(), r = v(() => {
     t.dispatchCommand(fe, {
       rows: "3",
       columns: "3",
@@ -959,7 +960,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
       trigger: /* @__PURE__ */ n(Nt, { dropdown: !0, children: "Sett inn" }),
       side: "bottom",
       align: "end",
-      children: /* @__PURE__ */ f(M, { onClick: e, children: [
+      children: /* @__PURE__ */ f(M, { onClick: r, children: [
         /* @__PURE__ */ n(kr, { size: "1.25rem" }),
         " Tabell"
       ] })
@@ -970,25 +971,25 @@ function $r(t) {
   return h({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "circle", attr: { cx: "256", cy: "256", r: "48" } }, { tag: "circle", attr: { cx: "416", cy: "256", r: "48" } }, { tag: "circle", attr: { cx: "96", cy: "256", r: "48" } }] })(t);
 }
 const vn = () => {
-  const [t] = y(), [e, r] = b(null), { hasFocus: o } = it();
+  const [t] = y(), [r, e] = b(null), { hasFocus: o } = it();
   N(() => {
-    !o && e && r(null);
-  }, [o, e]);
+    !o && r && e(null);
+  }, [o, r]);
   const { refs: i, floatingStyles: l } = nt({
     placement: "top-end",
-    open: !!e,
+    open: !!r,
     elements: {
-      reference: e
+      reference: r
     },
     middleware: [St({ mainAxis: -20, crossAxis: -2 })]
   });
   N(() => t.registerCommand(
     F,
     () => {
-      const s = T();
-      if (L(s)) {
+      const s = L();
+      if (T(s)) {
         const d = s.anchor.getNode(), c = me(d);
-        r(c ? t.getElementByKey(c.getKey()) : null);
+        e(c ? t.getElementByKey(c.getKey()) : null);
       }
       return !1;
     },
@@ -1018,7 +1019,7 @@ const vn = () => {
       }
     });
   };
-  return e ? /* @__PURE__ */ f(
+  return r ? /* @__PURE__ */ f(
     rt,
     {
       trigger: /* @__PURE__ */ n(
@@ -1047,27 +1048,27 @@ const vn = () => {
   ) : null;
 };
 function Bt(t) {
-  let e = t;
-  const r = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi, o = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
-  return e = String(e).trim(), e.match(r) || e.match(o) ? e : "https://";
+  let r = t;
+  const e = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi, o = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
+  return r = String(r).trim(), r.match(e) || r.match(o) ? r : "https://";
 }
 function Pt(t) {
-  const e = t.anchor, r = t.focus, o = t.anchor.getNode(), i = t.focus.getNode();
-  return o === i ? o : t.isBackward() ? st(r) ? o : i : st(e) ? o : i;
+  const r = t.anchor, e = t.focus, o = t.anchor.getNode(), i = t.focus.getNode();
+  return o === i ? o : t.isBackward() ? st(e) ? o : i : st(r) ? o : i;
 }
 const Cn = (t) => (R.baseURL = t, R), U = class extends vt {
   static getType() {
     return "rutine_link";
   }
-  static clone(e) {
-    return new U(e.url);
+  static clone(r) {
+    return new U(r.url);
   }
-  createDOM(e) {
-    const r = super.createDOM(e);
-    return r.setAttribute("href", this.getURL()), r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer"), r.classList.add("rutine-link"), r;
+  createDOM(r) {
+    const e = super.createDOM(r);
+    return e.setAttribute("href", this.getURL()), e.setAttribute("target", "_blank"), e.setAttribute("rel", "noopener noreferrer"), e.classList.add("rutine-link"), e;
   }
-  static importJSON(e) {
-    return Ft(e.url);
+  static importJSON(r) {
+    return Ft(r.url);
   }
   exportJSON() {
     return {
@@ -1094,23 +1095,23 @@ function Or(t) {
   return t instanceof R;
 }
 const Dr = ({ onClose: t }) => {
-  const [e] = y(), r = v(
+  const [r] = y(), e = v(
     (i) => {
-      e.update(() => {
-        const l = T();
-        if (L(l) && l.isCollapsed()) {
+      r.update(() => {
+        const l = L();
+        if (T(l) && l.isCollapsed()) {
           const a = l.getNodes();
           if (a.length === 1) {
             const s = a[0];
             Zt(s) && s.getChildren().length === 0 && l.insertText(i);
           }
         }
-      }), e.dispatchCommand(Z, Bt(i));
+      }), r.dispatchCommand(Z, Bt(i));
     },
-    [e]
+    [r]
   );
   return /* @__PURE__ */ f("form", { onSubmit: (i) => {
-    r(i.target.url.value), t();
+    e(i.target.url.value), t();
   }, children: [
     /* @__PURE__ */ n(Re, { name: "url", label: "URL", type: "url", required: !0 }),
     /* @__PURE__ */ f(_t, { children: [
@@ -1118,12 +1119,12 @@ const Dr = ({ onClose: t }) => {
       /* @__PURE__ */ n($, { type: "submit", variant: "primary", children: "Lagre" })
     ] })
   ] });
-}, Ar = ({ onClose: t, getDocs: e }) => {
-  const [r] = y(), [o, i] = b([]), l = e(), a = v(
+}, Ar = ({ onClose: t, getDocs: r }) => {
+  const [e] = y(), [o, i] = b([]), l = r(), a = v(
     (s) => {
-      r.update(() => {
-        const d = T();
-        if (L(d)) {
+      e.update(() => {
+        const d = L();
+        if (T(d)) {
           const c = [];
           for (const [g, u] of s.entries()) {
             const m = Ft(u.value);
@@ -1133,7 +1134,7 @@ const Dr = ({ onClose: t }) => {
         }
       });
     },
-    [r]
+    [e]
   );
   return /* @__PURE__ */ f(Y, { children: [
     /* @__PURE__ */ n(Ie, { multi: !0, options: l, onChange: i }),
@@ -1153,38 +1154,38 @@ const Dr = ({ onClose: t }) => {
   ] });
 }, Br = ({
   open: t,
-  onOpenChange: e,
-  getDocs: r
+  onOpenChange: r,
+  getDocs: e
 }) => {
   const [o, i] = b("url"), l = () => {
-    e(!1);
+    r(!1);
   };
-  return /* @__PURE__ */ f(Ee, { open: t, onOpenChange: e, css: { width: "600px" }, children: [
+  return /* @__PURE__ */ f(Ee, { open: t, onOpenChange: r, css: { width: "600px" }, children: [
     /* @__PURE__ */ f(we, { css: { marginBottom: "$8" }, children: [
       /* @__PURE__ */ n(ht, { active: o === "url", onClick: () => i("url"), children: "URL" }),
       /* @__PURE__ */ n(ht, { active: o === "rutine", onClick: () => i("rutine"), children: "Rutine" })
     ] }),
     o === "url" && /* @__PURE__ */ n(Dr, { onClose: l }),
-    o === "rutine" && /* @__PURE__ */ n(Ar, { onClose: l, getDocs: r })
+    o === "rutine" && /* @__PURE__ */ n(Ar, { onClose: l, getDocs: e })
   ] });
 }, Mn = ({ getDocs: t }) => {
-  const [e] = y(), [r, o] = b(!1), [i, l] = b(!1), a = v(() => {
-    const s = T();
-    if (L(s)) {
+  const [r] = y(), [e, o] = b(!1), [i, l] = b(!1), a = v(() => {
+    const s = L();
+    if (T(s)) {
       const d = Pt(s), c = d.getParent();
       o(W(c) || W(d));
     }
   }, []);
-  return N(() => e.registerCommand(
+  return N(() => r.registerCommand(
     F,
     () => (a(), !1),
     J
-  ), [e, a]), /* @__PURE__ */ f(yt, { type: "single", value: r ? "link" : "", children: [
+  ), [r, a]), /* @__PURE__ */ f(yt, { type: "single", value: e ? "link" : "", children: [
     /* @__PURE__ */ n(
       _,
       {
         onClick: () => {
-          r ? e.dispatchCommand(Z, null) : l(!0);
+          e ? r.dispatchCommand(Z, null) : l(!0);
         },
         title: "Lenke",
         value: "link",
@@ -1200,20 +1201,20 @@ const Dr = ({ onClose: t }) => {
       }
     )
   ] });
-}, Tn = () => {
-  const [t] = y(), e = et(null), [r, o] = b(null), [i, l] = b(""), { hasFocus: a } = it();
+}, Ln = () => {
+  const [t] = y(), r = et(null), [e, o] = b(null), [i, l] = b(""), { hasFocus: a } = it();
   N(() => {
-    r ? t.update(() => {
-      l(r.getURL());
+    e ? t.update(() => {
+      l(e.getURL());
     }) : l("");
-  }, [t, r]);
-  const s = !!(r && i && a), { refs: d, floatingStyles: c, context: g } = nt({
+  }, [t, e]);
+  const s = !!(e && i && a), { refs: d, floatingStyles: c, context: g } = nt({
     placement: "top",
     strategy: "fixed",
     open: s,
     whileElementsMounted: xt,
     elements: {
-      reference: e.current
+      reference: r.current
     },
     middleware: [_e()]
   }), { getFloatingProps: u } = Et([
@@ -1221,21 +1222,21 @@ const Dr = ({ onClose: t }) => {
     ze(g)
   ]), m = v(() => {
     var S;
-    const k = T();
-    if (L(k)) {
+    const k = L();
+    if (T(k)) {
       const D = Pt(k), p = D.getParent();
       let H = null;
       if (W(p) ? H = p : W(D) && (H = D), H) {
         const q = window.getSelection(), at = t.getRootElement();
-        k !== null && q !== null && at !== null && at.contains(q.anchorNode) && t.isEditable() && (e.current = ((S = q.focusNode) == null ? void 0 : S.parentElement) ?? null);
+        k !== null && q !== null && at !== null && at.contains(q.anchorNode) && t.isEditable() && (r.current = ((S = q.focusNode) == null ? void 0 : S.parentElement) ?? null);
       }
       o(H);
     }
   }, [t]), E = v(() => {
-    r && Or(r) && t.update(() => {
-      r.remove();
+    e && Or(e) && t.update(() => {
+      e.remove();
     }), t.dispatchCommand(Z, null);
-  }, [t, r]);
+  }, [t, e]);
   if (N(() => {
     t.getEditorState().read(() => {
       m();
@@ -1253,10 +1254,10 @@ const Dr = ({ onClose: t }) => {
     ),
     t.registerCommand(
       bt,
-      () => r ? (o(null), !0) : !1,
+      () => e ? (o(null), !0) : !1,
       te
     )
-  ), [t, m, r]), !s)
+  ), [t, m, e]), !s)
     return null;
   const x = Bt(i);
   return /* @__PURE__ */ n(Rt, { children: /* @__PURE__ */ f(
@@ -1301,7 +1302,7 @@ export {
   Or as $isRutineLinkNode,
   Nr as FloatingToolbar,
   bn as InsertSelector,
-  Tn as LinkEditPlugin,
+  Ln as LinkEditPlugin,
   Mn as LinkToolbarButton,
   mn as RichTextEditor,
   yr as RichTextToolbar,

package/dist/ui/components/Dialog.d.ts

@@ -120,123 +120,7 @@ export declare const Dialog: ({ children, open, onOpenChange, trigger, css, }: {
     open: boolean;
     onOpenChange: (bool: boolean) => void;
     trigger?: ReactNode;
-    css?: Pick<Omit<RDialog.DialogContentProps & 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;
-    }, "css"> | undefined;
+    css?: ComponentProps<typeof DialogContent>["css"];
 }) => JSX.Element;
 export declare const DialogHeader: import("@stitches/react/types/styled-component").StyledComponent<"h2", {}, {
     lg: "(min-width: 1200px)";

package/dist/ui/components/Form/Combobox.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import { ReactSelect } from "./ReactSelect";
-export type ComboboxProps = {
-    clearable?: boolean;
-    multi?: boolean;
-} & Omit<React.ComponentProps<typeof ReactSelect>, "isMulti" | "isClearable" | "isSearchable">;
-export declare const Combobox: ({ clearable, multi, ...props }: ComboboxProps) => JSX.Element;
+import type { GroupBase, Props } from "react-select";
+export declare const Combobox: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: Omit<Props<Option, IsMulti, Group>, "isSearchable">) => JSX.Element;

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { P as l, y as p, z as i, B as t, R as m } from "./Checkbox-a342242a.js";
-import { H as D, Q as M, I as $, m as k, J as w, K as A, X as O, C as P, q as z, v as N, L as j, D as G, W as H, a as R, n as q, p as E, U as J, N as K, r as L, O as Q, S as U, M as V, t as W, k as X, T as F, l as Y, b as Z, d as _, c as oo, G as ao, E as so, A as eo, V as ro, s as to } from "./Checkbox-a342242a.js";
+import { P as l, y as p, z as i, B as t, R as m } from "./Checkbox-8b8c360d.js";
+import { H as D, Q as M, I as $, m as k, J as w, K as A, X as O, C as P, q as z, v as N, L as j, D as G, W as H, a as R, n as q, p as E, U as J, N as K, r as L, O as Q, S as U, M as V, t as W, k as X, T as F, l as Y, b as Z, d as _, c as oo, G as ao, E as so, A as eo, V as ro, s as to } from "./Checkbox-8b8c360d.js";
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { useState as c } from "react";
 import "react-dom";

package/package.json

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