@caspeco/casper-ui-library 10.3.1 → 10.5.0

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

@@ -1,309 +1,315 @@
-import { jsx as l, jsxs as U } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
-import { Box as ce } from "@chakra-ui/react";
-import { useEditorState as q } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
-import { find as se } from "../../node_modules/linkifyjs/dist/linkify.js";
-import { useState as V } from "react";
-import { BooleanControl as a } from "./boolean-control.js";
-import { useRichTextEditorContext as s } from "./rich-text-editor-context.js";
-import { translations as o } from "./translations.js";
-import { LinkIcon as ae } from "../icon/icons/link-icon.js";
-import { MenuButton as fe } from "../menu/menu-button.js";
-import { Tooltip as me } from "../tooltip/tooltip.js";
-import { FormLabel as G } from "../form-control/form-label.js";
-import { Input as J } from "../input/input.js";
-import { FormControl as N } from "../form-control/form-control.js";
-import { Button as Q } from "../button/button.js";
-import { MenuList as de } from "../menu/menu-list.js";
-import { ListOLIcon as ue } from "../icon/icons/list-ol-icon.js";
-import { ListULIcon as he } from "../icon/icons/list-ul-icon.js";
-import { Menu as ge } from "../menu/menu.js";
-import { ThemeIconSizeVariable as F, ThemeFontSizeVariable as Y, ThemeSpaceVariable as W } from "../../theme/theme-types.js";
-const pe = {
-  icon: /* @__PURE__ */ l("strong", { children: "B" }),
-  command: (e) => e.chain().focus().toggleBold().run(),
-  isActive: (e) => e.isActive("bold")
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeFontSizeVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { LinkIcon as i } from "../icon/icons/link-icon.js";
+import { ListOLIcon as a } from "../icon/icons/list-ol-icon.js";
+import { ListULIcon as o } from "../icon/icons/list-ul-icon.js";
+import { Menu as s } from "../menu/menu.js";
+import { Button as c } from "../button/button.js";
+import { MenuButton as ee } from "../menu/menu-button.js";
+import { MenuList as te } from "../menu/menu-list.js";
+import { FormControl as l } from "../form-control/form-control.js";
+import { FormLabel as u } from "../form-control/form-label.js";
+import { Input as d } from "../input/input.js";
+import { useEditorState as f } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useRichTextEditorContext as p } from "./rich-text-editor-context.js";
+import { Tooltip as ne } from "../tooltip/tooltip.js";
+import { find as m } from "../../node_modules/linkifyjs/dist/linkify.js";
+import { BooleanControl as h } from "./boolean-control.js";
+import { translations as g } from "./translations.js";
+import { useState as _ } from "react";
+import { Box as re } from "@chakra-ui/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region lib/components/rich-text-editor/rich-text-editor-control.tsx
+var b = e(), x = {
+	icon: /* @__PURE__ */ v("strong", { children: "B" }),
+	command: (e) => e.chain().focus().toggleBold().run(),
+	isActive: (e) => e.isActive("bold")
 };
-function Ye() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.bold ? (t = /* @__PURE__ */ l(a, { ...pe, label: i.bold }), e[0] = i.bold, e[1] = t) : t = e[1], t;
+function S() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.bold ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...x,
+		label: n.bold
+	}), e[0] = n.bold, e[1] = r), r;
 }
-const ke = {
-  icon: /* @__PURE__ */ l("em", { children: "I" }),
-  command: (e) => e.chain().focus().toggleItalic().run(),
-  isActive: (e) => e.isActive("italic")
+var C = {
+	icon: /* @__PURE__ */ v("em", { children: "I" }),
+	command: (e) => e.chain().focus().toggleItalic().run(),
+	isActive: (e) => e.isActive("italic")
 };
-function Ze() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.italic ? (t = /* @__PURE__ */ l(a, { ...ke, label: i.italic }), e[0] = i.italic, e[1] = t) : t = e[1], t;
+function w() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.italic ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...C,
+		label: n.italic
+	}), e[0] = n.italic, e[1] = r), r;
 }
