@pantograph/vue 0.28.3 → 0.28.5

package/dist/Comment/index.js

@@ -1,22 +1,22 @@
-import { defineComponent as E, ref as v, createElementBlock as j, createCommentVNode as z, unref as n, openBlock as B, normalizeClass as $, createBlock as x, withModifiers as L, createVNode as g, Fragment as ue, renderList as J, withCtx as O, createTextVNode as se, toDisplayString as Q, h as _, useSlots as N, createElementVNode as G, mergeProps as V, isRef as ie, createSlots as le, renderSlot as K, normalizeProps as X, guardReactiveProps as Y, computed as U, normalizeStyle as me, onMounted as fe, onBeforeUnmount as Ce } from "vue";
-import { useVModel as Z, isEmptyElement as T, useFormInput as he, useInputDataStates as ye } from "@pantograph/utils-vue";
-import { _ as ae } from "../Avatar.vue_vue_type_style_index_0_lang-C7F6UJLB.js";
-import { _ as ge } from "../Badge.vue_vue_type_script_setup_true_lang-Dujr_wRB.js";
+import { defineComponent as E, ref as v, createElementBlock as j, createCommentVNode as z, unref as n, openBlock as B, normalizeClass as $, createBlock as x, withModifiers as I, createVNode as g, Fragment as ue, renderList as J, withCtx as O, createTextVNode as se, toDisplayString as Q, h as _, useSlots as K, createElementVNode as U, mergeProps as L, isRef as ie, createSlots as le, renderSlot as G, normalizeProps as X, guardReactiveProps as Y, computed as N, normalizeStyle as me, onMounted as fe, onBeforeUnmount as Ce } from "vue";
+import { useVModel as Z, isEmptyElement as T, useFormInput as ye, useInputDataStates as he } from "@pantograph/utils-vue";
+import { _ as re } from "../Avatar.vue_vue_type_style_index_0_lang-CS0wzmEg.js";
+import { _ as ge } from "../Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
 import { cva as ve } from "class-variance-authority";
-import { _ as _e } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CE3HVE6B.js";
-import { _ as q } from "../Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
-import { getComponentOptions as M, normCls as y, getBemElement as C, getBemBlock as Be, generateVariantClassList as be, getPxSize as Re } from "@pantograph/utils";
-import { _ as A } from "../IconButton.vue_vue_type_script_setup_true_lang-K24QI4ru.js";
-import { _ as Pe } from "../ActionButton.vue_vue_type_script_setup_true_lang-CddrQ0FJ.js";
-import { a as Se, b as ke } from "../Upload.vue_vue_type_style_index_0_lang-CUog0DmH.js";
+import { _ as _e } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
+import { _ as q } from "../Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { getComponentOptions as M, normCls as h, getBemElement as C, getBemBlock as Be, generateVariantClassList as be, getPxSize as Re } from "@pantograph/utils";
+import { _ as A } from "../IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js";
+import { _ as Pe } from "../ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js";
+import { a as Se, b as ke } from "../Upload.vue_vue_type_style_index_0_lang-BAvJBrT6.js";
 import { createContext as xe } from "reka-ui";
-import { _ as Te } from "../Popover.vue_vue_type_style_index_0_lang-COQGZ_I2.js";
-import { _ as Oe, a as ne } from "../MenuItem.vue_vue_type_style_index_0_lang-BDy1PZV8.js";
-import { _ as $e } from "../GOPicker.vue_vue_type_style_index_0_lang-CziU2UOU.js";
-import { _ as Ee } from "../Combobox.vue_vue_type_style_index_0_lang-Cnk_tLfA.js";
+import { _ as Te } from "../Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { _ as Oe, a as ne } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { _ as $e } from "../GOPicker.vue_vue_type_style_index_0_lang-CeCZeMIy.js";
+import { _ as Ee } from "../Combobox.vue_vue_type_style_index_0_lang-lDMxlocK.js";
 import { _ as Me } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { _ as we } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DJCCcXMQ.js";
