@caspeco/casper-ui-library 9.13.0 → 10.0.0

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

@@ -1,35 +1,55 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useEditorState as s } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
-import { useRichTextEditorContext as d } from "./rich-text-editor-context.js";
-import { Tooltip as f } from "../tooltip/tooltip.js";
-import { ToggleButton as p } from "../toggle-button/toggle-button.js";
-function v({
-  label: e,
-  icon: l,
-  command: n,
-  isActive: a,
-  isDisabled: i
-}) {
-  const { editor: t } = d(), c = s({
+import { jsx as v } from "react/jsx-runtime";
+import { c as C } from "../../_virtual/compiler-runtime.js";
+import { useEditorState as B } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
+import { useRichTextEditorContext as E } from "./rich-text-editor-context.js";
+import { ToggleButton as T } from "../toggle-button/toggle-button.js";
+import { Tooltip as F } from "../tooltip/tooltip.js";
+function _(D) {
+  const e = C.c(22), {
+    label: o,
+    icon: d,
+    command: p,
+    isActive: u,
+    isDisabled: c
+  } = D, {
+    editor: t
+  } = E();
+  let i;
+  e[0] !== u ? (i = (h) => {
+    const {
+      editor: n
+    } = h;
+    return n ? u(n) : !1;
+  }, e[0] = u, e[1] = i) : i = e[1];
+  let a;
+  e[2] !== t || e[3] !== i ? (a = {
     editor: t,
-    selector: ({ editor: o }) => o ? a(o) : !1
-  }), m = s({
+    selector: i
+  }, e[2] = t, e[3] = i, e[4] = a) : a = e[4];
+  const g = B(a);
+  let s;
+  e[5] !== c ? (s = (h) => {
+    const {
+      editor: n
+    } = h;
+    return n && c ? c(n) : !1;
+  }, e[5] = c, e[6] = s) : s = e[6];
+  let m;
+  e[7] !== t || e[8] !== s ? (m = {
     editor: t,
-    selector: ({ editor: o }) => o && i ? i(o) : !1
-  });
-  return t ? /* @__PURE__ */ r(f, { label: e, placement: "top", children: /* @__PURE__ */ r(
-    p,
-    {
-      size: "sm",
-      variant: "ghost",
-      "aria-label": e,
-      isPressed: !!c,
-      isDisabled: !!m,
-      onClick: () => n(t),
-      children: l
-    }
-  ) }) : null;
+    selector: s
+  }, e[7] = t, e[8] = s, e[9] = m) : m = e[9];
+  const A = B(m);
+  if (!t)
+    return null;
+  const b = !!g, x = !!A;
+  let l;
+  e[10] !== p || e[11] !== t ? (l = () => p(t), e[10] = p, e[11] = t, e[12] = l) : l = e[12];
+  let r;
+  e[13] !== d || e[14] !== o || e[15] !== b || e[16] !== x || e[17] !== l ? (r = /* @__PURE__ */ v(T, { size: "sm", variant: "ghost", "aria-label": o, isPressed: b, isDisabled: x, onClick: l, children: d }), e[13] = d, e[14] = o, e[15] = b, e[16] = x, e[17] = l, e[18] = r) : r = e[18];
+  let f;
+  return e[19] !== o || e[20] !== r ? (f = /* @__PURE__ */ v(F, { label: o, placement: "top", children: r }), e[19] = o, e[20] = r, e[21] = f) : f = e[21], f;
 }
 export {
-  v as BooleanControl
+  _ as BooleanControl
 };

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

@@ -11,23 +11,21 @@ const f = t.configure({
     const [o] = i(e);
     return !!o?.isLink;
   }
-}), a = [
-  s.configure({
-    blockquote: !1,
-    code: !1,
-    codeBlock: !1,
-    dropcursor: !1,
-    gapcursor: !1,
-    heading: { levels: [1, 2, 3, 4] },
-    horizontalRule: !1,
-    // Disabled because we register custom-configured versions below
-    link: !1,
-    strike: !1,
-    underline: !1
-  }),
-  f,
-  n
-];
+}), a = [s.configure({
+  blockquote: !1,
+  code: !1,
+  codeBlock: !1,
+  dropcursor: !1,
+  gapcursor: !1,
+  heading: {
+    levels: [1, 2, 3, 4]
+  },
+  horizontalRule: !1,
+  // Disabled because we register custom-configured versions below
+  link: !1,
+  strike: !1,
+  underline: !1
+}), f, n];
 function k(e) {
   return r(e, a);
 }

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