-const ve = {
-  icon: /* @__PURE__ */ l("span", { style: {
-    textDecoration: "underline"
-  }, children: "U" }),
-  command: (e) => e.chain().focus().toggleUnderline().run(),
-  isActive: (e) => e.isActive("underline")
+var T = {
+	icon: /* @__PURE__ */ v("span", {
+		style: { textDecoration: "underline" },
+		children: "U"
+	}),
+	command: (e) => e.chain().focus().toggleUnderline().run(),
+	isActive: (e) => e.isActive("underline")
 };
-function et() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.underline ? (t = /* @__PURE__ */ l(a, { ...ve, label: i.underline }), e[0] = i.underline, e[1] = t) : t = e[1], t;
+function E() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.underline ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...T,
+		label: n.underline
+	}), e[0] = n.underline, e[1] = r), r;
 }
-const Le = {
-  icon: /* @__PURE__ */ l(he, { size: F.Small }),
-  command: (e) => e.chain().focus().toggleBulletList().run(),
-  isActive: (e) => e.isActive("bulletList")
+var D = {
+	icon: /* @__PURE__ */ v(o, { size: n.Small }),
+	command: (e) => e.chain().focus().toggleBulletList().run(),
+	isActive: (e) => e.isActive("bulletList")
 };
-function tt() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.bulletList ? (t = /* @__PURE__ */ l(a, { ...Le, label: i.bulletList }), e[0] = i.bulletList, e[1] = t) : t = e[1], t;
+function O() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.bulletList ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...D,
+		label: n.bulletList
+	}), e[0] = n.bulletList, e[1] = r), r;
 }
-const be = {
-  icon: /* @__PURE__ */ l(ue, { size: F.Small }),
-  command: (e) => e.chain().focus().toggleOrderedList().run(),
-  isActive: (e) => e.isActive("orderedList")
+var k = {
+	icon: /* @__PURE__ */ v(a, { size: n.Small }),
+	command: (e) => e.chain().focus().toggleOrderedList().run(),
+	isActive: (e) => e.isActive("orderedList")
 };
-function nt() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.orderedList ? (t = /* @__PURE__ */ l(a, { ...be, label: i.orderedList }), e[0] = i.orderedList, e[1] = t) : t = e[1], t;
+function A() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.orderedList ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...k,
+		label: n.orderedList
+	}), e[0] = n.orderedList, e[1] = r), r;
 }
-const Se = {
-  icon: /* @__PURE__ */ l("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
-  })
+var j = {
+	icon: /* @__PURE__ */ v("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 it() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.heading1 ? (t = /* @__PURE__ */ l(a, { ...Se, label: i.heading1 }), e[0] = i.heading1, e[1] = t) : t = e[1], t;
+function M() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.heading1 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...j,
+		label: n.heading1
+	}), e[0] = n.heading1, e[1] = r), r;
 }
-const xe = {
-  icon: /* @__PURE__ */ l("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
-  })
+var N = {
+	icon: /* @__PURE__ */ v("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 lt() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.heading2 ? (t = /* @__PURE__ */ l(a, { ...xe, label: i.heading2 }), e[0] = i.heading2, e[1] = t) : t = e[1], t;
+function P() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.heading2 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...N,
+		label: n.heading2
+	}), e[0] = n.heading2, e[1] = r), r;
 }
-const ye = {
-  icon: /* @__PURE__ */ l("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
-  })
+var F = {
+	icon: /* @__PURE__ */ v("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 ot() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.heading3 ? (t = /* @__PURE__ */ l(a, { ...ye, label: i.heading3 }), e[0] = i.heading3, e[1] = t) : t = e[1], t;
+function I() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.heading3 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...F,
+		label: n.heading3
+	}), e[0] = n.heading3, e[1] = r), r;
 }
