@caspeco/casper-ui-library 9.9.0 → 9.11.0

package/dist/components/rich-text-editor/rich-text-editor-control.js

@@ -0,0 +1,202 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Box as D } from "@chakra-ui/react";
+import { useEditorState as x } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { find as T } from "../../node_modules/linkifyjs/dist/linkify.js";
+import { useState as C, useEffect as A, useCallback as z } from "react";
+import { BooleanControl as c } from "./boolean-control.js";
+import { useRichTextEditorContext as r } from "./rich-text-editor-context.js";
+import { translations as i } from "./translations.js";
+import { Menu as P } from "../menu/menu.js";
+import { Tooltip as R } from "../tooltip/tooltip.js";
+import { MenuButton as w } from "../menu/menu-button.js";
+import { LinkIcon as F } from "../icon/icons/link-icon.js";
+import { MenuList as O } from "../menu/menu-list.js";
+import { FormControl as y } from "../form-control/form-control.js";
+import { FormLabel as U } from "../form-control/form-label.js";
+import { Input as H } from "../input/input.js";
+import { Button as B } from "../button/button.js";
+import { ListOLIcon as j } from "../icon/icons/list-ol-icon.js";
+import { ListULIcon as E } from "../icon/icons/list-ul-icon.js";
+import { ThemeIconSizeVariable as g, ThemeSpaceVariable as m, ThemeFontSizeVariable as I } from "../../theme/theme-types.js";
+const K = {
+  icon: /* @__PURE__ */ t("strong", { children: "B" }),
+  command: (e) => e.chain().focus().toggleBold().run(),
+  isActive: (e) => e.isActive("bold")
+};
+function Le() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...K, label: n.bold });
+}
+const $ = {
+  icon: /* @__PURE__ */ t("em", { children: "I" }),
+  command: (e) => e.chain().focus().toggleItalic().run(),
+  isActive: (e) => e.isActive("italic")
+};
+function xe() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...$, label: n.italic });
+}
+const X = {
+  icon: /* @__PURE__ */ t("span", { style: { textDecoration: "underline" }, children: "U" }),
+  command: (e) => e.chain().focus().toggleUnderline().run(),
+  isActive: (e) => e.isActive("underline")
+};
+function Ce() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...X, label: n.underline });
+}
+const q = {
+  icon: /* @__PURE__ */ t(E, { size: g.Small }),
+  command: (e) => e.chain().focus().toggleBulletList().run(),
+  isActive: (e) => e.isActive("bulletList")
+};
+function Ae() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...q, label: n.bulletList });
+}
+const G = {
+  icon: /* @__PURE__ */ t(j, { size: g.Small }),
+  command: (e) => e.chain().focus().toggleOrderedList().run(),
+  isActive: (e) => e.isActive("orderedList")
+};
+function ze() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...G, label: n.orderedList });
+}
+const J = {
+  icon: /* @__PURE__ */ t("span", { style: { fontSize: "0.8em", fontWeight: 600 }, children: "H1" }),
+  command: (e) => e.chain().focus().toggleHeading({ level: 1 }).run(),
+  isActive: (e) => e.isActive("heading", { level: 1 })
+};
+function ye() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...J, label: n.heading1 });
+}
+const N = {
+  icon: /* @__PURE__ */ t("span", { style: { fontSize: "0.8em", fontWeight: 600 }, children: "H2" }),
+  command: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
+  isActive: (e) => e.isActive("heading", { level: 2 })
+};
+function Ue() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...N, label: n.heading2 });
+}
+const Q = {
+  icon: /* @__PURE__ */ t("span", { style: { fontSize: "0.8em", fontWeight: 600 }, children: "H3" }),
+  command: (e) => e.chain().focus().toggleHeading({ level: 3 }).run(),
+  isActive: (e) => e.isActive("heading", { level: 3 })
+};
+function He() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...Q, label: n.heading3 });
+}
+const Y = {
+  icon: /* @__PURE__ */ t("span", { style: { fontSize: "0.8em", fontWeight: 600 }, children: "H4" }),
+  command: (e) => e.chain().focus().toggleHeading({ level: 4 }).run(),
+  isActive: (e) => e.isActive("heading", { level: 4 })
+};
+function Be() {
+  const { locale: e } = r(), n = i[e] ?? i["en-US"];
+  return /* @__PURE__ */ t(c, { ...Y, label: n.heading4 });
+}
+function Z(e) {
+  return e.startsWith("tel:") ? e.slice(4) : e.startsWith("mailto:") ? e.slice(7) : e;
+}
+const _ = /^\+?[\d\s\-().]{7,}$/;
+function ee(e) {
+  const n = e.trim();
+  if (!n) return "";
+  if (n.startsWith("tel:")) return n;
+  if (_.test(n)) return `tel:${n}`;
+  const [l] = T(n);
+  return l && l.isLink && l.start === 0 && l.end === n.length ? l.href : "";
+}
+function Ie() {
+  const { editor: e, locale: n } = r(), l = i[n] ?? i["en-US"], [d, p] = C(""), [f, v] = C(""), h = x({
+    editor: e,
+    selector: ({ editor: o }) => o ? o.getAttributes("link").href ?? "" : ""
+  }), k = x({
+    editor: e,
+    selector: ({ editor: o }) => {
+      if (!o) return "";
+      const { from: u, to: a } = o.state.selection;
+      return o.state.doc.textBetween(u, a, " ");
+    }
+  });
+  A(() => {
+    p(Z(h ?? ""));
+  }, [h]), A(() => {
+    v(k ?? "");
+  }, [k]);
+  const M = z(() => {
+    if (!e) return;
+    const o = ee(d);
+    if (!o) {
+      e.chain().focus().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    e.chain().focus().extendMarkRange("link").command(({ tr: u, state: a }) => {
+      const { from: S, to: b } = a.selection, W = f || a.doc.textBetween(S, b, " ") || o, L = a.schema.marks.link?.create({ href: o });
+      return L ? (u.replaceWith(S, b, a.schema.text(W, [L])), !0) : !1;
+    }).run();
+  }, [e, d, f]), V = z(() => {
+    e?.chain().focus().extendMarkRange("link").unsetLink().run();
+  }, [e]);
+  return e ? /* @__PURE__ */ s(P, { closeOnSelect: !1, placement: "bottom-start", children: [
+    /* @__PURE__ */ t(R, { label: l.link, placement: "top", children: /* @__PURE__ */ t(w, { size: "sm", variant: "ghost", "aria-label": l.link, px: 0, children: /* @__PURE__ */ t(F, { size: g.Small }) }) }),
+    /* @__PURE__ */ s(O, { px: m.Medium, children: [
+      /* @__PURE__ */ s(y, { mb: m.Small, children: [
+        /* @__PURE__ */ t(U, { fontSize: I.Small, children: l.linkDisplayLabel }),
+        /* @__PURE__ */ t(
+          H,
+          {
+            value: f,
+            onChange: (o) => v(o.target.value),
+            onKeyDown: (o) => o.stopPropagation(),
+            placeholder: l.linkDisplayPlaceholder,
+            autoFocus: !0,
+            size: "sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s(y, { children: [
+        /* @__PURE__ */ t(U, { fontSize: I.Small, children: l.linkLabel }),
+        /* @__PURE__ */ t(
+          H,
+          {
+            value: d,
+            onChange: (o) => p(o.target.value),
+            onKeyDown: (o) => o.stopPropagation(),
+            placeholder: l.linkPlaceholder,
+            size: "sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s(
+        D,
+        {
+          display: "flex",
+          justifyContent: "flex-end",
+          gap: m.XSmall,
+          mt: m.Small,
+          children: [
+            h && /* @__PURE__ */ t(B, { variant: "ghost", size: "sm", onClick: V, children: l.removeLink }),
+            /* @__PURE__ */ t(B, { variant: "primary", size: "sm", onClick: M, children: l.save })
+          ]
+        }
+      )
+    ] })
+  ] }) : null;
+}
+export {
+  Le as Bold,
+  Ae as BulletList,
+  ye as Heading1,
+  Ue as Heading2,
+  He as Heading3,
+  Be as Heading4,
+  xe as Italic,
+  Ie as LinkControl,
+  ze as OrderedList,
+  Ce as Underline
+};

package/dist/components/rich-text-editor/rich-text-editor-recipe.d.ts

@@ -0,0 +1,4 @@
+export declare const proseMirrorContainerCss: import('@chakra-ui/react').SystemStyleObject;
+export declare const toolbarCss: import('@chakra-ui/react').SystemStyleObject;
+export declare const proseMirrorContentCss: import('@chakra-ui/react').SystemStyleObject;
+//# sourceMappingURL=rich-text-editor-recipe.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-recipe.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,uBAAuB,8CAuBlC,CAAC;AAEH,eAAO,MAAM,UAAU,8CAKrB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8CAwBhC,CAAC"}

package/dist/components/rich-text-editor/rich-text-editor-recipe.js

@@ -0,0 +1,58 @@
+import { defineStyle as o } from "@chakra-ui/react";
+import { ThemeSpaceVariable as r, ThemeColorVariable as i, ThemeBorderVariable as t, ThemeRadiusVariable as n, ThemeFontSizeVariable as e } from "../../theme/theme-types.js";
+const d = o({
+  display: "flex",
+  flexDirection: "column",
+  border: t.XSmall,
+  borderColor: i.OnSurfaceBorder,
+  borderRadius: n.Small,
+  overflow: "hidden",
+  "--content-padding-x": r.Small,
+  "--content-padding-y": r.Small,
+  "& .ProseMirror": {
+    outline: "none",
+    whiteSpace: "pre-wrap",
+    minHeight: "var(--content-min-height, 100px)",
+    paddingInline: "var(--content-padding-x)",
+    paddingBlock: "var(--content-padding-y)"
+  },
+  "&[data-disabled] .ProseMirror": {
+    pointerEvents: "none",
+    opacity: 0.5,
+    cursor: "not-allowed"
+  }
+}), s = o({
+  borderBottom: t.XSmall,
+  borderBottomColor: i.OnSurfaceBorder,
+  py: r.XSmall,
+  px: r.XSmall
+}), m = o({
+  lineHeight: "1.5",
+  "& .ProseMirror > * + *": { marginTop: r.Small },
+  "& .ProseMirror p": { margin: r.None },
+  "& .ProseMirror ul:not([data-type='taskList'])": {
+    paddingInlineStart: r.Medium,
+    listStyleType: "disc"
+  },
+  "& .ProseMirror ol:not([data-type='taskList'])": {
+    paddingInlineStart: r.Medium,
+    listStyleType: "decimal"
+  },
+  "& .ProseMirror a": {
+    color: i.Primary,
+    textDecoration: "underline",
+    cursor: "pointer"
+  },
+  "& .ProseMirror h1": { fontSize: e.X2Large, fontWeight: "bold", lineHeight: 1.2 },
+  "& .ProseMirror h2": { fontSize: e.XLarge, fontWeight: "bold", lineHeight: 1.25 },
+  "& .ProseMirror h3": { fontSize: e.Large, fontWeight: "bold", lineHeight: 1.3 },
+  "& .ProseMirror h4": { fontSize: e.Medium, fontWeight: "bold", lineHeight: 1.4 },
+  "& .ProseMirror strong": { fontWeight: "bold" },
+  "& .ProseMirror em": { fontStyle: "italic" },
+  "& .ProseMirror u": { textDecoration: "underline" }
+});
+export {
+  d as proseMirrorContainerCss,
+  m as proseMirrorContentCss,
+  s as toolbarCss
+};

package/dist/components/rich-text-editor/rich-text-editor.composition.d.ts

@@ -0,0 +1,6 @@
+declare function EditorWithToolbar(): import("react/jsx-runtime").JSX.Element;
+declare function EditorWithContent(): import("react/jsx-runtime").JSX.Element;
+declare function EditorDisabled(): import("react/jsx-runtime").JSX.Element;
+declare function Renderer(): import("react/jsx-runtime").JSX.Element;
+export { EditorDisabled, EditorWithContent, EditorWithToolbar, Renderer };
+//# sourceMappingURL=rich-text-editor.composition.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.composition.tsx"],"names":[],"mappings":"AAoEA,iBAAS,iBAAiB,4CA2BzB;AAED,iBAAS,iBAAiB,4CA2BzB;AAED,iBAAS,cAAc,4CAgBtB;AAED,iBAAS,QAAQ,4CAEhB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { EditorContentProps } from '@tiptap/react';
+import { ReactNode } from 'react';
+import { RichTextEditorRootProps, RichTextEditorToolbarProps } from './types.js';
+export declare function RichTextEditorRoot({ editor, children, locale, disabled, ...rest }: RichTextEditorRootProps & ThemeStyleProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditorToolbar({ children, ...rest }: RichTextEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditorContent({ ...rest }: Omit<EditorContentProps, "editor">): import("react/jsx-runtime").JSX.Element | null;
+export declare function RichTextEditorControlGroup({ children, ...rest }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rich-text-editor.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAEnF,wBAAgB,kBAAkB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAgB,EAChB,QAAQ,EACR,GAAG,IAAI,EACP,EAAE,uBAAuB,GAAG,eAAe,2CAc3C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,2CAoBtF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,kDAIpF;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMxF"}

package/dist/components/rich-text-editor/rich-text-editor.js

@@ -0,0 +1,60 @@
+import { jsx as t } from "react/jsx-runtime";
+import { HStack as i, Box as n } from "@chakra-ui/react";
+import { EditorContent as s } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { useMemo as m } from "react";
+import { useRichTextEditorContext as p, RichTextEditorContext as u } from "./rich-text-editor-context.js";
+import { toolbarCss as f, proseMirrorContainerCss as d, proseMirrorContentCss as x } from "./rich-text-editor-recipe.js";
+import { ThemeSpaceVariable as h, ThemeColorVariable as C } from "../../theme/theme-types.js";
+function V({
+  editor: r,
+  children: o,
+  locale: e = "en-US",
+  disabled: a,
+  ...c
+}) {
+  const l = m(() => ({ editor: r ?? null, locale: e }), [r, e]);
+  return /* @__PURE__ */ t(u.Provider, { value: l, children: /* @__PURE__ */ t(
+    n,
+    {
+      "data-disabled": a || void 0,
+      css: [d, x],
+      ...c,
+      children: o
+    }
+  ) });
+}
+function g({ children: r, ...o }) {
+  return /* @__PURE__ */ t(
+    i,
+    {
+      flexWrap: "wrap",
+      separator: /* @__PURE__ */ t(
+        n,
+        {
+          role: "separator",
+          h: "1.25rem",
+          w: "1px",
+          alignSelf: "center",
+          color: C.OnSurfaceBorder,
+          flexShrink: 0
+        }
+      ),
+      css: f,
+      ...o,
+      children: r
+    }
+  );
+}
+function k({ ...r }) {
+  const { editor: o } = p();
+  return o ? /* @__PURE__ */ t(s, { editor: o, ...r }) : null;
+}
+function w({ children: r, ...o }) {
+  return /* @__PURE__ */ t(i, { gap: h.XSmall, ...o, children: r });
+}
+export {
+  k as RichTextEditorContent,
+  w as RichTextEditorControlGroup,
+  V as RichTextEditorRoot,
+  g as RichTextEditorToolbar
+};

package/dist/components/rich-text-editor/rich-text-editor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=rich-text-editor.test.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.test.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.test.tsx"],"names":[],"mappings":""}

package/dist/components/rich-text-editor/rich-text-editor.visual.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=rich-text-editor.visual.test.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor.visual.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.visual.test.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor.visual.test.tsx"],"names":[],"mappings":""}

package/dist/components/rich-text-editor/rich-text-renderer.d.ts

@@ -0,0 +1,3 @@
+import { RichTextRendererProps } from './types.js';
+export declare function RichTextRenderer({ content, ...rest }: RichTextRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rich-text-renderer.d.ts.map

package/dist/components/rich-text-editor/rich-text-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-renderer.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-renderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBrD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAQ3E"}

package/dist/components/rich-text-editor/rich-text-renderer.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Box as n } from "@chakra-ui/react";
+import { generateHTML as i } from "../../node_modules/@tiptap/core/dist/index.js";
+import { useMemo as m } from "react";
+import { richTextExtensions as c } from "./extensions.js";
+import { proseMirrorContentCss as f } from "./rich-text-editor-recipe.js";
+const a = /^(https?|mailto):/i, h = /^tel:\+?[\d\s\-().]{7,}$/i, l = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+function p(e) {
+  const r = new DOMParser().parseFromString(e, "text/html");
+  return r.querySelectorAll("a[href]").forEach((t) => {
+    const o = t.getAttribute("href") ?? "";
+    a.test(o) || h.test(o) || l.test(o) && t.removeAttribute("href");
+  }), r.body.innerHTML;
+}
+function S({ content: e, ...r }) {
+  const t = m(() => p(i(e, c)), [e]);
+  return /* @__PURE__ */ s(n, { css: f, ...r, children: /* @__PURE__ */ s("div", { className: "ProseMirror", dangerouslySetInnerHTML: { __html: t } }) });
+}
+export {
+  S as RichTextRenderer
+};

package/dist/components/rich-text-editor/translations.d.ts

@@ -0,0 +1,23 @@
+import { RichTextEditorLocale } from './types.js';
+declare const en: {
+    bold: string;
+    italic: string;
+    underline: string;
+    bulletList: string;
+    orderedList: string;
+    heading: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    heading4: string;
+    link: string;
+    linkDisplayLabel: string;
+    linkDisplayPlaceholder: string;
+    linkLabel: string;
+    linkPlaceholder: string;
+    removeLink: string;
+    save: string;
+};
+export declare const translations: Record<RichTextEditorLocale, typeof en>;
+export {};
+//# sourceMappingURL=translations.d.ts.map

package/dist/components/rich-text-editor/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/translations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,EAAE;;;;;;;;;;;;;;;;;;CAkBP,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,oBAAoB,EAAE,OAAO,EAAE,CAkGhE,CAAC"}

package/dist/components/rich-text-editor/translations.js

@@ -0,0 +1,120 @@
+const e = {
+  bold: "Bold",
+  italic: "Italic",
+  underline: "Underline",
+  bulletList: "Bullet list",
+  orderedList: "Ordered list",
+  heading: "Heading",
+  heading1: "Heading 1",
+  heading2: "Heading 2",
+  heading3: "Heading 3",
+  heading4: "Heading 4",
+  link: "Link",
+  linkDisplayLabel: "Display text",
+  linkDisplayPlaceholder: "Link text",
+  linkLabel: "URL",
+  linkPlaceholder: "URL, email or tel",
+  removeLink: "Remove link",
+  save: "Save"
+}, i = {
+  "en-US": e,
+  "en-GB": e,
+  "sv-SE": {
+    bold: "Fet",
+    italic: "Kursiv",
+    underline: "Understrykning",
+    bulletList: "Punktlista",
+    orderedList: "Numrerad lista",
+    heading: "Rubrik",
+    heading1: "Rubrik 1",
+    heading2: "Rubrik 2",
+    heading3: "Rubrik 3",
+    heading4: "Rubrik 4",
+    link: "Länk",
+    linkDisplayLabel: "Visningstext",
+    linkDisplayPlaceholder: "Länktext",
+    linkLabel: "URL",
+    linkPlaceholder: "URL, e-post eller tel",
+    removeLink: "Ta bort länk",
+    save: "Spara"
+  },
+  "nb-NO": {
+    bold: "Fet",
+    italic: "Kursiv",
+    underline: "Understrek",
+    bulletList: "Punktliste",
+    orderedList: "Numrert liste",
+    heading: "Overskrift",
+    heading1: "Overskrift 1",
+    heading2: "Overskrift 2",
+    heading3: "Overskrift 3",
+    heading4: "Overskrift 4",
+    link: "Lenke",
+    linkDisplayLabel: "Visningstekst",
+    linkDisplayPlaceholder: "Lenketekst",
+    linkLabel: "URL",
+    linkPlaceholder: "URL, e-post eller tlf",
+    removeLink: "Fjern lenke",
+    save: "Lagre"
+  },
+  "da-DK": {
+    bold: "Fed",
+    italic: "Kursiv",
+    underline: "Understregning",
+    bulletList: "Punktliste",
+    orderedList: "Numreret liste",
+    heading: "Overskrift",
+    heading1: "Overskrift 1",
+    heading2: "Overskrift 2",
+    heading3: "Overskrift 3",
+    heading4: "Overskrift 4",
+    link: "Link",
+    linkDisplayLabel: "Visningstekst",
+    linkDisplayPlaceholder: "Linktekst",
+    linkLabel: "URL",
+    linkPlaceholder: "URL, email eller tlf",
+    removeLink: "Fjern link",
+    save: "Gem"
+  },
+  "fr-FR": {
+    bold: "Gras",
+    italic: "Italique",
+    underline: "Souligné",
+    bulletList: "Liste à puces",
+    orderedList: "Liste numérotée",
+    heading: "Titre",
+    heading1: "Titre 1",
+    heading2: "Titre 2",
+    heading3: "Titre 3",
+    heading4: "Titre 4",
+    link: "Lien",
+    linkDisplayLabel: "Texte affiché",
+    linkDisplayPlaceholder: "Texte du lien",
+    linkLabel: "URL",
+    linkPlaceholder: "URL, e-mail ou tél",
+    removeLink: "Supprimer le lien",
+    save: "Enregistrer"
+  },
+  "nl-BE": {
+    bold: "Vet",
+    italic: "Cursief",
+    underline: "Onderstreept",
+    bulletList: "Opsommingslijst",
+    orderedList: "Genummerde lijst",
+    heading: "Kop",
+    heading1: "Kop 1",
+    heading2: "Kop 2",
+    heading3: "Kop 3",
+    heading4: "Kop 4",
+    link: "Link",
+    linkDisplayLabel: "Weergavetekst",
+    linkDisplayPlaceholder: "Linktekst",
+    linkLabel: "URL",
+    linkPlaceholder: "URL, e-mail of tel",
+    removeLink: "Link verwijderen",
+    save: "Opslaan"
+  }
+};
+export {
+  i as translations
+};

package/dist/components/rich-text-editor/types.d.ts

@@ -0,0 +1,30 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { Editor, JSONContent } from '@tiptap/core';
+import { ReactNode } from 'react';
+export type { JSONContent } from '@tiptap/core';
+export type RichTextEditorLocale = "en-US" | "en-GB" | "sv-SE" | "nb-NO" | "da-DK" | "fr-FR" | "nl-BE";
+export interface RichTextEditorRootProps {
+    editor: Editor | null;
+    children: ReactNode;
+    locale?: RichTextEditorLocale;
+    disabled?: boolean;
+}
+export interface RichTextEditorToolbarProps {
+    children: ReactNode;
+}
+export interface RichTextRendererProps extends ThemeStyleProps {
+    content: JSONContent;
+}
+export interface UseRichTextEditorOptions {
+    initialContent?: JSONContent;
+    onChange?: (content: JSONContent) => void;
+    autoFocus?: boolean;
+}
+export interface BooleanControlConfig {
+    label: string;
+    icon: ReactNode;
+    command: (editor: Editor) => void;
+    isActive: (editor: Editor) => boolean;
+    isDisabled?: (editor: Editor) => boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/rich-text-editor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvG,MAAM,WAAW,uBAAuB;IACvC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC7D,OAAO,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACxC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CACzC"}

package/dist/components/rich-text-editor/use-rich-text-editor.d.ts

@@ -0,0 +1,3 @@
+import { UseRichTextEditorOptions } from './types.js';
+export declare function useRichTextEditor({ initialContent, onChange, autoFocus, }?: UseRichTextEditorOptions): import('@tiptap/core').Editor;
+//# sourceMappingURL=use-rich-text-editor.d.ts.map

package/dist/components/rich-text-editor/use-rich-text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-rich-text-editor.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/use-rich-text-editor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,wBAAgB,iBAAiB,CAAC,EACjC,cAAc,EACd,QAAQ,EACR,SAAiB,GACjB,GAAE,wBAA6B,iCAO/B"}

package/dist/components/rich-text-editor/use-rich-text-editor.js

@@ -0,0 +1,17 @@
+import { useEditor as r } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { richTextExtensions as n } from "./extensions.js";
+function f({
+  initialContent: e,
+  onChange: t,
+  autoFocus: o = !1
+} = {}) {
+  return r({
+    extensions: n,
+    content: e,
+    autofocus: o ? "end" : !1,
+    onUpdate: t ? ({ editor: i }) => t(i.getJSON()) : void 0
+  });
+}
+export {
+  f as useRichTextEditor
+};

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAqJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}