@arkitektbedriftene/fe-lib 4.1.1 → 4.2.1

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

@@ -4,7 +4,7 @@ import { type InitialConfigType } from "@lexical/react/LexicalComposer.js";
 import { type UploadFn } from "./editorContext";
 import type { EditorState, SerializedEditorState } from "lexical";
 export type RichTextEditorState = EditorState | string | SerializedEditorState;
-export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbar, toolbarContent, content, hideBorder, onBlur, defaultState, css, signUrl, fileUpload, }: {
+export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbar, toolbarContent, content, hideBorder, onBlur, defaultState, css, signUrl, fileUpload, editable, }: {
     isLoading: boolean;
     children: ReactNode;
     placeholderText?: string | undefined;
@@ -24,4 +24,5 @@ export declare const RichTextEditor: ({ isLoading, children, placeholderText, no
     }> | undefined;
     signUrl?: ((url: string) => Promise<string>) | undefined;
     fileUpload?: UploadFn | undefined;
+    editable?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text.es.js

@@ -3,21 +3,21 @@ var de = (t, r, e) => r in t ? ce(t, r, { enumerable: !0, configurable: !0, writ
 var O = (t, r, e) => (de(t, typeof r != "symbol" ? r + "" : r, e), e);
 import { createHeadlessEditor as At } from "@lexical/headless";
 import { $generateHtmlFromNodes as zt } from "@lexical/html";
-import { $getRoot as K, ParagraphNode as he, $createParagraphNode as U, $createTextNode as I, $setSelection as V, $getNodeByKey as ot, DecoratorNode as ue, $applyNodeReplacement as ge, SELECTION_CHANGE_COMMAND as G, $getSelection as y, COMMAND_PRIORITY_CRITICAL as ct, $isRangeSelection as N, $isRootOrShadowRoot as $t, FORMAT_TEXT_COMMAND as j, COMMAND_PRIORITY_LOW as R, KEY_ARROW_DOWN_COMMAND as pe, KEY_ARROW_UP_COMMAND as me, KEY_ESCAPE_COMMAND as Dt, KEY_SPACE_COMMAND as fe, $getNearestNodeFromDOMNode as dt, KEY_ARROW_LEFT_COMMAND as ke, $isElementNode as be, createCommand as Me, $insertNodes as Ce, COMMAND_PRIORITY_EDITOR as ve, COMMAND_PRIORITY_NORMAL as Te, $createRangeSelection as Bt, COMMAND_PRIORITY_HIGH as _e, FORMAT_ELEMENT_COMMAND as it } from "lexical";
+import { $getRoot as G, ParagraphNode as he, $createParagraphNode as W, $createTextNode as I, $setSelection as V, $getNodeByKey as ot, DecoratorNode as ue, $applyNodeReplacement as ge, SELECTION_CHANGE_COMMAND as Y, $getSelection as y, COMMAND_PRIORITY_CRITICAL as ct, $isRangeSelection as N, $isRootOrShadowRoot as $t, FORMAT_TEXT_COMMAND as K, COMMAND_PRIORITY_LOW as R, KEY_ARROW_DOWN_COMMAND as pe, KEY_ARROW_UP_COMMAND as me, KEY_ESCAPE_COMMAND as Dt, KEY_SPACE_COMMAND as fe, $getNearestNodeFromDOMNode as dt, KEY_ARROW_LEFT_COMMAND as ke, $isElementNode as be, createCommand as Me, $insertNodes as Ce, COMMAND_PRIORITY_EDITOR as ve, COMMAND_PRIORITY_NORMAL as Te, $createRangeSelection as Bt, COMMAND_PRIORITY_HIGH as _e, FORMAT_ELEMENT_COMMAND as it } from "lexical";
 import { trimTextContentFromAnchor as Le, $setBlocksType as at, $isAtNodeEnd as Lt } from "@lexical/selection";
 import { $dfs as xe, $getNearestNodeOfType as we, $findMatchingParent as Pt, mergeRegister as Z, isHTMLElement as xt, $wrapNodeInElement as ye, mediaFileReader as Ne, isMimeType as Se } from "@lexical/utils";
-import { LinkNode as P, AutoLinkNode as Ft, $isLinkNode as J, TOGGLE_LINK_COMMAND as tt } from "@lexical/link";
-import { ListNode as ht, ListItemNode as Ht, $isListNode as ut, INSERT_UNORDERED_LIST_COMMAND as Ee, INSERT_ORDERED_LIST_COMMAND as Re, INSERT_CHECK_LIST_COMMAND as Ut, insertList as Ie, $isListItemNode as F } from "@lexical/list";
+import { LinkNode as F, AutoLinkNode as Ft, $isLinkNode as J, TOGGLE_LINK_COMMAND as tt } from "@lexical/link";
+import { ListNode as ht, ListItemNode as Ht, $isListNode as ut, INSERT_UNORDERED_LIST_COMMAND as Ee, INSERT_ORDERED_LIST_COMMAND as Re, INSERT_CHECK_LIST_COMMAND as Ut, insertList as Ie, $isListItemNode as H } from "@lexical/list";
 import { HeadingNode as Wt, QuoteNode as jt, $isHeadingNode as Oe, $createHeadingNode as Ae, $createQuoteNode as ze, DRAG_DROP_PASTE as $e } from "@lexical/rich-text";
 import { TableNode as Kt, TableRowNode as Gt, TableCellNode as Yt, INSERT_TABLE_COMMAND as De, $getTableCellNodeFromLexicalNode as Be, $deleteTableColumn__EXPERIMENTAL as Pe, $deleteTableRow__EXPERIMENTAL as Fe, $insertTableColumn__EXPERIMENTAL as wt, $insertTableRow__EXPERIMENTAL as yt } from "@lexical/table";
-import { jsx as o, jsxs as u, Fragment as W } from "react/jsx-runtime";
-import { createContext as He, useState as b, useRef as Y, useCallback as T, useContext as Ue, useEffect as _, useMemo as qt, useLayoutEffect as We } from "react";
-import { Box as H, Stack as je, Button as L, DropdownMenu as et, ToolbarButton as gt, DropdownMenuIconItem as v, ToolbarToggleGroup as Jt, ToolbarToggleItem as B, OverlayCard as Xt, Toolbar as Ke, ToolbarSeparator as Ge, styled as Ye, Spinner as pt, Dialog as Qt, DialogHeader as qe, TextInput as mt, DialogActions as rt, DropdownMenuItem as D, DropdownMenuSeparator as Nt, NavBar as Je, NavBarItem as lt, Combobox as Xe } from "./ui.es.js";
+import { jsx as o, jsxs as u, Fragment as j } from "react/jsx-runtime";
+import { createContext as He, useState as b, useRef as q, useCallback as T, useContext as Ue, useEffect as _, useMemo as qt, useLayoutEffect as We } from "react";
+import { Box as U, Stack as je, Button as L, DropdownMenu as et, ToolbarButton as gt, DropdownMenuIconItem as v, ToolbarToggleGroup as Jt, ToolbarToggleItem as P, OverlayCard as Xt, Toolbar as Ke, ToolbarSeparator as Ge, styled as Ye, Spinner as pt, Dialog as Qt, DialogHeader as qe, TextInput as mt, DialogActions as rt, DropdownMenuItem as B, DropdownMenuSeparator as Nt, NavBar as Je, NavBarItem as lt, Combobox as Xe } from "./ui.es.js";
 import { f as Qe, g as Ve, h as Ze, G as f, i as tr, j as er } from "./index.esm-787a7997.js";
 import { useLexicalComposerContext as x } from "@lexical/react/LexicalComposerContext.js";
 import { LexicalComposer as rr } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as nr } from "@lexical/react/LexicalRichTextPlugin.js";
-import or from "@lexical/react/LexicalErrorBoundary.js";
+import { LexicalErrorBoundary as or } from "@lexical/react/LexicalErrorBoundary.js";
 import { useFloating as ft, autoUpdate as Vt, size as ir, flip as ar, offset as Zt, shift as lr, useInteractions as te, useRole as ee, FloatingPortal as re, inline as sr, useDismiss as cr } from "@floating-ui/react";
 import { s as dr, c as hr } from "./stitches.config-00c23cdb.js";
 import { ListPlugin as ur } from "@lexical/react/LexicalListPlugin.js";
@@ -46,7 +46,7 @@ const fr = ({
   maxChars: r,
   maxLines: e
 }) => {
-  const n = K(), i = n.getTextContent(), a = fr({ text: i, maxChars: r, maxLines: e }), l = i.length - a, d = n.select().anchor;
+  const n = G(), i = n.getTextContent(), a = fr({ text: i, maxChars: r, maxLines: e }), l = i.length - a, d = n.select().anchor;
   Le(t, d, l);
   const c = n.getLastChild();
   return c instanceof he && c.getChildrenSize() === 0 && c.remove(), l;
@@ -65,9 +65,9 @@ const fr = ({
 }, Mt = (t) => t[0] === "{", kr = (t) => t !== null && typeof t == "object" && "isEmpty" in t, br = (t, r) => {
   t.update(
     () => {
-      const e = K();
+      const e = G();
       e.clear();
-      const n = U();
+      const n = W();
       n.append(I("")), e.append(n), V(null);
     },
     {
@@ -77,9 +77,9 @@ const fr = ({
 }, Mr = (t, r, e) => {
   r.update(
     () => {
-      const n = K();
+      const n = G();
       n.clear();
-      const i = U();
+      const i = W();
       i.append(I(t.trim())), n.append(i), V(null);
     },
     {
@@ -98,7 +98,7 @@ const fr = ({
     try {
       if (typeof t == "string" && !Mt(t))
         i.update(() => {
-          const s = K(), d = U();
+          const s = G(), d = W();
           d.append(I(t.trim())), s.append(d);
         });
       else {
@@ -129,7 +129,7 @@ const fr = ({
     try {
       if (typeof t == "string" && !Mt(t))
         i.update(() => {
-          const l = K(), s = U();
+          const l = G(), s = W();
           s.append(I(t.trim())), l.append(s);
         });
       else {
@@ -153,7 +153,7 @@ const fr = ({
   }
   return { html: a, trimCount: n };
 }, Hn = (t) => xe().map(({ node: r }) => r).filter((r) => t.some((e) => r instanceof e));
-class X extends P {
+class X extends F {
   static getType() {
     return "target-link";
   }
@@ -178,7 +178,7 @@ class X extends P {
     return super.exportJSON();
   }
   static importJSON(r) {
-    return P.importJSON(r);
+    return F.importJSON(r);
   }
 }
 const oe = He({
@@ -187,7 +187,7 @@ const oe = He({
   signUrl: void 0,
   fileUpload: void 0
 }), Cr = ({ onBlur: t }) => {
-  const [r, e] = b(!1), n = Y(null), i = T(() => {
+  const [r, e] = b(!1), n = q(null), i = T(() => {
     e(!0), n.current && window.clearTimeout(n.current);
   }, []), a = T(() => {
     n.current = window.setTimeout(() => {
@@ -209,40 +209,40 @@ function vr({
   height: n,
   nodeKey: i
 }) {
-  const { signUrl: a } = z(), [l, s] = b(a ? "" : t), [d, c] = b(!1), h = Y(!1), [g] = x();
+  const { signUrl: a } = z(), [l, s] = b(a ? "" : t), [d, c] = b(!1), h = q(!1), [g] = x();
   _(() => {
-    const p = async () => {
+    const m = async () => {
       s(await (a == null ? void 0 : a(t)) ?? t);
     };
-    !l && !h.current && (h.current = !0, p());
+    !l && !h.current && (h.current = !0, m());
   }, []);
-  const k = (p) => (C) => {
-    C.relatedTarget instanceof HTMLElement && C.relatedTarget.dataset.controls === "true" || c(p);
-  }, E = () => {
+  const k = (m) => (C) => {
+    C.relatedTarget instanceof HTMLElement && C.relatedTarget.dataset.controls === "true" || c(m);
+  }, S = () => {
     g.update(() => {
-      const p = ot(i);
-      p && p.remove();
+      const m = ot(i);
+      m && m.remove();
     });
-  }, S = () => {
+  }, E = () => {
     g.update(() => {
-      var m;
-      const p = ot(i);
-      if (!p)
+      var p;
+      const m = ot(i);
+      if (!m)
         return;
-      const C = p.getPreviousSibling() || ((m = p.getParent()) == null ? void 0 : m.getPreviousSibling());
-      C && C.insertBefore(p);
+      const C = m.getPreviousSibling() || ((p = m.getParent()) == null ? void 0 : p.getPreviousSibling());
+      C && C.insertBefore(m);
     });
   }, M = () => {
     g.update(() => {
-      var m;
-      const p = ot(i);
-      if (!p)
+      var p;
+      const m = ot(i);
+      if (!m)
         return;
-      const C = p.getNextSibling() || ((m = p.getParent()) == null ? void 0 : m.getNextSibling());
-      C && C.insertAfter(p);
+      const C = m.getNextSibling() || ((p = m.getParent()) == null ? void 0 : p.getNextSibling());
+      C && C.insertAfter(m);
     });
   };
-  return l ? /* @__PURE__ */ u(H, { css: { position: "relative", display: "inline-block" }, children: [
+  return l ? /* @__PURE__ */ u(U, { css: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ u(
       je,
       {
@@ -264,7 +264,7 @@ function vr({
               icon: !0,
               size: "sm",
               css: { width: "20px", height: "20px" },
-              onClick: E,
+              onClick: S,
               color: "danger",
               children: /* @__PURE__ */ o(Qe, {})
             }
@@ -275,7 +275,7 @@ function vr({
               icon: !0,
               size: "sm",
               css: { width: "20px", height: "20px" },
-              onClick: S,
+              onClick: E,
               children: /* @__PURE__ */ o(Ve, {})
             }
           ),
@@ -427,7 +427,7 @@ const Wn = [
   ht,
   Ht,
   Ft,
-  P,
+  F,
   Kt,
   Gt,
   Yt,
@@ -438,14 +438,14 @@ const Wn = [
   ht,
   Ht,
   Ft,
-  P,
+  F,
   Kt,
   Gt,
   Yt,
   $,
   X,
   {
-    replace: P,
+    replace: F,
     with: (t) => new X(
       t.getURL(),
       { rel: t.__rel, target: t.__target, title: t.__title }
@@ -544,10 +544,10 @@ const Wr = dr("div", {
   quote: /* @__PURE__ */ o(Pr, { size: "1.25rem" })
 }, w = ({
   blockType: t
-}) => /* @__PURE__ */ u(W, { children: [
-  /* @__PURE__ */ o(H, { css: { display: "flex", flex: "0 0 auto" }, children: jr[t] }),
+}) => /* @__PURE__ */ u(j, { children: [
+  /* @__PURE__ */ o(U, { css: { display: "flex", flex: "0 0 auto" }, children: jr[t] }),
   /* @__PURE__ */ o(
-    H,
+    U,
     {
       css: {
         flex: "1 1 auto",
@@ -573,19 +573,19 @@ const Wr = dr("div", {
 }, Gr = () => {
   const [t] = x(), [r, e] = b("paragraph");
   _(() => t.registerCommand(
-    G,
+    Y,
     () => {
       const c = y(), h = Kr(c);
       if (!h)
         return !1;
-      const { element: g, anchorNode: k } = h, E = g.getKey();
-      if (t.getElementByKey(E) !== null)
+      const { element: g, anchorNode: k } = h, S = g.getKey();
+      if (t.getElementByKey(S) !== null)
         if (ut(g)) {
           const M = we(
             k,
             ht
-          ), p = M ? M.getListType() : g.getListType();
-          e(p);
+          ), m = M ? M.getListType() : g.getListType();
+          e(m);
         } else {
           const M = Oe(g) ? g.getTag() : g.getType();
           M in ie && e(M);
@@ -617,7 +617,7 @@ const Wr = dr("div", {
         /* @__PURE__ */ o(v, { onClick: () => {
           r !== "paragraph" && t.update(() => {
             const c = y();
-            N(c) && (at(c, () => U()), e("paragraph"));
+            N(c) && (at(c, () => W()), e("paragraph"));
           });
         }, children: /* @__PURE__ */ o(w, { blockType: "paragraph" }) }),
         /* @__PURE__ */ o(v, { onClick: () => n("h1"), children: /* @__PURE__ */ o(w, { blockType: "h1" }) }),
@@ -646,39 +646,39 @@ const Wr = dr("div", {
   ) });
 }, Yr = () => {
   const [t] = x(), [r, e] = b(!1), [n, i] = b(!1), [a, l] = b(!1), [s, d] = b(!1), [c, h] = b(!1), g = T(() => {
-    const m = y();
-    N(m) && (e(m.hasFormat("bold")), i(m.hasFormat("italic")), l(m.hasFormat("underline")), d(m.hasFormat("code")), h(m.hasFormat("superscript")));
+    const p = y();
+    N(p) && (e(p.hasFormat("bold")), i(p.hasFormat("italic")), l(p.hasFormat("underline")), d(p.hasFormat("code")), h(p.hasFormat("superscript")));
   }, []);
   _(() => Z(
     t.registerCommand(
-      G,
+      Y,
       () => (g(), !1),
       ct
     ),
-    t.registerUpdateListener(({ editorState: m }) => {
-      m.read(() => {
+    t.registerUpdateListener(({ editorState: p }) => {
+      p.read(() => {
         g();
       });
     })
   ), [t, g]);
   const k = T(
-    () => t.dispatchCommand(j, "bold"),
-    [t]
-  ), E = T(
-    () => t.dispatchCommand(j, "italic"),
+    () => t.dispatchCommand(K, "bold"),
     [t]
   ), S = T(
-    () => t.dispatchCommand(j, "underline"),
+    () => t.dispatchCommand(K, "italic"),
+    [t]
+  ), E = T(
+    () => t.dispatchCommand(K, "underline"),
     [t]
   ), M = T(
-    () => t.dispatchCommand(j, "code"),
+    () => t.dispatchCommand(K, "code"),
     [t]
-  ), p = T(
-    () => t.dispatchCommand(j, "superscript"),
+  ), m = T(
+    () => t.dispatchCommand(K, "superscript"),
     [t]
   ), C = qt(() => {
-    const m = [];
-    return r && m.push("bold"), n && m.push("italic"), a && m.push("underline"), s && m.push("code"), c && m.push("superscript"), m;
+    const p = [];
+    return r && p.push("bold"), n && p.push("italic"), a && p.push("underline"), s && p.push("code"), c && p.push("superscript"), p;
   }, [r, n, a, s, c]);
   return /* @__PURE__ */ u(
     Jt,
@@ -687,30 +687,30 @@ const Wr = dr("div", {
       "aria-label": "Tekstformattering",
       value: C,
       children: [
-        /* @__PURE__ */ o(B, { onClick: k, title: "Fet tekst", value: "bold", children: /* @__PURE__ */ o(xr, { size: "1.25rem" }) }),
+        /* @__PURE__ */ o(P, { onClick: k, title: "Fet tekst", value: "bold", children: /* @__PURE__ */ o(xr, { size: "1.25rem" }) }),
         /* @__PURE__ */ o(
-          B,
+          P,
           {
-            onClick: E,
+            onClick: S,
             title: "Kursiv tekst",
             value: "italic",
             children: /* @__PURE__ */ o(Or, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ o(
-          B,
+          P,
           {
-            onClick: S,
+            onClick: E,
             title: "Understreket tekst",
             value: "underline",
             children: /* @__PURE__ */ o(Ur, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ o(B, { onClick: M, title: "Kode", value: "code", children: /* @__PURE__ */ o(wr, { size: "1.25rem" }) }),
+        /* @__PURE__ */ o(P, { onClick: M, title: "Kode", value: "code", children: /* @__PURE__ */ o(wr, { size: "1.25rem" }) }),
         /* @__PURE__ */ o(
-          B,
+          P,
           {
-            onClick: p,
+            onClick: m,
             title: "Superscript",
             value: "superscript",
             children: /* @__PURE__ */ o(Fr, { size: "1.25rem" })
@@ -810,7 +810,7 @@ function Xr() {
         const e = st();
         return e != null && t.isEditable() ? (t.update(() => {
           const n = dt(e);
-          F(n) && (r.preventDefault(), n.toggleChecked());
+          H(n) && (r.preventDefault(), n.toggleChecked());
         }), !0) : !1;
       },
       R
@@ -826,7 +826,7 @@ function Xr() {
               a,
               (s) => be(s) && !s.isInline()
             );
-            if (F(l)) {
+            if (H(l)) {
               const s = l.getParent();
               if (ut(s) && s.getListType() === "check" && (i || l.getFirstDescendant() === a)) {
                 const d = t.getElementByKey(l.__key);
@@ -864,7 +864,7 @@ function Et(t) {
     e != null && e.isEditable() && e.update(() => {
       if (t.target) {
         const n = dt(r);
-        F(n) && (r.focus(), n.toggleChecked());
+        H(n) && (r.focus(), n.toggleChecked());
       }
     });
   });
@@ -890,9 +890,9 @@ function st() {
 }
 function Vr(t, r) {
   let e = r ? t.getPreviousSibling() : t.getNextSibling(), n = t;
-  for (; e == null && F(n); )
+  for (; e == null && H(n); )
     n = n.getParentOrThrow().getParent(), n != null && (e = r ? n.getPreviousSibling() : n.getNextSibling());
-  for (; F(e); ) {
+  for (; H(e); ) {
     const i = r ? e.getLastChild() : e.getFirstChild();
     if (!ut(i))
       return e;
@@ -904,7 +904,7 @@ function It(t, r, e) {
   const n = st();
   return n != null && r.update(() => {
     const i = dt(n);
-    if (!F(i))
+    if (!H(i))
       return;
     const a = Vr(i, e);
     if (a != null) {
@@ -927,14 +927,14 @@ function Zr() {
         vt,
         (r) => {
           const e = Ct(r);
-          return Ce([e]), $t(e.getParentOrThrow()) && ye(e, U).selectEnd(), !0;
+          return Ce([e]), $t(e.getParentOrThrow()) && ye(e, W).selectEnd(), !0;
         },
         ve
       )
     );
   }, [t]), null;
 }
-const tn = () => /* @__PURE__ */ u(W, { children: [
+const tn = () => /* @__PURE__ */ u(j, { children: [
   /* @__PURE__ */ o(ur, {}),
   /* @__PURE__ */ o(pr, {}),
   /* @__PURE__ */ o(gr, {}),
@@ -944,7 +944,7 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
 ] }), en = ({
   state: t
 }) => {
-  const [r] = x(), e = Y(!1);
+  const [r] = x(), e = q(!1);
   return _(() => {
     !t || e.current || (e.current = !0, window.queueMicrotask(() => {
       try {
@@ -1003,7 +1003,7 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
 }), nn = ({
   isLoading: t
 }) => /* @__PURE__ */ o(
-  H,
+  U,
   {
     css: {
       visibility: t ? "visible" : "hidden",
@@ -1028,33 +1028,34 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
   defaultState: h,
   css: g,
   signUrl: k,
-  fileUpload: E
+  fileUpload: S,
+  editable: E = !0
 }) => {
-  const { hasFocus: S, attributes: M } = Cr({ onBlur: c }), p = Y(null), C = qt(
-    () => ({ hasFocus: S, editorRef: p, signUrl: k, fileUpload: E }),
-    [S, k, E]
+  const { hasFocus: M, attributes: m } = Cr({ onBlur: c }), C = q(null), p = qt(
+    () => ({ hasFocus: M, editorRef: C, signUrl: k, fileUpload: S }),
+    [M, k, S]
   );
-  return /* @__PURE__ */ o(oe.Provider, { value: C, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ o(oe.Provider, { value: p, children: /* @__PURE__ */ u(
     rr,
     {
       initialConfig: {
         namespace: "ain-rich-text",
-        onError: (m) => {
-          console.error(m);
+        onError: (D) => {
+          console.error(D);
         },
         theme: bt,
         nodes: n,
-        editable: !0
+        editable: E
       },
       children: [
         /* @__PURE__ */ u(
           rn,
           {
-            ref: p,
-            hasFocus: S,
+            ref: C,
+            hasFocus: M,
             hideBorder: d,
             css: g,
-            ...M,
+            ...m,
             children: [
               a,
               /* @__PURE__ */ o(
@@ -1062,7 +1063,7 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
                 {
                   contentEditable: s,
                   placeholder: e ? /* @__PURE__ */ o(
-                    H,
+                    U,
                     {
                       css: {
                         position: "absolute",
@@ -1081,12 +1082,12 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
               /* @__PURE__ */ o(tn, {}),
               i,
               /* @__PURE__ */ o(nn, { isLoading: t }),
-              !a && /* @__PURE__ */ o(qr, { children: l })
+              E && !a && /* @__PURE__ */ o(qr, { children: l })
             ]
           }
         ),
         /* @__PURE__ */ o(en, { state: h }),
-        /* @__PURE__ */ o(W, { children: r })
+        /* @__PURE__ */ o(j, { children: r })
       ]
     }
   ) });
@@ -1338,7 +1339,7 @@ const tn = () => /* @__PURE__ */ u(W, { children: [
       includeHeaders: !1
     });
   }, [t]);
-  return /* @__PURE__ */ u(W, { children: [
+  return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ u(
       et,
       {
@@ -1384,7 +1385,7 @@ const qn = () => {
     middleware: [Zt({ mainAxis: -20, crossAxis: -2 })]
   });
   _(() => t.registerCommand(
-    G,
+    Y,
     () => {
       const s = y();
       if (N(s)) {
@@ -1435,14 +1436,14 @@ const qn = () => {
         }
       ),
       children: [
-        /* @__PURE__ */ o(D, { onClick: l("add-row-over"), children: "Legg til rad over" }),
-        /* @__PURE__ */ o(D, { onClick: l("add-row-under"), children: "Legg til rad under" }),
+        /* @__PURE__ */ o(B, { onClick: l("add-row-over"), children: "Legg til rad over" }),
+        /* @__PURE__ */ o(B, { onClick: l("add-row-under"), children: "Legg til rad under" }),
         /* @__PURE__ */ o(Nt, {}),
-        /* @__PURE__ */ o(D, { onClick: l("add-column-left"), children: "Legg til kolonne venstre" }),
-        /* @__PURE__ */ o(D, { onClick: l("add-column-right"), children: "Legg til kolonne høyre" }),
+        /* @__PURE__ */ o(B, { onClick: l("add-column-left"), children: "Legg til kolonne venstre" }),
+        /* @__PURE__ */ o(B, { onClick: l("add-column-right"), children: "Legg til kolonne høyre" }),
         /* @__PURE__ */ o(Nt, {}),
-        /* @__PURE__ */ o(D, { onClick: l("delete-row"), children: "Fjern rad" }),
-        /* @__PURE__ */ o(D, { onClick: l("delete-column"), children: "Fjern kolonne" })
+        /* @__PURE__ */ o(B, { onClick: l("delete-row"), children: "Fjern rad" }),
+        /* @__PURE__ */ o(B, { onClick: l("delete-column"), children: "Fjern kolonne" })
       ]
     }
   ) : null;
@@ -1456,7 +1457,7 @@ function le(t) {
   const r = t.anchor, e = t.focus, n = t.anchor.getNode(), i = t.focus.getNode();
   return n === i ? n : t.isBackward() ? Lt(e) ? n : i : Lt(r) ? n : i;
 }
-const Jn = (t) => (A.baseURL = t, A), Q = class extends P {
+const Jn = (t) => (A.baseURL = t, A), Q = class extends F {
   static getType() {
     return "rutine_link";
   }
@@ -1539,7 +1540,7 @@ const cn = ({ onClose: t }) => {
     },
     [e]
   );
-  return /* @__PURE__ */ u(W, { children: [
+  return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ o(
       Xe,
       {
@@ -1591,7 +1592,7 @@ const cn = ({ onClose: t }) => {
       n.dispatchCommand(tt, Tt(i.url));
     });
   }, [n, i]);
-  return /* @__PURE__ */ u(W, { children: [
+  return /* @__PURE__ */ u(j, { children: [
     r.isLoading && /* @__PURE__ */ o(pt, {}),
     /* @__PURE__ */ o(
       mt,
@@ -1661,12 +1662,12 @@ const cn = ({ onClose: t }) => {
     }
   }, []);
   return _(() => e.registerCommand(
-    G,
+    Y,
     () => (s(), !1),
     ct
   ), [e, s]), /* @__PURE__ */ u(Jt, { type: "single", value: n ? "link" : "", children: [
     /* @__PURE__ */ o(
-      B,
+      P,
       {
         onClick: () => {
           n ? e.dispatchCommand(tt, null) : l(!0);
@@ -1687,7 +1688,7 @@ const cn = ({ onClose: t }) => {
     )
   ] });
 }, Qn = () => {
-  const [t] = x(), r = Y(null), [e, n] = b(null), [i, a] = b(""), { hasFocus: l } = z();
+  const [t] = x(), r = q(null), [e, n] = b(null), [i, a] = b(""), { hasFocus: l } = z();
   _(() => {
     e ? t.update(() => {
       a(e.getURL());
@@ -1706,18 +1707,18 @@ const cn = ({ onClose: t }) => {
     ee(h),
     cr(h)
   ]), k = T(() => {
-    var p;
+    var m;
     const M = y();
     if (N(M)) {
-      const C = le(M), m = C.getParent();
-      let q = null;
-      if (J(m) ? q = m : J(C) && (q = C), q) {
+      const C = le(M), p = C.getParent();
+      let D = null;
+      if (J(p) ? D = p : J(C) && (D = C), D) {
         const nt = window.getSelection(), _t = t.getRootElement();
-        M !== null && nt !== null && _t !== null && _t.contains(nt.anchorNode) && t.isEditable() && (r.current = ((p = nt.focusNode) == null ? void 0 : p.parentElement) ?? null);
+        M !== null && nt !== null && _t !== null && _t.contains(nt.anchorNode) && t.isEditable() && (r.current = ((m = nt.focusNode) == null ? void 0 : m.parentElement) ?? null);
       }
-      n(q);
+      n(D);
     }
-  }, [t]), E = T(() => {
+  }, [t]), S = T(() => {
     e && sn(e) && t.update(() => {
       e.remove();
     }), t.dispatchCommand(tt, null);
@@ -1733,7 +1734,7 @@ const cn = ({ onClose: t }) => {
       });
     }),
     t.registerCommand(
-      G,
+      Y,
       () => (k(), !0),
       R
     ),
@@ -1744,7 +1745,7 @@ const cn = ({ onClose: t }) => {
     )
   ), [t, k, e]), !s)
     return null;
-  const S = Tt(i);
+  const E = Tt(i);
   return /* @__PURE__ */ o(re, { children: /* @__PURE__ */ u(
     Xt,
     {
@@ -1760,7 +1761,7 @@ const cn = ({ onClose: t }) => {
       ...g(),
       children: [
         /* @__PURE__ */ o(
-          H,
+          U,
           {
             as: "a",
             css: {
@@ -1770,14 +1771,14 @@ const cn = ({ onClose: t }) => {
               textOverflow: "ellipsis",
               marginRight: "$4"
             },
-            href: S,
-            title: S,
+            href: E,
+            title: E,
             target: "_blank",
             rel: "noreferrer",
             children: i
           }
         ),
-        /* @__PURE__ */ o(L, { color: "danger", icon: !0, size: "sm", onClick: E, children: /* @__PURE__ */ o(er, { size: 24 }) })
+        /* @__PURE__ */ o(L, { color: "danger", icon: !0, size: "sm", onClick: S, children: /* @__PURE__ */ o(er, { size: 24 }) })
       ]
     }
   ) });

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

@@ -1,6 +1,8 @@
 export declare const Card: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "primary" | undefined;
     elevation?: "none" | "raised" | undefined;
+    rounded?: "md" | "none" | undefined;
+    border?: boolean | "true" | undefined;
 }, {
     lg: "(min-width: 1200px)";
     print: "print";

package/dist/ui.es.js

@@ -1,5 +1,5 @@
 import { k as h, s as n, c as f } from "./stitches.config-00c23cdb.js";
-import { a as Ae, g as We } from "./stitches.config-00c23cdb.js";
+import { a as Ae, g as Ve } from "./stitches.config-00c23cdb.js";
 import { jsx as t, jsxs as c, Fragment as K } from "react/jsx-runtime";
 import { forwardRef as g, createContext as U, useMemo as k, useContext as B, isValidElement as q, cloneElement as J, useState as Q, useId as w } from "react";
 import { useFloating as Z, autoUpdate as _, offset as oo, flip as eo, shift as ro, useTransitionStyles as to, useClick as no, useHover as ao, safePolygon as io, useDismiss as so, useRole as lo, useInteractions as co, FloatingPortal as $o } from "@floating-ui/react";
@@ -517,7 +517,7 @@ const bo = h({
   my: "$1",
   mx: "$1",
   backgroundColor: "$border"
-}), W = g(({ css: o, ...e }, r) => /* @__PURE__ */ t(
+}), V = g(({ css: o, ...e }, r) => /* @__PURE__ */ t(
   P,
   {
     ref: r,
@@ -539,7 +539,7 @@ const bo = h({
       asChild: !0,
       ref: a,
       children: /* @__PURE__ */ c(
-        W,
+        V,
         {
           variant: "transparent",
           color: "primary",
@@ -563,7 +563,7 @@ const bo = h({
     asChild: !0,
     ref: a,
     children: /* @__PURE__ */ t(
-      W,
+      V,
       {
         variant: "transparent",
         color: "primary",
@@ -576,7 +576,6 @@ const bo = h({
 )), he = n("div", {
   color: "$$cardText",
   backgroundColor: "$$cardBackground",
-  borderRadius: "$md",
   padding: "$4",
   variants: {
     variant: {
@@ -592,11 +591,32 @@ const bo = h({
       raised: {
         boxShadow: "$md"
       }
+    },
+    rounded: {
+      none: {
+        borderRadius: "0"
+      },
+      md: {
+        borderRadius: "$md"
+      }
+    },
+    border: {
+      true: {}
     }
   },
+  compoundVariants: [
+    {
+      variant: "primary",
+      border: !0,
+      css: {
+        border: "1px solid $gray200"
+      }
+    }
+  ],
   defaultVariants: {
     variant: "primary",
-    elevation: "raised"
+    elevation: "raised",
+    rounded: "md"
   }
 }), Mo = n("div", {
   borderRadius: "$md",
@@ -669,7 +689,7 @@ const bo = h({
   padding: "$4",
   borderBottomRightRadius: "$md",
   borderBottomLeftRadius: "$md"
-}), Wo = n("div", {
+}), Vo = n("div", {
   display: "flex",
   variants: {
     direction: {
@@ -704,7 +724,7 @@ const bo = h({
     direction: "column",
     gap: 4
   }
-}), D = /* @__PURE__ */ new Map(), Vo = (o) => {
+}), D = /* @__PURE__ */ new Map(), Wo = (o) => {
   const e = D.get(o);
   if (e)
     return e;
@@ -750,7 +770,7 @@ const bo = h({
   ...r
 }) => {
   const a = k(
-    () => e ? Vo(e) : "$gray200",
+    () => e ? Wo(e) : "$gray200",
     [e]
   );
   return /* @__PURE__ */ t(Oo, { css: { backgroundColor: a, ...o }, ...r });
@@ -894,7 +914,7 @@ const bo = h({
   }
 }, Yo = {
   IndicatorSeparator: () => null
-}, V = ({
+}, W = ({
   styles: o,
   components: e,
   error: r,
@@ -915,7 +935,7 @@ const bo = h({
     [e]
   );
   return /* @__PURE__ */ t(ho, { components: s, styles: i, ...a });
-}, Re = (o) => /* @__PURE__ */ t(V, { ...o, isSearchable: !0 }), Te = ({
+}, Re = (o) => /* @__PURE__ */ t(W, { ...o, isSearchable: !0 }), Te = ({
   label: o,
   css: e,
   error: r,
@@ -934,7 +954,7 @@ const bo = h({
     }
   ),
   /* @__PURE__ */ t(
-    V,
+    W,
     {
       ...a,
       error: r,
@@ -1229,7 +1249,7 @@ const bo = h({
   labelProps: r,
   size: a,
   ...i
-}) => /* @__PURE__ */ c(Wo, { direction: "row", align: "center", ...e, children: [
+}) => /* @__PURE__ */ c(Vo, { direction: "row", align: "center", ...e, children: [
   o && /* @__PURE__ */ t(oe, { size: a, ...r, children: o }),
   /* @__PURE__ */ t(Zo, { ...i, children: /* @__PURE__ */ t(_o, {}) })
 ] });
@@ -1239,7 +1259,7 @@ export {
   ce as Badge,
   d as Box,
   P as Button,
-  W as ButtonInToolbar,
+  V as ButtonInToolbar,
   he as Card,
   He as Checkbox,
   Re as Combobox,
@@ -1260,7 +1280,7 @@ export {
   Ho as PopoverTrigger,
   Te as Select,
   ko as Spinner,
-  Wo as Stack,
+  Vo as Stack,
   Fe as Switch,
   Be as TextArea,
   De as TextInput,
@@ -1272,7 +1292,7 @@ export {
   de as Tooltip,
   f as css,
   Ae as getCssText,
-  We as globalCss,
+  Ve as globalCss,
   h as keyframes,
   S as menuItemStyles,
   n as styled

package/package.json

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