-const Ae = {
-  icon: /* @__PURE__ */ l("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
-  })
+var L = {
+	icon: /* @__PURE__ */ v("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 rt() {
-  const e = c.c(2), {
-    locale: n
-  } = s(), i = o[n] ?? o["en-US"];
-  let t;
-  return e[0] !== i.heading4 ? (t = /* @__PURE__ */ l(a, { ...Ae, label: i.heading4 }), e[0] = i.heading4, e[1] = t) : t = e[1], t;
+function R() {
+	let e = (0, b.c)(2), { locale: t } = p(), n = g[t] ?? g["en-US"], r;
+	return e[0] === n.heading4 ? r = e[1] : (r = /* @__PURE__ */ v(h, {
+		...L,
+		label: n.heading4
+	}), e[0] = n.heading4, e[1] = r), r;
 }
-function Z(e) {
-  return e.startsWith("tel:") ? e.slice(4) : e.startsWith("mailto:") ? e.slice(7) : e;
+function z(e) {
+	return e.startsWith("tel:") ? e.slice(4) : e.startsWith("mailto:") ? e.slice(7) : e;
 }
-const Ce = /^\+?[\d\s\-().]{7,}$/;
-function Ue(e) {
-  const n = e.trim();
-  if (!n) return "";
-  if (n.startsWith("tel:")) return n;
-  if (Ce.test(n)) return `tel:${n}`;
-  const [i] = se(n);
-  return i && i.isLink && i.start === 0 && i.end === n.length ? i.href : "";
+var B = /^\+?[\d\s\-().]{7,}$/;
+function ie(e) {
+	let t = e.trim();
+	if (!t) return "";
+	if (t.startsWith("tel:")) return t;
+	if (B.test(t)) return `tel:${t}`;
+	let [n] = m(t);
+	return n && n.isLink && n.start === 0 && n.end === t.length ? n.href : "";
 }
-function ct() {
-  const e = c.c(53), {
-    editor: n,
-    locale: i
-  } = s(), t = o[i] ?? o["en-US"];
-  let z;
-  e[0] !== n ? (z = {
-    editor: n,
-    selector: $e
-  }, e[0] = n, e[1] = z) : z = e[1];
-  const r = q(z);
-  let H;
-  e[2] !== n ? (H = {
-    editor: n,
-    selector: _e
-  }, e[2] = n, e[3] = H) : H = e[3];
-  const C = q(H);
-  let _;
-  e[4] !== r ? (_ = () => Z(r ?? ""), e[4] = r, e[5] = _) : _ = e[5];
-  const [m, O] = V(_), [ee, te] = V(r);
-  r !== ee && (te(r), O(Z(r ?? "")));
-  const [d, j] = V(C ?? ""), [ne, ie] = V(C);
-  C !== ne && (ie(C), j(C ?? ""));
-  let $;
-  e[6] !== d || e[7] !== n || e[8] !== m ? ($ = () => {
-    if (!n)
-      return;
-    const f = Ue(m);
-    if (!f) {
-      n.chain().focus().extendMarkRange("link").unsetLink().run();
-      return;
-    }
-    n.chain().focus().extendMarkRange("link").command((le) => {
-      const {
-        tr: oe,
-        state: T
-      } = le, {
-        from: E,
-        to: K
-      } = T.selection, re = d || T.doc.textBetween(E, K, " ") || f, X = T.schema.marks.link?.create({
-        href: f
-      });
-      return X ? (oe.replaceWith(E, K, T.schema.text(re, [X])), !0) : !1;
-    }).run();
-  }, e[6] = d, e[7] = n, e[8] = m, e[9] = $) : $ = e[9];
-  const R = $;
-  let B;
-  e[10] !== n ? (B = () => {
-    n?.chain().focus().extendMarkRange("link").unsetLink().run();
-  }, e[10] = n, e[11] = B) : B = e[11];
-  const w = B;
-  if (!n)
-    return null;
-  let D;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ l(ae, { size: F.Small }), e[12] = D) : D = e[12];
-  let u;
-  e[13] !== t.link ? (u = /* @__PURE__ */ l(fe, { size: "sm", variant: "ghost", "aria-label": t.link, px: 0, children: D }), e[13] = t.link, e[14] = u) : u = e[14];
-  let h;
-  e[15] !== t.link || e[16] !== u ? (h = /* @__PURE__ */ l(me, { label: t.link, placement: "top", children: u }), e[15] = t.link, e[16] = u, e[17] = h) : h = e[17];
-  let g;
-  e[18] !== t.linkDisplayLabel ? (g = /* @__PURE__ */ l(G, { fontSize: Y.Small, children: t.linkDisplayLabel }), e[18] = t.linkDisplayLabel, e[19] = g) : g = e[19];
-  let P;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = (f) => j(f.target.value), e[20] = P) : P = e[20];
-  let p;
-  e[21] !== d || e[22] !== t.linkDisplayPlaceholder ? (p = /* @__PURE__ */ l(J, { value: d, onChange: P, onKeyDown: He, placeholder: t.linkDisplayPlaceholder, autoFocus: !0, size: "sm" }), e[21] = d, e[22] = t.linkDisplayPlaceholder, e[23] = p) : p = e[23];
-  let k;
-  e[24] !== p || e[25] !== g ? (k = /* @__PURE__ */ U(N, { mb: W.Small, children: [
-    g,
-    p
-  ] }), e[24] = p, e[25] = g, e[26] = k) : k = e[26];
-  let v;
-  e[27] !== t.linkLabel ? (v = /* @__PURE__ */ l(G, { fontSize: Y.Small, children: t.linkLabel }), e[27] = t.linkLabel, e[28] = v) : v = e[28];
-  let I;
-  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (f) => O(f.target.value), e[29] = I) : I = e[29];
-  let L;
-  e[30] !== m || e[31] !== t.linkPlaceholder ? (L = /* @__PURE__ */ l(J, { value: m, onChange: I, onKeyDown: ze, placeholder: t.linkPlaceholder, size: "sm" }), e[30] = m, e[31] = t.linkPlaceholder, e[32] = L) : L = e[32];
-  let b;
-  e[33] !== v || e[34] !== L ? (b = /* @__PURE__ */ U(N, { children: [
-    v,
-    L
-  ] }), e[33] = v, e[34] = L, e[35] = b) : b = e[35];
-  let S;
-  e[36] !== r || e[37] !== w || e[38] !== t.removeLink ? (S = r && /* @__PURE__ */ l(Q, { variant: "ghost", size: "sm", onClick: w, children: t.removeLink }), e[36] = r, e[37] = w, e[38] = t.removeLink, e[39] = S) : S = e[39];
-  let x;
-  e[40] !== R || e[41] !== t.save ? (x = /* @__PURE__ */ l(Q, { variant: "primary", size: "sm", onClick: R, children: t.save }), e[40] = R, e[41] = t.save, e[42] = x) : x = e[42];
-  let y;
-  e[43] !== S || e[44] !== x ? (y = /* @__PURE__ */ U(ce, { display: "flex", justifyContent: "flex-end", gap: W.XSmall, mt: W.Small, children: [
-    S,
-    x
-  ] }), e[43] = S, e[44] = x, e[45] = y) : y = e[45];
-  let A;
-  e[46] !== k || e[47] !== b || e[48] !== y ? (A = /* @__PURE__ */ U(de, { px: W.Medium, children: [
-    k,
-    b,
-    y
-  ] }), e[46] = k, e[47] = b, e[48] = y, e[49] = A) : A = e[49];
-  let M;
-  return e[50] !== A || e[51] !== h ? (M = /* @__PURE__ */ U(ge, { closeOnSelect: !1, placement: "bottom-start", children: [
-    h,
-    A
-  ] }), e[50] = A, e[51] = h, e[52] = M) : M = e[52], M;
+function V() {
+	let e = (0, b.c)(53), { editor: a, locale: o } = p(), m = g[o] ?? g["en-US"], h;
+	e[0] === a ? h = e[1] : (h = {
+		editor: a,
+		selector: ce
+	}, e[0] = a, e[1] = h);
+	let x = f(h), S;
+	e[2] === a ? S = e[3] : (S = {
+		editor: a,
+		selector: se
+	}, e[2] = a, e[3] = S);
+	let C = f(S), w;
+	e[4] === x ? w = e[5] : (w = () => z(x ?? ""), e[4] = x, e[5] = w);
+	let [T, E] = _(w), [D, O] = _(x);
+	x !== D && (O(x), E(z(x ?? "")));
+	let [k, A] = _(C ?? ""), [j, M] = _(C);
+	C !== j && (M(C), A(C ?? ""));
+	let N;
+	e[6] !== k || e[7] !== a || e[8] !== T ? (N = () => {
+		if (!a) return;
+		let e = ie(T);
+		if (!e) {
+			a.chain().focus().extendMarkRange("link").unsetLink().run();
+			return;
+		}
+		a.chain().focus().extendMarkRange("link").command((t) => {
+			let { tr: n, state: r } = t, { from: i, to: a } = r.selection, o = k || r.doc.textBetween(i, a, " ") || e, s = r.schema.marks.link?.create({ href: e });
+			return s ? (n.replaceWith(i, a, r.schema.text(o, [s])), !0) : !1;
+		}).run();
+	}, e[6] = k, e[7] = a, e[8] = T, e[9] = N) : N = e[9];
+	let P = N, F;
+	e[10] === a ? F = e[11] : (F = () => {
+		a?.chain().focus().extendMarkRange("link").unsetLink().run();
+	}, e[10] = a, e[11] = F);
+	let I = F;
+	if (!a) return null;
+	let L;
+	e[12] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ v(i, { size: n.Small }), e[12] = L) : L = e[12];
+	let R;
+	e[13] === m.link ? R = e[14] : (R = /* @__PURE__ */ v(ee, {
+		size: "sm",
+		variant: "ghost",
+		"aria-label": m.link,
+		px: 0,
+		children: L
+	}), e[13] = m.link, e[14] = R);
+	let B;
+	e[15] !== m.link || e[16] !== R ? (B = /* @__PURE__ */ v(ne, {
+		label: m.link,
+		placement: "top",
+		children: R
+	}), e[15] = m.link, e[16] = R, e[17] = B) : B = e[17];
+	let V;
+	e[18] === m.linkDisplayLabel ? V = e[19] : (V = /* @__PURE__ */ v(u, {
+		fontSize: t.Small,
+		children: m.linkDisplayLabel
+	}), e[18] = m.linkDisplayLabel, e[19] = V);
+	let H;
+	e[20] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => A(e.target.value), e[20] = H) : H = e[20];
+	let U;
+	e[21] !== k || e[22] !== m.linkDisplayPlaceholder ? (U = /* @__PURE__ */ v(d, {
+		value: k,
+		onChange: H,
+		onKeyDown: oe,
+		placeholder: m.linkDisplayPlaceholder,
+		autoFocus: !0,
+		size: "sm"
+	}), e[21] = k, e[22] = m.linkDisplayPlaceholder, e[23] = U) : U = e[23];
+	let W;
+	e[24] !== U || e[25] !== V ? (W = /* @__PURE__ */ y(l, {
+		mb: r.Small,
+		children: [V, U]
+	}), e[24] = U, e[25] = V, e[26] = W) : W = e[26];
+	let G;
+	e[27] === m.linkLabel ? G = e[28] : (G = /* @__PURE__ */ v(u, {
+		fontSize: t.Small,
+		children: m.linkLabel
+	}), e[27] = m.linkLabel, e[28] = G);
+	let K;
+	e[29] === Symbol.for("react.memo_cache_sentinel") ? (K = (e) => E(e.target.value), e[29] = K) : K = e[29];
+	let q;
+	e[30] !== T || e[31] !== m.linkPlaceholder ? (q = /* @__PURE__ */ v(d, {
+		value: T,
+		onChange: K,
+		onKeyDown: ae,
+		placeholder: m.linkPlaceholder,
+		size: "sm"
+	}), e[30] = T, e[31] = m.linkPlaceholder, e[32] = q) : q = e[32];
+	let J;
+	e[33] !== G || e[34] !== q ? (J = /* @__PURE__ */ y(l, { children: [G, q] }), e[33] = G, e[34] = q, e[35] = J) : J = e[35];
+	let Y;
+	e[36] !== x || e[37] !== I || e[38] !== m.removeLink ? (Y = x && /* @__PURE__ */ v(c, {
+		variant: "ghost",
+		size: "sm",
+		onClick: I,
+		children: m.removeLink
+	}), e[36] = x, e[37] = I, e[38] = m.removeLink, e[39] = Y) : Y = e[39];
+	let X;
+	e[40] !== P || e[41] !== m.save ? (X = /* @__PURE__ */ v(c, {
+		variant: "primary",
+		size: "sm",
+		onClick: P,
+		children: m.save
+	}), e[40] = P, e[41] = m.save, e[42] = X) : X = e[42];
+	let Z;
+	e[43] !== Y || e[44] !== X ? (Z = /* @__PURE__ */ y(re, {
+		display: "flex",
+		justifyContent: "flex-end",
+		gap: r.XSmall,
+		mt: r.Small,
+		children: [Y, X]
+	}), e[43] = Y, e[44] = X, e[45] = Z) : Z = e[45];
+	let Q;
+	e[46] !== W || e[47] !== J || e[48] !== Z ? (Q = /* @__PURE__ */ y(te, {
+		px: r.Medium,
+		children: [
+			W,
+			J,
+			Z
+		]
+	}), e[46] = W, e[47] = J, e[48] = Z, e[49] = Q) : Q = e[49];
+	let $;
+	return e[50] !== Q || e[51] !== B ? ($ = /* @__PURE__ */ y(s, {
+		closeOnSelect: !1,
+		placement: "bottom-start",
+		children: [B, Q]
+	}), e[50] = Q, e[51] = B, e[52] = $) : $ = e[52], $;
 }