@@ -1,11 +1,11 @@
-export declare function Bold(): import("react/jsx-runtime").JSX.Element;
-export declare function Italic(): import("react/jsx-runtime").JSX.Element;
-export declare function Underline(): import("react/jsx-runtime").JSX.Element;
-export declare function BulletList(): import("react/jsx-runtime").JSX.Element;
-export declare function OrderedList(): import("react/jsx-runtime").JSX.Element;
-export declare function Heading1(): import("react/jsx-runtime").JSX.Element;
-export declare function Heading2(): import("react/jsx-runtime").JSX.Element;
-export declare function Heading3(): import("react/jsx-runtime").JSX.Element;
-export declare function Heading4(): import("react/jsx-runtime").JSX.Element;
-export declare function LinkControl(): import("react/jsx-runtime").JSX.Element | null;
+export declare function Bold(): import("react").JSX.Element;
+export declare function Italic(): import("react").JSX.Element;
+export declare function Underline(): import("react").JSX.Element;
+export declare function BulletList(): import("react").JSX.Element;
+export declare function OrderedList(): import("react").JSX.Element;
+export declare function Heading1(): import("react").JSX.Element;
+export declare function Heading2(): import("react").JSX.Element;
+export declare function Heading3(): import("react").JSX.Element;
+export declare function Heading4(): import("react").JSX.Element;
+export declare function LinkControl(): import("react").JSX.Element | null;
 //# sourceMappingURL=rich-text-editor-control.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-control.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-control.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,IAAI,4CAInB;AAQD,wBAAgB,MAAM,4CAIrB;AAQD,wBAAgB,SAAS,4CAIxB;AAQD,wBAAgB,UAAU,4CAIzB;AAQD,wBAAgB,WAAW,4CAI1B;AAUD,wBAAgB,QAAQ,4CAIvB;AAQD,wBAAgB,QAAQ,4CAIvB;AAQD,wBAAgB,QAAQ,4CAIvB;AAQD,wBAAgB,QAAQ,4CAIvB;AAwBD,wBAAgB,WAAW,mDA2G1B"}
+{"version":3,"file":"rich-text-editor-control.d.ts","sourceRoot":"","sources":["../../../lib/components/rich-text-editor/rich-text-editor-control.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,IAAI,gCAInB;AAQD,wBAAgB,MAAM,gCAIrB;AAQD,wBAAgB,SAAS,gCAIxB;AAQD,wBAAgB,UAAU,gCAIzB;AAQD,wBAAgB,WAAW,gCAI1B;AAUD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAQD,wBAAgB,QAAQ,gCAIvB;AAwBD,wBAAgB,WAAW,uCA8G1B"}

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

@@ -1,202 +1,309 @@
-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" }),
+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")
 };
-function Le() {
-  const { locale: e } = r(), n = i[e] ?? i["en-US"];
-  return /* @__PURE__ */ t(c, { ...K, label: n.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;
 }
-const $ = {
-  icon: /* @__PURE__ */ t("em", { children: "I" }),
+const ke = {
+  icon: /* @__PURE__ */ l("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 });
+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;
 }
-const X = {
-  icon: /* @__PURE__ */ t("span", { style: { textDecoration: "underline" }, children: "U" }),
+const ve = {
+  icon: /* @__PURE__ */ l("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 });
+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;
 }
-const q = {
-  icon: /* @__PURE__ */ t(E, { size: g.Small }),
+const Le = {
+  icon: /* @__PURE__ */ l(he, { size: F.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 });
+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;
 }
-const G = {
-  icon: /* @__PURE__ */ t(j, { size: g.Small }),
+const be = {
+  icon: /* @__PURE__ */ l(ue, { size: F.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 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;
+}
+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
+  })
 };
-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 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;
+}
+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
+  })
 };
-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 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;
+}
+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
+  })
 };
-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 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;
+}
+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
+  })
 };
-function Be() {
-  const { locale: e } = r(), n = i[e] ?? i["en-US"];
-  return /* @__PURE__ */ t(c, { ...Y, label: n.heading4 });
+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 Z(e) {
   return e.startsWith("tel:") ? e.slice(4) : e.startsWith("mailto:") ? e.slice(7) : e;
 }
-const _ = /^\+?[\d\s\-().]{7,}$/;
-function ee(e) {
+const Ce = /^\+?[\d\s\-().]{7,}$/;
+function Ue(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();
+  if (Ce.test(n)) return `tel:${n}`;
+  const [i] = se(n);
+  return i && i.isLink && i.start === 0 && i.end === n.length ? i.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;
     }
-    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;
+    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, 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;
+  }, 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 ze(e) {
+  return e.stopPropagation();
+}
+function He(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 $e(e) {
+  const {
+    editor: n
+  } = e;
+  return n ? n.getAttributes("link").href ?? "" : "";
 }
 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
+  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
 };