-import { _ as De } from "../Shortcut.vue_vue_type_style_index_0_lang-C42luUPb.js";
+import { _ as we } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
+import { _ as De } from "../Shortcut.vue_vue_type_style_index_0_lang-BCI1fBC1.js";
 const ze = /* @__PURE__ */ E({
   ...M("CommentActions"),
   __name: "CommentActions",
@@ -30,7 +30,7 @@ const ze = /* @__PURE__ */ E({
     };
     return (c, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (B(), j("div", {
       key: 0,
-      class: $(n(y)(n(C)(n(P), "actions"), n(s).props.actionsCls))
+      class: $(n(h)(n(C)(n(P), "actions"), n(s).props.actionsCls))
     }, [
       n(s).props.hasReply ? (B(), x(A, {
         key: 0,
@@ -49,7 +49,7 @@ const ze = /* @__PURE__ */ E({
         type: "ghost",
         ref_key: "reactionRef",
         ref: t,
-        onPointerdown: o[0] || (o[0] = L(() => {
+        onPointerdown: o[0] || (o[0] = I(() => {
         }, ["stop"])),
         onClick: i
       }, null, 512)) : z("", !0),
@@ -60,7 +60,7 @@ const ze = /* @__PURE__ */ E({
         type: "ghost",
         ref_key: "actionRef",
         ref: e,
-        onPointerdown: o[1] || (o[1] = L(() => {
+        onPointerdown: o[1] || (o[1] = I(() => {
         }, ["stop"])),
         onClick: p
       }, null, 512)) : z("", !0)
@@ -79,7 +79,7 @@ const ze = /* @__PURE__ */ E({
       var c;
       return n(s).props.hasReaction && ((c = n(s).props.reactions) != null && c.some((o) => o.count && o.emoji)) ? (B(), j("div", {
         key: 0,
-        class: $(n(y)(n(C)(n(P), "reactions"), n(s).props.reactionsCls))
+        class: $(n(h)(n(C)(n(P), "reactions"), n(s).props.reactionsCls))
       }, [
         (B(!0), j(ue, null, J(n(s).props.reactions, (o) => (B(), x(Pe, {
           key: o == null ? void 0 : o.emoji,
@@ -97,14 +97,14 @@ const ze = /* @__PURE__ */ E({
           type: "outline",
           ref_key: "reactionRef",
           ref: t,
-          onPointerdown: l[0] || (l[0] = L(() => {
+          onPointerdown: l[0] || (l[0] = I(() => {
           }, ["stop"])),
           onClick: e
         }, null, 512)
       ], 2)) : z("", !0);
     };
   }
-}), re = /* @__PURE__ */ E({
+}), ae = /* @__PURE__ */ E({
   ...M("CommentFileList"),
   __name: "CommentFileList",
   setup(u) {
@@ -116,7 +116,7 @@ const ze = /* @__PURE__ */ E({
           ...s.props.uploadProps ?? {},
           ref: s.fileListRef,
           listType: "card",
-          fileListCls: y(
+          fileListCls: h(
             C(P, "file_list"),
             (e = s.props.uploadProps) == null ? void 0 : e.fileListCls
           )
@@ -163,45 +163,45 @@ const ze = /* @__PURE__ */ E({
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
   setup(u, { emit: s }) {
-    const t = u, e = N(), p = s, i = Z(t, "open", p, {
+    const t = u, e = K(), p = s, i = Z(t, "open", p, {
       passive: t.open === void 0
     }), l = () => {
       var f;
-      let r;
-      const h = (f = e.author) == null ? void 0 : f.call(e, {});
-      return !T(h) ? r = h : r = t.author, r ? _(
+      let a;
+      const y = (f = e.author) == null ? void 0 : f.call(e, {});
+      return !T(y) ? a = y : a = t.author, a ? _(
         "div",
         {
-          class: y(C(P, "author"), t.authorCls)
+          class: h(C(P, "author"), t.authorCls)
         },
-        r
+        a
       ) : null;
     }, c = () => {
       var f;
-      let r;
-      const h = (f = e.datetime) == null ? void 0 : f.call(e, {});
-      return !T(h) ? r = h : r = t.datetime, r ? _(
+      let a;
+      const y = (f = e.datetime) == null ? void 0 : f.call(e, {});
+      return !T(y) ? a = y : a = t.datetime, a ? _(
         "div",
         {
-          class: y(C(P, "datetime"), t.datetimeCls)
+          class: h(C(P, "datetime"), t.datetimeCls)
         },
-        r
+        a
       ) : null;
     }, o = () => {
       var f, R;
-      const r = (f = e.header) == null ? void 0 : f.call(e, {}), h = !T(r);
+      const a = (f = e.header) == null ? void 0 : f.call(e, {}), y = !T(a);
       let m;
-      if (h) m = r;
+      if (y) m = a;
       else {
         m = [];
-        const I = (R = e.avatar) == null ? void 0 : R.call(e, {});
-        !T(I) ? m.push(I) : t.avatar && m.push(_(ae, { ...t.avatarProps ?? {}, src: t.avatar }));
+        const F = (R = e.avatar) == null ? void 0 : R.call(e, {});
+        !T(F) ? m.push(F) : t.avatar && m.push(_(re, { ...t.avatarProps ?? {}, src: t.avatar }));
         const k = l(), D = c();
         (k || D) && m.push(
           _(
             "div",
             {
-              class: y(C(P, "header__content"), t.headerContentCls)
+              class: h(C(P, "header__content"), t.headerContentCls)
             },
             [k, D]
           )
@@ -209,34 +209,34 @@ const ze = /* @__PURE__ */ E({
       }
       return m ? (m.push(_(ze)), _(
         "div",
-        { class: y(C(P, "header"), t.headerCls) },
+        { class: h(C(P, "header"), t.headerCls) },
         m
       )) : null;
     }, b = () => {
       var m;
-      const r = (m = e.content) == null ? void 0 : m.call(e, {}), h = !T(r);
-      if (h || t.content)
+      const a = (m = e.content) == null ? void 0 : m.call(e, {}), y = !T(a);
+      if (y || t.content)
         return _(
           "div",
           {
-            class: y(C(P, "content"), t.contentCls, "paragraph"),
-            innerHTML: h ? void 0 : t.content
+            class: h(C(P, "content"), t.contentCls, "paragraph"),
+            innerHTML: y ? void 0 : t.content
           },
-          h ? r : void 0
+          y ? a : void 0
         );
     }, d = C(P, "replies"), S = ve(d, {
       variants: {
         open: be("open", d)
       }
-    }), F = () => {
+    }), V = () => {
       var R;
-      const r = (R = e.replies) == null ? void 0 : R.call(e, {}), h = !T(r), m = () => {
+      const a = (R = e.replies) == null ? void 0 : R.call(e, {}), y = !T(a), m = () => {
         var k, D, H;
-        const I = (k = e.repliesHeader) == null ? void 0 : k.call(e, { open: !!i.value }), a = [];
-        if (!T(I))
-          a.push(I);
+        const F = (k = e.repliesHeader) == null ? void 0 : k.call(e, { open: !!i.value }), r = [];
+        if (!T(F))
+          r.push(F);
         else {
-          a.push(
+          r.push(
             _(
               _e,
               {
@@ -255,15 +255,15 @@ const ze = /* @__PURE__ */ E({
           );
           const oe = (D = e.repliesCount) == null ? void 0 : D.call(e, {}), ce = !T(oe), te = (H = e.repliesTitle) == null ? void 0 : H.call(e, {}), de = !T(te);
           let W;
-          de ? W = te : W = t.repliesTitle, a.push(
+          de ? W = te : W = t.repliesTitle, r.push(
             _(
               "div",
               {
-                class: y(C(d, "title"), t.repliesTitleCls)
+                class: h(C(d, "title"), t.repliesTitleCls)
               },
               W
             )
-          ), (ce || t.repliesCount) && a.push(
+          ), (ce || t.repliesCount) && r.push(
             _(
               ge,
               {
@@ -280,12 +280,12 @@ const ze = /* @__PURE__ */ E({
         return _(
           "div",
           {
-            class: y(C(d, "header"), t.repliesHeaderCls),
+            class: h(C(d, "header"), t.repliesHeaderCls),
             onClick: () => {
               i.value = !i.value;
             }
           },
-          a
+          r
         );
       }, f = () => {
         if (i.value)
@@ -293,19 +293,19 @@ const ze = /* @__PURE__ */ E({
             _(
               "div",
               {
-                class: y(C(d, "content"), t.repliesContentCls)
+                class: h(C(d, "content"), t.repliesContentCls)
               },
-              r
+              a
             ),
             _("div", {
               class: C(d, "line")
             })
           ];
       };
-      return h ? _(
+      return y ? _(
         "div",
         {
-          class: y(
+          class: h(
             S({
               open: !!i.value
             }),
@@ -320,17 +320,17 @@ const ze = /* @__PURE__ */ E({
       props: t,
       slots: e,
       fileListRef: w
-    }), (r, h) => (B(), j("div", {
-      class: $(n(y)(n(P), t.class))
+    }), (a, y) => (B(), j("div", {
+      class: $(n(h)(n(P), t.class))
     }, [
       g(o),
-      G("div", {
-        class: $(n(y)(n(C)(n(P), "body"), t.bodyCls))
+      U("div", {
+        class: $(n(h)(n(C)(n(P), "body"), t.bodyCls))
       }, [
         g(b),
-        g(re),
+        g(ae),
         g(Ae),
-        g(F)
+        g(V)
       ], 2)
     ], 2));
   }
@@ -388,7 +388,7 @@ const ze = /* @__PURE__ */ E({
     }, l = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (c, o) => (B(), x(n(Te), V(t, {
+    return (c, o) => (B(), x(n(Te), L(t, {
       open: n(l),
       "onUpdate:open": o[0] || (o[0] = (b) => ie(l) ? l.value = b : null),
       placement: "bottom-end",
@@ -480,7 +480,7 @@ const ze = /* @__PURE__ */ E({
     }, i = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, c) => (B(), x(n($e), V(t, {
+    return (l, c) => (B(), x(n($e), L(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -531,14 +531,14 @@ const ze = /* @__PURE__ */ E({
     placeholder: {},
     indicatorIcon: {},
     options: {},
-    getDisabled: {},
+    getDisabled: { type: [String, Number, Function] },
     getLabel: {},
     getDescription: {},
     getValue: {},
-    getNoCheckbox: {},
-    getSingle: {},
-    getClear: {},
-    getOptions: {},
+    getNoCheckbox: { type: [String, Number, Function] },
+    getSingle: { type: [String, Number, Function] },
+    getClear: { type: [String, Number, Function] },
+    getOptions: { type: [String, Number, Function] },
     getIcon: {},
     loading: { type: Boolean },
     skeletonProps: {},
@@ -592,12 +592,12 @@ const ze = /* @__PURE__ */ E({
   },
   emits: ["mention"],
   setup(u, { expose: s, emit: t }) {
-    const e = u, p = t, i = N(), l = (o, b, d) => {
+    const e = u, p = t, i = K(), l = (o, b, d) => {
       p("mention", o, d);
     }, c = v();
     return s({
       comboboxRef: c
-    }), (o, b) => (B(), x(n(Ee), V({
+    }), (o, b) => (B(), x(n(Ee), L({
       ref_key: "comboboxRef",
       ref: c
     }, e, {
@@ -609,12 +609,12 @@ const ze = /* @__PURE__ */ E({
       J(Object.keys(i), (d) => ({
         name: d,
         fn: O((S) => [
-          K(o.$slots, d, X(Y(S)))
+          G(o.$slots, d, X(Y(S)))
         ])
       }))
     ]), 1040));
   }
-}), ao = /* @__PURE__ */ E({
+}), ro = /* @__PURE__ */ E({
   ...M("CommentEditor"),
   __name: "CommentEditor",
   props: {
@@ -630,43 +630,43 @@ const ze = /* @__PURE__ */ E({
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
   setup(u, { emit: s }) {
-    const t = N(), e = u, p = s, i = C(P, "editor"), l = v(), c = () => {
+    const t = K(), e = u, p = s, i = C(P, "editor"), l = v(), c = () => {
       p("openReaction", l.value);
     }, o = v(), b = () => {
       p("openMention", o.value);
-    }, { getDisabled: d } = he(), { rootBindings: S, inputBindings: F } = ye({
+    }, { getDisabled: d } = ye(), { rootBindings: S, inputBindings: V } = he({
       getDisabled: () => d.value,
       emit: p
-    }), w = () => p("submit"), r = U(() => Re(e.maxHeight, !0)), h = v(), m = (f) => {
+    }), w = () => p("submit"), a = N(() => Re(e.maxHeight, !0)), y = v(), m = (f) => {
       var R;
-      (R = h.value) != null && R.addFiles && f.length && h.value.addFiles(f);
+      (R = y.value) != null && R.addFiles && f.length && y.value.addFiles(f);
     };
     return pe({
       emit: p,
       props: e,
       slots: t,
-      fileListRef: h
-    }), (f, R) => (B(), j("div", V({
-      class: n(y)(n(i), e.class)
+      fileListRef: y
+    }), (f, R) => (B(), j("div", L({
+      class: n(h)(n(i), e.class)
     }, n(S)), [
       g(we, {
         overlay: !1,
         hasMask: !1,
-        class: $(n(y)(n(C)(n(i), "editor"), "paragraph", e.editorCls)),
-        style: me({ maxHeight: r.value })
+        class: $(n(h)(n(C)(n(i), "editor"), "paragraph", e.editorCls)),
+        style: me({ maxHeight: a.value })
       }, {
         default: O(() => [
-          K(f.$slots, "default", X(Y(n(F))))
+          G(f.$slots, "default", X(Y(n(V))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      g(re, V(f.uploadProps, { ref: "uploadRef" }), null, 16),
-      G("div", {
-        class: $(n(y)(n(C)(n(i), "footer"), e.footerCls))
+      g(ae, L(f.uploadProps, { ref: "uploadRef" }), null, 16),
+      U("div", {
+        class: $(n(h)(n(C)(n(i), "footer"), e.footerCls))
       }, [
         g(Me),
-        G("div", {
-          class: $(n(y)(n(C)(n(i), "actions"), e.actionsCls))
+        U("div", {
+          class: $(n(h)(n(C)(n(i), "actions"), e.actionsCls))
         }, [
           g(A, {
             icon: "tabler:at",
@@ -674,7 +674,7 @@ const ze = /* @__PURE__ */ E({
             type: "ghost",
             ref_key: "mentionRef",
             ref: o,
-            onPointerdown: R[0] || (R[0] = L(() => {
+            onPointerdown: R[0] || (R[0] = I(() => {
             }, ["stop"])),
             onClick: b
           }, null, 512),
@@ -698,7 +698,7 @@ const ze = /* @__PURE__ */ E({
             type: "ghost",
             ref_key: "reactionRef",
             ref: l,
-            onPointerdown: R[1] || (R[1] = L(() => {
+            onPointerdown: R[1] || (R[1] = I(() => {
             }, ["stop"])),
             onClick: c
           }, null, 512)
@@ -711,7 +711,7 @@ const ze = /* @__PURE__ */ E({
       ], 2)
     ], 16));
   }
-}), Ie = ["tabindex", "disabled"], ro = /* @__PURE__ */ E({
+}), Fe = ["tabindex", "disabled"], ao = /* @__PURE__ */ E({
   ...M("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
@@ -726,7 +726,7 @@ const ze = /* @__PURE__ */ E({
   },
   emits: ["add"],
   setup(u, { emit: s }) {
-    const t = N(), e = u, p = s, i = C(P, "trigger"), l = (o) => {
+    const t = K(), e = u, p = s, i = C(P, "trigger"), l = (o) => {
       !e.ignoeShortcut && o.code === "KeyC" && o.altKey && c(o);
     };
     fe(() => {
@@ -736,31 +736,31 @@ const ze = /* @__PURE__ */ E({
     }), e.withShortcut;
     const c = (o) => p("add", o);
     return (o, b) => (B(), j("div", {
-      class: $(n(y)(n(i), e.class)),
+      class: $(n(h)(n(i), e.class)),
       tabindex: o.disabled ? -1 : 0,
       disabled: o.disabled ? "" : void 0,
-      onPointerdown: L(c, ["stop"]),
-      onKeyup: L(c, ["stop"])
+      onPointerdown: I(c, ["stop"]),
+      onKeyup: I(c, ["stop"])
     }, [
-      g(ae, V(o.avatarProps ?? {}, {
+      g(re, L(o.avatarProps ?? {}, {
         size: "sm",
         src: o.src
       }), le({ _: 2 }, [
         J(Object.keys(t), (d) => ({
           name: d,
           fn: O((S) => [
-            K(o.$slots, d, X(Y(S)))
+            G(o.$slots, d, X(Y(S)))
           ])
         }))
       ]), 1040, ["src"]),
-      G("div", {
+      U("div", {
         class: $(n(C)(n(i), "text"))
       }, [
-        K(o.$slots, "text", {}, () => [
+        G(o.$slots, "text", {}, () => [
           se(Q(o.text), 1)
         ])
       ], 2),
-      g(De, V(o.shortcutProps ?? {}, { items: [
+      g(De, L(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -768,65 +768,65 @@ const ze = /* @__PURE__ */ E({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, Ie));
+    ], 42, Fe));
   }
 }), po = (u) => {
-  const s = v(!1), t = v(), e = v(!1), p = (a, k = !1) => {
-    s.value = !0, e.value = k, t.value = a;
-  }, i = v(!1), l = v(), c = (a) => {
-    i.value = !0, l.value = a;
-  }, o = U(() => ({
+  const s = v(!1), t = v(), e = v(!1), p = (r, k = !1) => {
+    s.value = !0, e.value = k, t.value = r;
+  }, i = v(!1), l = v(), c = (r) => {
+    i.value = !0, l.value = r;
+  }, o = N(() => ({
     open: s.value,
     reference: t.value,
-    "onUpdate:open": (a) => s.value = a,
-    onReaction: (a) => {
+    "onUpdate:open": (r) => s.value = r,
+    onReaction: (r) => {
       var k, D;
       if (e.value)
         try {
-          (k = u.addEmoji) == null || k.call(u, a);
+          (k = u.addEmoji) == null || k.call(u, r);
         } catch (H) {
-          console.log("error on reaction ===>", H);
+          console.error("error on reaction ===>", H);
         }
       try {
-        (D = u.onReaction) == null || D.call(u, a);
+        (D = u.onReaction) == null || D.call(u, r);
       } catch (H) {
-        console.log("error on reaction ===>", H);
+        console.error("error on reaction ===>", H);
       }
     }
-  })), b = U(() => ({
+  })), b = N(() => ({
     open: i.value,
     reference: l.value,
-    "onUpdate:open": (a) => i.value = a
-  })), d = v(!1), S = v(), F = v(), w = v(), r = v(!1), h = U(() => ({
-    ref: F,
+    "onUpdate:open": (r) => i.value = r
+  })), d = v(!1), S = v(), V = v(), w = v(), a = v(!1), y = N(() => ({
+    ref: V,
     open: d.value,
-    "onUpdate:open": (a) => d.value = a,
+    "onUpdate:open": (r) => d.value = r,
     search: S.value,
-    "onUpdate:search": (a) => S.value = a,
+    "onUpdate:search": (r) => S.value = r,
     reference: w.value,
     disableOutsidePointerEvents: !1,
     resetSearchTermOnBlur: !0,
-    headerSearch: r.value,
+    headerSearch: a.value,
     onPointerDownOutside: f,
     onEscapeKeyDown: f
-  })), m = (a) => {
-    a && (w.value = { getBoundingClientRect: a }, d.value = !0, r.value = !1);
+  })), m = (r) => {
+    r && (w.value = { getBoundingClientRect: r }, d.value = !0, a.value = !1);
   }, f = () => {
     w.value = void 0, d.value = !1, S.value = void 0;
-  }, R = (a) => {
-    S.value = a;
-  }, I = U(() => ({
-    onOpenReaction: (a) => p(a, !0),
-    onOpenMention: (a) => {
-      a && (w.value = a, d.value = !0, r.value = !0);
+  }, R = (r) => {
+    S.value = r;
+  }, F = N(() => ({
+    onOpenReaction: (r) => p(r, !0),
+    onOpenMention: (r) => {
+      r && (w.value = r, d.value = !0, a.value = !0);
     }
   }));
   return {
-    forwardRefMention: F,
+    forwardRefMention: V,
     reactionBinding: o,
     actionBinding: b,
-    editorBinding: I,
-    mentionBinding: h,
+    editorBinding: F,
+    mentionBinding: y,
     openActions: c,
     openReaction: p,
     openMentionInEditor: m,
@@ -837,10 +837,10 @@ const ze = /* @__PURE__ */ E({
 export {
   no as Comment,
   so as CommentAction,
-  ao as CommentEditor,
+  ro as CommentEditor,
   lo as CommentMention,
   io as CommentReaction,
-  ro as CommentTrigger,
+  ao as CommentTrigger,
   P as commentPrefix,
   ee as injectCommentContext,
   pe as provideCommentContext,