-function ze(e) {
-  return e.stopPropagation();
+function ae(e) {
+	return e.stopPropagation();
 }
-function He(e) {
-  return e.stopPropagation();
+function oe(e) {
+	return e.stopPropagation();
 }
-function _e(e) {
-  const {
-    editor: n
-  } = e;
-  if (!n)
-    return "";
-  const {
-    from: i,
-    to: t
-  } = n.state.selection;
-  return n.state.doc.textBetween(i, t, " ");
+function se(e) {
+	let { editor: t } = e;
+	if (!t) return "";
+	let { from: n, to: r } = t.state.selection;
+	return t.state.doc.textBetween(n, r, " ");
 }
-function $e(e) {
-  const {
-    editor: n
-  } = e;
-  return n ? n.getAttributes("link").href ?? "" : "";
+function ce(e) {
+	let { editor: t } = e;
+	return t ? t.getAttributes("link").href ?? "" : "";
 }
-export {
-  Ye as Bold,
-  tt as BulletList,
-  it as Heading1,
-  lt as Heading2,
-  ot as Heading3,
-  rt as Heading4,
-  Ze as Italic,
-  ct as LinkControl,
-  nt as OrderedList,
-  et as Underline
-};
+//#endregion
+export { S as Bold, O as BulletList, M as Heading1, P as Heading2, I as Heading3, R as Heading4, w as Italic, V as LinkControl, A as OrderedList, E as Underline };