@pantograph/vue 0.26.0 → 0.27.0

package/dist/Comment/index.js

@@ -1,41 +1,45 @@
-import { defineComponent as A, ref as B, createElementBlock as L, createCommentVNode as H, unref as n, openBlock as b, normalizeClass as O, createBlock as E, createVNode as g, Fragment as pe, renderList as K, withCtx as T, createTextVNode as ne, toDisplayString as Q, useSlots as W, createElementVNode as F, h as _, mergeProps as V, isRef as se, createSlots as X, renderSlot as U, normalizeProps as G, guardReactiveProps as N, computed as j, normalizeStyle as ce, onMounted as de, onBeforeUnmount as ue, withModifiers as oe } from "vue";
-import { u as Y, k as $, e as J } from "../Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { g as z } from "../options-Bh1s18jm.js";
-import { omit as me } from "es-toolkit";
-import { _ as ae } from "../Avatar.vue_vue_type_style_index_0_lang-DmIuHoi3.js";
-import { _ as fe } from "../Badge.vue_vue_type_script_setup_true_lang-DvZc9U-W.js";
-import { cva as he } from "class-variance-authority";
-import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DFogOMOj.js";
-import { normCls as C, getBemElement as h, getBemBlock as Ce, generateVariantClassList as ge } from "@pantograph/utils";
-import { _ as w } from "../IconButton.vue_vue_type_script_setup_true_lang-Dvu9WpEN.js";
-import { _ as ve } from "../ActionButton.vue_vue_type_script_setup_true_lang-C8Q6waTJ.js";
-import { createContext as _e } from "reka-ui";
+import { defineComponent as w, ref as b, createElementBlock as j, createCommentVNode as I, unref as n, openBlock as R, normalizeClass as O, createBlock as E, createVNode as y, Fragment as de, renderList as Q, withCtx as T, createTextVNode as ae, toDisplayString as X, useSlots as q, createElementVNode as N, h as B, mergeProps as H, isRef as ie, createSlots as Z, renderSlot as L, normalizeProps as G, guardReactiveProps as W, computed as F, normalizeStyle as ue, onMounted as me, onBeforeUnmount as fe, withModifiers as ne } from "vue";
+import { u as U, g as $, e as Y } from "../Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { a as z } from "../options-J8HfRMSU.js";
+import { omit as he } from "es-toolkit";
+import { createContext as Ce } from "reka-ui";
+import "@vueuse/core";
+import { u as ee } from "../useVmodel-DlyNieM5.js";
 import "@tanstack/vue-virtual";
-import { _ as Be } from "../Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
-import { _ as be, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-CK2KrtJa.js";
-import { _ as Re } from "../GOPicker.vue_vue_type_style_index_0_lang-CJ-yY8X0.js";
-import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-DLgal2Q-.js";
-import { _ as ke } from "../Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { U as Pe } from "../useInputDataStates-D-XvZURF.js";
-import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-ioHY1esc.js";
-import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-Bej4zFFq.js";
-import { _ as Oe } from "../Shortcut.vue_vue_type_style_index_0_lang-D9NQzaRd.js";
-const Ee = /* @__PURE__ */ A({
+import { _ as le } from "../Avatar.vue_vue_type_script_setup_true_lang-B_MhEGg3.js";
+import { _ as ye } from "../Badge.vue_vue_type_script_setup_true_lang-B9bri5or.js";
+import { cva as ge } from "class-variance-authority";
+import { _ as ve } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-D0_HCJjo.js";
+import { normCls as C, getBemElement as m, getBemBlock as _e, generateVariantClassList as Be } from "@pantograph/utils";
+import { _ as A } from "../IconButton.vue_vue_type_script_setup_true_lang-ByYlU8Jk.js";
+import "@pantograph/tokens";
+import { _ as be } from "../ActionButton.vue_vue_type_script_setup_true_lang-DcyIRPRG.js";
+import K from "@pantograph/style/comment.css?raw";
+import { _ as Re } from "../Popover.vue_vue_type_script_setup_true_lang-1pdG_U1y.js";
+import { _ as Se, a as se } from "../MenuItem.vue_vue_type_script_setup_true_lang-3xnbhfN0.js";
+import { _ as Pe } from "../GOPicker.vue_vue_type_script_setup_true_lang-BEVq_AiC.js";
+import { _ as ke } from "../Combobox.vue_vue_type_script_setup_true_lang-CWb0Rxdo.js";
+import { _ as xe } from "../Divider.vue_vue_type_script_setup_true_lang-BxSyJj4Y.js";
+import { u as Te, U as $e } from "../useInputDataStates-Db6zJZ1T.js";
+import { _ as Oe } from "../ScrollContainer.vue_vue_type_script_setup_true_lang-BmQrQlax.js";
+import { _ as Ee, a as Me } from "../Upload.vue_vue_type_script_setup_true_lang-D1qk3zuI.js";
+import { _ as De } from "../Shortcut.vue_vue_type_script_setup_true_lang-LxDK1tVp.js";
+const Ae = /* @__PURE__ */ w({
   ...z("CommentActions"),
   __name: "CommentActions",
-  setup(m) {
-    const s = ie(), t = B(), e = B(), c = () => {
+  setup(u) {
+    const s = re(), t = b(), e = b(), d = () => {
       s.emit("openActions", e.value);
-    }, a = () => {
+    }, i = () => {
       s.emit("openReaction", t.value);
     }, l = () => {
       s.emit("reply");
     };
-    return (p, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (b(), L("div", {
+    return (p, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (R(), j("div", {
       key: 0,
-      class: O(n(C)(n(h)(n(R), "actions"), n(s).props.actionsCls))
+      class: O(n(C)(n(m)(n(P), "actions"), n(s).props.actionsCls))
     }, [
-      n(s).props.hasReply ? (b(), E(w, {
+      n(s).props.hasReply ? (R(), E(A, {
         key: 0,
         icon: "tabler:corner-up-left",
         color: "neutral",
@@ -44,53 +48,53 @@ const Ee = /* @__PURE__ */ A({
         ref: t,
         flipOnDir: "rtl",
         onClick: l
-      }, null, 512)) : H("", !0),
-      n(s).props.hasReaction ? (b(), E(w, {
+      }, null, 512)) : I("", !0),
+      n(s).props.hasReaction ? (R(), E(A, {
         key: 1,
         icon: "tabler:mood-plus",
         color: "neutral",
         type: "ghost",
         ref_key: "reactionRef",
         ref: t,
-        onClick: a
-      }, null, 512)) : H("", !0),
-      n(s).props.hasEdit || n(s).props.hasDelete ? (b(), E(w, {
+        onClick: i
+      }, null, 512)) : I("", !0),
+      n(s).props.hasEdit || n(s).props.hasDelete ? (R(), E(A, {
         key: 2,
         icon: "tabler:dots-vertical",
         color: "neutral",
         type: "ghost",
         ref_key: "actionRef",
         ref: e,
-        onClick: c
-      }, null, 512)) : H("", !0)
-    ], 2)) : H("", !0);
+        onClick: d
+      }, null, 512)) : I("", !0)
+    ], 2)) : I("", !0);
   }
-}), Me = /* @__PURE__ */ A({
+}), we = /* @__PURE__ */ w({
   ...z("CommentReactions"),
   __name: "CommentReactions",
-  setup(m) {
-    const s = ie(), t = B(), e = () => {
+  setup(u) {
+    const s = re(), t = b(), e = () => {
       s.emit("openReaction", t.value);
-    }, c = (a) => {
-      a && !a.active && s.emit("reaction", a.emoji);
+    }, d = (i) => {
+      i && !i.active && s.emit("reaction", i.emoji);
     };
-    return (a, l) => {
+    return (i, l) => {
       var p;
-      return n(s).props.hasReaction && ((p = n(s).props.reactions) != null && p.some((o) => o.count && o.emoji)) ? (b(), L("div", {
+      return n(s).props.hasReaction && ((p = n(s).props.reactions) != null && p.some((o) => o.count && o.emoji)) ? (R(), j("div", {
         key: 0,
-        class: O(n(C)(n(h)(n(R), "reactions"), n(s).props.reactionsCls))
+        class: O(n(C)(n(m)(n(P), "reactions"), n(s).props.reactionsCls))
       }, [
-        (b(!0), L(pe, null, K(n(s).props.reactions, (o) => (b(), E(ve, {
+        (R(!0), j(de, null, Q(n(s).props.reactions, (o) => (R(), E(be, {
           key: o == null ? void 0 : o.emoji,
           active: o == null ? void 0 : o.active,
-          onClick: (v) => c(o)
+          onClick: (v) => d(o)
         }, {
           default: T(() => [
-            ne(Q(o == null ? void 0 : o.emoji) + " " + Q(o == null ? void 0 : o.count), 1)
+            ae(X(o == null ? void 0 : o.emoji) + " " + X(o == null ? void 0 : o.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
-        g(w, {
+        y(A, {
           icon: "tabler:mood-plus",
           color: "neutral",
           type: "outline",
@@ -98,10 +102,10 @@ const Ee = /* @__PURE__ */ A({
           ref: t,
           onClick: e
         }, null, 512)
-      ], 2)) : H("", !0);
+      ], 2)) : I("", !0);
     };
   }
-}), R = Ce("comment"), [ie, De] = _e("Comment"), no = /* @__PURE__ */ A({
+}), P = _e("comment"), [re, ze] = Ce("Comment"), co = /* @__PURE__ */ w({
   ...z("Comment"),
   __name: "Comment",
   props: {
@@ -133,177 +137,178 @@ const Ee = /* @__PURE__ */ A({
     reactions: {}
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
-  setup(m, { emit: s }) {
-    const t = m, e = W(), c = s, a = Y(t, "open", c, {
+  setup(u, { emit: s }) {
+    U("comment", K);
+    const t = u, e = q(), d = s, i = ee(t, "open", d, {
       passive: t.open === void 0
     }), l = () => {
-      var d;
+      var g;
       let r;
-      const f = (d = e.author) == null ? void 0 : d.call(e, {});
-      return !$(f) ? r = f : r = t.author, r ? _(
+      const h = (g = e.author) == null ? void 0 : g.call(e, {});
+      return !$(h) ? r = h : r = t.author, r ? B(
         "div",
         {
-          class: C(h(R, "author"), t.authorCls)
+          class: C(m(P, "author"), t.authorCls)
         },
         r
       ) : null;
     }, p = () => {
-      var d;
+      var g;
       let r;
-      const f = (d = e.datetime) == null ? void 0 : d.call(e, {});
-      return !$(f) ? r = f : r = t.datetime, r ? _(
+      const h = (g = e.datetime) == null ? void 0 : g.call(e, {});
+      return !$(h) ? r = h : r = t.datetime, r ? B(
         "div",
         {
-          class: C(h(R, "datetime"), t.datetimeCls)
+          class: C(m(P, "datetime"), t.datetimeCls)
         },
         r
       ) : null;
     }, o = () => {
-      var d, S;
-      const r = (d = e.header) == null ? void 0 : d.call(e, {}), f = !$(r);
-      let u;
-      if (f) u = r;
+      var g, _;
+      const r = (g = e.header) == null ? void 0 : g.call(e, {}), h = !$(r);
+      let c;
+      if (h) c = r;
       else {
-        u = [];
-        const P = (S = e.avatar) == null ? void 0 : S.call(e, {});
-        !$(P) ? u.push(P) : t.avatar && u.push(_(ae, { ...t.avatarProps ?? {}, src: t.avatar }));
-        const x = l(), D = p();
-        (x || D) && u.push(
-          _(
+        c = [];
+        const k = (_ = e.avatar) == null ? void 0 : _.call(e, {});
+        !$(k) ? c.push(k) : t.avatar && c.push(B(le, { ...t.avatarProps ?? {}, src: t.avatar }));
+        const S = l(), D = p();
+        (S || D) && c.push(
+          B(
             "div",
             {
-              class: C(h(R, "header__content"), t.headerContentCls)
+              class: C(m(P, "header__content"), t.headerContentCls)
             },
-            [x, D]
+            [S, D]
           )
-        ), u.length || (u = void 0);
+        ), c.length || (c = void 0);
       }
-      return u ? (u.push(_(Ee)), _(
+      return c ? (c.push(B(Ae)), B(
         "div",
-        { class: C(h(R, "header"), t.headerCls) },
-        u
+        { class: C(m(P, "header"), t.headerCls) },
+        c
       )) : null;
     }, v = () => {
-      var u;
-      const r = (u = e.content) == null ? void 0 : u.call(e, {}), f = !$(r);
-      if (f || t.content)
-        return _(
+      var c;
+      const r = (c = e.content) == null ? void 0 : c.call(e, {}), h = !$(r);
+      if (h || t.content)
+        return B(
           "div",
           {
-            class: C(h(R, "content"), t.contentCls, "paragraph"),
-            innerHTML: f ? void 0 : t.content
+            class: C(m(P, "content"), t.contentCls, "paragraph"),
+            innerHTML: h ? void 0 : t.content
           },
-          f ? r : void 0
+          h ? r : void 0
         );
-    }, y = h(R, "replies"), k = he(y, {
+    }, f = m(P, "replies"), x = ge(f, {
       variants: {
-        open: ge("open", y)
+        open: Be("open", f)
       }
     }), M = () => {
-      var S;
-      const r = (S = e.replies) == null ? void 0 : S.call(e, {}), f = !$(r), u = () => {
-        var x, D, I;
-        const P = (x = e.repliesHeader) == null ? void 0 : x.call(e, { open: !!a.value }), i = [];
-        if (!$(P))
-          i.push(P);
+      var _;
+      const r = (_ = e.replies) == null ? void 0 : _.call(e, {}), h = !$(r), c = () => {
+        var S, D, V;
+        const k = (S = e.repliesHeader) == null ? void 0 : S.call(e, { open: !!i.value }), a = [];
+        if (!$(k))
+          a.push(k);
         else {
-          i.push(
-            _(
-              ye,
+          a.push(
+            B(
+              ve,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => _(J, {
+                default: () => B(Y, {
                   icon: "tabler:chevron-down",
-                  class: h(y, "icon"),
+                  class: m(f, "icon"),
                   size: "2xsm"
                 })
               }
             )
           );
-          const Z = (D = e.repliesCount) == null ? void 0 : D.call(e, {}), le = !$(Z), ee = (I = e.repliesTitle) == null ? void 0 : I.call(e, {}), re = !$(ee);
-          let q;
-          re ? q = ee : q = t.repliesTitle, i.push(
-            _(
+          const oe = (D = e.repliesCount) == null ? void 0 : D.call(e, {}), pe = !$(oe), te = (V = e.repliesTitle) == null ? void 0 : V.call(e, {}), ce = !$(te);
+          let J;
+          ce ? J = te : J = t.repliesTitle, a.push(
+            B(
               "div",
               {
-                class: C(h(y, "title"), t.repliesTitleCls)
+                class: C(m(f, "title"), t.repliesTitleCls)
               },
-              q
+              J
             )
-          ), (le || t.repliesCount) && i.push(
-            _(
-              fe,
+          ), (pe || t.repliesCount) && a.push(
+            B(
+              ye,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => Z
+                text: () => oe
               }
             )
           );
         }
-        return _(
+        return B(
           "div",
           {
-            class: C(h(y, "header"), t.repliesHeaderCls),
+            class: C(m(f, "header"), t.repliesHeaderCls),
             onClick: () => {
-              a.value = !a.value;
+              i.value = !i.value;
             }
           },
-          i
+          a
         );
-      }, d = () => {
-        if (a.value)
+      }, g = () => {
+        if (i.value)
           return [
-            _(
+            B(
               "div",
               {
-                class: C(h(y, "content"), t.repliesContentCls)
+                class: C(m(f, "content"), t.repliesContentCls)
               },
               r
             ),
-            _("div", {
-              class: h(y, "line")
+            B("div", {
+              class: m(f, "line")
             })
           ];
       };
-      return f ? _(
+      return h ? B(
         "div",
         {
           class: C(
-            k({
-              open: !!a.value
+            x({
+              open: !!i.value
             }),
             t.repliesCls
           )
         },
-        [u(), d()]
+        [c(), g()]
       ) : null;
     };
-    return De({
-      emit: c,
+    return ze({
+      emit: d,
       props: t,
       slots: e
-    }), (r, f) => (b(), L("div", {
-      class: O(n(C)(n(R), t.class))
+    }), (r, h) => (R(), j("div", {
+      class: O(n(C)(n(P), t.class))
     }, [
-      g(o),
-      F("div", {
-        class: O(n(C)(n(h)(n(R), "body"), t.bodyCls))
+      y(o),
+      N("div", {
+        class: O(n(C)(n(m)(n(P), "body"), t.bodyCls))
       }, [
-        g(v),
-        g(Me),
-        g(M)
+        y(v),
+        y(we),
+        y(M)
       ], 2)
     ], 2));
   }
-}), so = /* @__PURE__ */ A({
+}), uo = /* @__PURE__ */ w({
   ...z("CommentAction"),
   __name: "CommentAction",
   props: {
@@ -311,18 +316,6 @@ const Ee = /* @__PURE__ */ A({
     hasDelete: { type: Boolean, default: !0 },
     editText: { default: "Edit" },
     deleteText: { default: "Delete" },
-    dir: {},
-    class: {},
-    containerCls: {},
-    containerClass: {},
-    containerProps: {},
-    size: {},
-    to: {},
-    placement: {},
-    reversePlacementOnDir: {},
-    autoFocusInside: { type: Boolean },
-    zIndex: {},
-    useReferenceAttribute: { type: Boolean },
     defaultOpen: { type: Boolean },
     open: { type: Boolean, default: void 0 },
     modal: { type: Boolean },
@@ -330,7 +323,9 @@ const Ee = /* @__PURE__ */ A({
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     sideOffset: {},
+    sideFlip: { type: Boolean },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -342,54 +337,68 @@ const Ee = /* @__PURE__ */ A({
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
-    disableOutsidePointerEvents: { type: Boolean }
+    dir: {},
+    class: {},
+    containerCls: {},
+    containerClass: {},
+    size: {},
+    to: {},
+    placement: {},
+    reversePlacementOnDir: {},
+    autoFocusInside: { type: Boolean },
+    noPadding: { type: Boolean },
+    zIndex: {},
+    containerStyle: {},
+    containerProps: {},
+    useReferenceAttribute: { type: Boolean }
   },
   emits: ["edit", "delete", "update:open"],
-  setup(m, { emit: s }) {
-    const t = m, e = s, c = () => {
+  setup(u, { emit: s }) {
+    U("comment", K);
+    const t = u, e = s, d = () => {
       e("edit"), l.value = !1;
-    }, a = () => {
+    }, i = () => {
       e("delete"), l.value = !1;
-    }, l = Y(t, "open", e, {
+    }, l = ee(t, "open", e, {
       passive: t.open === void 0
     });
-    return (p, o) => (b(), E(n(Be), V(t, {
+    return (p, o) => (R(), E(n(Re), H(t, {
       open: n(l),
-      "onUpdate:open": o[0] || (o[0] = (v) => se(l) ? l.value = v : null),
+      "onUpdate:open": o[0] || (o[0] = (v) => ie(l) ? l.value = v : null),
       placement: "bottom-end",
       sideOffset: 3,
       openDelay: 0
     }), {
       content: T(() => [
-        g(be, { style: { width: "116px" } }, {
+        y(Se, { style: { width: "116px" } }, {
           default: T(() => [
-            p.hasEdit ? (b(), E(te, {
+            p.hasEdit ? (R(), E(se, {
               key: "edit",
               title: p.editText,
-              onClick: c
+              onClick: d
             }, {
               leading: T(({ iconSize: v }) => [
-                g(J, {
+                y(Y, {
                   icon: "tabler:edit",
                   size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : H("", !0),
-            p.hasDelete ? (b(), E(te, {
+            }, 8, ["title"])) : I("", !0),
+            p.hasDelete ? (R(), E(se, {
               key: "delete",
               title: p.deleteText,
               danger: "",
-              onClick: a
+              onClick: i
             }, {
               leading: T(({ iconSize: v }) => [
-                g(J, {
+                y(Y, {
                   icon: "tabler:trash",
                   size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : H("", !0)
+            }, 8, ["title"])) : I("", !0)
           ]),
           _: 1
         })
@@ -397,7 +406,7 @@ const Ee = /* @__PURE__ */ A({
       _: 1
     }, 16, ["open"]));
   }
-}), ao = /* @__PURE__ */ A({
+}), mo = /* @__PURE__ */ w({
   ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
@@ -439,13 +448,14 @@ const Ee = /* @__PURE__ */ A({
     resetColorsOnChangeType: {}
   },
   emits: ["reaction", "update:open"],
-  setup(m, { emit: s }) {
-    const t = m, e = s, c = (l) => {
-      e("reaction", l.value), a.value = !1;
-    }, a = Y(t, "open", e, {
+  setup(u, { emit: s }) {
+    U("comment", K);
+    const t = u, e = s, d = (l) => {
+      e("reaction", l.value), i.value = !1;
+    }, i = ee(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, p) => (b(), E(Re, V(t, {
+    return (l, p) => (R(), E(n(Pe), H(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -459,20 +469,25 @@ const Ee = /* @__PURE__ */ A({
       placement: "bottom-end",
       visibleColorPickers: [],
       noModel: "",
-      onSelect: c,
-      open: n(a),
-      "onUpdate:open": p[0] || (p[0] = (o) => se(a) ? a.value = o : null)
+      onSelect: d,
+      open: n(i),
+      "onUpdate:open": p[0] || (p[0] = (o) => ie(i) ? i.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), io = /* @__PURE__ */ A({
+}), fo = /* @__PURE__ */ w({
   ...z("CommentMention"),
   __name: "CommentMention",
   props: {
+    modelValue: {},
+    defaultValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    highlightOnHover: { type: Boolean },
+    resetSearchTermOnBlur: { type: Boolean },
+    resetSearchTermOnSelect: { type: Boolean },
     size: {},
     status: {},
-    multiple: { type: Boolean },
-    noLastValueOnPlaceholder: { type: Boolean },
-    showLabelValueOnHeaderSearch: { type: Boolean },
+    noValueOnPlaceholder: { type: Boolean },
     zIndex: {},
     checkbox: { type: Boolean },
     tagRenderMode: {},
@@ -498,11 +513,8 @@ const Ee = /* @__PURE__ */ A({
     getNoCheckbox: {},
     getSingle: {},
     getClear: {},
-    getGroupOptions: {},
-    getGroupLabel: {},
+    getOptions: {},
     getIcon: {},
-    placement: {},
-    reversePlacementOnDir: {},
     loading: { type: Boolean },
     skeletonProps: {},
     loadingRowCount: {},
@@ -531,63 +543,45 @@ const Ee = /* @__PURE__ */ A({
     popupHeight: {},
     popupWidth: {},
     minWidth: {},
-    headerSearch: { type: Boolean },
     search: {},
+    filterOptions: {},
+    expandedKeys: {},
     noTrigger: { type: Boolean },
+    headerSearch: { type: Boolean },
+    headerSearchInputProps: {},
+    virtual: { type: Boolean },
+    showTriggerTagOnOption: { type: Boolean },
+    getMenuItemProps: { type: [Function, Object] },
+    placement: {},
+    reversePlacementOnDir: {},
     open: { type: Boolean },
     defaultOpen: { type: Boolean },
-    resetSearchTermOnBlur: { type: Boolean },
-    resetSearchTermOnSelect: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
-    dir: {},
-    disabled: { type: Boolean },
-    highlightOnHover: { type: Boolean },
-    by: { type: [String, Function] },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean },
-    reference: {},
-    forceMount: { type: Boolean },
-    position: {},
-    bodyLock: { type: Boolean },
-    side: {},
     sideOffset: {},
-    align: {},
     alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
+    reference: {},
     prioritizePosition: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    defer: { type: Boolean }
+    avoidCollisions: { type: Boolean },
+    dir: {}
   },
   emits: ["mention"],
-  setup(m, { emit: s }) {
-    const t = m, e = s, c = W(), a = (l, p, o) => {
+  setup(u, { emit: s }) {
+    const t = u, e = s, d = q(), i = (l, p, o) => {
       e("mention", l, o);
     };
-    return (l, p) => (b(), E(Se, V(t, {
+    return (l, p) => (R(), E(n(ke), H(t, {
       modelValue: "",
-      onSelect: a,
+      onSelect: i,
       noTrigger: ""
-    }), X({ _: 2 }, [
-      K(Object.keys(c), (o) => ({
+    }), Z({ _: 2 }, [
+      Q(Object.keys(d), (o) => ({
         name: o,
         fn: T((v) => [
-          U(l.$slots, o, G(N(v)))
+          L(l.$slots, o, G(W(v)))
         ])
       }))
     ]), 1040));
   }
-}), lo = /* @__PURE__ */ A({
+}), ho = /* @__PURE__ */ w({
   ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
@@ -595,63 +589,64 @@ const Ee = /* @__PURE__ */ A({
     actionsCls: {},
     editorCls: {},
     footerCls: {},
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
     isEmpty: { type: Boolean },
     mentionsReference: {},
     uploadProps: {},
     maxHeight: { default: 100 }
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
-  setup(m, { emit: s }) {
-    const t = W(), e = m, c = s, a = h(R, "editor"), l = B(), p = () => {
-      c("openReaction", l.value);
-    }, o = B(), v = () => {
-      c("openMention", o.value);
-    }, { rootBindings: y, inputBindings: k } = Pe({
-      getDisabled: () => e.disabled,
-      emit: c
-    }), M = () => c("submit"), r = j(() => {
+  setup(u, { emit: s }) {
+    U("comment", K);
+    const t = q(), e = u, d = s, i = m(P, "editor"), l = b(), p = () => {
+      d("openReaction", l.value);
+    }, o = b(), v = () => {
+      d("openMention", o.value);
+    }, { getDisabled: f } = Te(), { rootBindings: x, inputBindings: M } = $e({
+      getDisabled: () => f.value,
+      emit: d
+    }), r = () => d("submit"), h = F(() => {
       if (Number(e.maxHeight) > 0)
         return `${e.maxHeight}px`;
       if (typeof e.maxHeight == "string")
         return e.maxHeight;
-    }), f = B(), u = (d) => {
-      var S;
-      (S = f.value) != null && S.addFiles && d.length && f.value.addFiles(d);
+    }), c = b(), g = (_) => {
+      var k;
+      (k = c.value) != null && k.addFiles && _.length && c.value.addFiles(_);
     };
-    return (d, S) => (b(), L("div", V({
-      class: n(C)(n(a), e.class)
-    }, n(y)), [
-      g(xe, {
+    return (_, k) => (R(), j("div", H({
+      class: n(C)(n(i), e.class)
+    }, n(x)), [
+      y(Oe, {
         overlay: !1,
         hasMask: !1,
-        class: O(n(C)(n(h)(n(a), "editor"), "paragraph", e.editorCls)),
-        style: ce({ maxHeight: r.value })
+        class: O(n(C)(n(m)(n(i), "editor"), "paragraph", e.editorCls)),
+        style: ue({ maxHeight: h.value })
       }, {
         default: T(() => [
-          U(d.$slots, "default", G(N(n(k))))
+          L(_.$slots, "default", G(W(n(M))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      g(Te, V({ noTrigger: "" }, d.uploadProps, {
+      y(Ee, H({ noTrigger: "" }, _.uploadProps, {
         ref_key: "uploadRef",
-        ref: f
-      }), X({ _: 2 }, [
-        K(Object.keys(n(me)(t, ["default"])), (P) => ({
-          name: P,
-          fn: T((i) => [
-            U(d.$slots, P, G(N(i)))
+        ref: c
+      }), Z({ _: 2 }, [
+        Q(Object.keys(n(he)(t, ["default"])), (a) => ({
+          name: a,
+          fn: T((S) => [
+            L(_.$slots, a, G(W(S)))
           ])
         }))
       ]), 1040),
-      F("div", {
-        class: O(n(C)(n(h)(n(a), "footer"), e.footerCls))
+      N("div", {
+        class: O(n(C)(n(m)(n(i), "footer"), e.footerCls))
       }, [
-        g(ke),
-        F("div", {
-          class: O(n(C)(n(h)(n(a), "actions"), e.actionsCls))
+        y(xe),
+        N("div", {
+          class: O(n(C)(n(m)(n(i), "actions"), e.actionsCls))
         }, [
-          g(w, {
+          y(A, {
             icon: "tabler:at",
             color: "neutral",
             type: "ghost",
@@ -659,13 +654,13 @@ const Ee = /* @__PURE__ */ A({
             ref: o,
             onClick: v
           }, null, 512),
-          g($e, {
+          y(Me, {
             accept: "image/*",
             multiple: "",
-            onAddFiles: u
+            onAddFiles: g
           }, {
             default: T(() => [
-              g(w, {
+              y(A, {
                 icon: "tabler:photo",
                 color: "neutral",
                 type: "ghost"
@@ -673,7 +668,7 @@ const Ee = /* @__PURE__ */ A({
             ]),
             _: 1
           }),
-          g(w, {
+          y(A, {
             icon: "tabler:mood-plus",
             color: "neutral",
             type: "ghost",
@@ -682,15 +677,15 @@ const Ee = /* @__PURE__ */ A({
             onClick: p
           }, null, 512)
         ], 2),
-        g(w, {
-          disabled: d.isEmpty,
+        y(A, {
+          disabled: _.isEmpty,
           icon: "tabler:arrow-up",
-          onClick: M
+          onClick: r
         }, null, 8, ["disabled"])
       ], 2)
     ], 16));
   }
-}), we = ["tabindex", "disabled"], ro = /* @__PURE__ */ A({
+}), Ie = ["tabindex", "disabled"], Co = /* @__PURE__ */ w({
   ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
@@ -704,42 +699,43 @@ const Ee = /* @__PURE__ */ A({
     shortcutProps: {}
   },
   emits: ["add"],
-  setup(m, { emit: s }) {
-    const t = W(), e = m, c = s, a = h(R, "trigger"), l = (o) => {
+  setup(u, { emit: s }) {
+    U("comment", K);
+    const t = q(), e = u, d = s, i = m(P, "trigger"), l = (o) => {
       !e.ignoeShortcut && o.code === "KeyC" && o.altKey && p(o);
     };
-    de(() => {
+    me(() => {
       e.withShortcut && addEventListener("keyup", l);
-    }), ue(() => {
+    }), fe(() => {
       e.withShortcut && removeEventListener("keyup", l);
     }), e.withShortcut;
-    const p = (o) => c("add", o);
-    return (o, v) => (b(), L("div", {
-      class: O(n(C)(n(a), e.class)),
+    const p = (o) => d("add", o);
+    return (o, v) => (R(), j("div", {
+      class: O(n(C)(n(i), e.class)),
       tabindex: o.disabled ? -1 : 0,
       disabled: o.disabled ? "" : void 0,
-      onPointerdown: oe(p, ["stop"]),
-      onKeyup: oe(p, ["stop"])
+      onPointerdown: ne(p, ["stop"]),
+      onKeyup: ne(p, ["stop"])
     }, [
-      g(ae, V(o.avatarProps ?? {}, {
+      y(le, H(o.avatarProps ?? {}, {
         size: "sm",
         src: o.src
-      }), X({ _: 2 }, [
-        K(Object.keys(t), (y) => ({
-          name: y,
-          fn: T((k) => [
-            U(o.$slots, y, G(N(k)))
+      }), Z({ _: 2 }, [
+        Q(Object.keys(t), (f) => ({
+          name: f,
+          fn: T((x) => [
+            L(o.$slots, f, G(W(x)))
           ])
         }))
       ]), 1040, ["src"]),
-      F("div", {
-        class: O(n(h)(n(a), "text"))
+      N("div", {
+        class: O(n(m)(n(i), "text"))
       }, [
-        U(o.$slots, "text", {}, () => [
-          ne(Q(o.text), 1)
+        L(o.$slots, "text", {}, () => [
+          ae(X(o.text), 1)
         ])
       ], 2),
-      g(Oe, V(o.shortcutProps ?? {}, { items: [
+      y(De, H(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -747,77 +743,77 @@ const Ee = /* @__PURE__ */ A({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, we));
+    ], 42, Ie));
   }
-}), po = (m) => {
-  const s = B(!1), t = B(), e = B(!1), c = (i, x = !1) => {
-    s.value = !0, e.value = x, t.value = i;
-  }, a = B(!1), l = B(), p = (i) => {
-    a.value = !0, l.value = i;
-  }, o = j(() => ({
+}), yo = (u) => {
+  const s = b(!1), t = b(), e = b(!1), d = (a, S = !1) => {
+    s.value = !0, e.value = S, t.value = a;
+  }, i = b(!1), l = b(), p = (a) => {
+    i.value = !0, l.value = a;
+  }, o = F(() => ({
     open: s.value,
     reference: t.value,
-    "onUpdate:open": (i) => s.value = i,
-    onReaction: (i) => {
-      var x, D;
+    "onUpdate:open": (a) => s.value = a,
+    onReaction: (a) => {
+      var S, D;
       if (e.value)
         try {
-          (x = m.addEmoji) == null || x.call(m, i);
-        } catch (I) {
-          console.log("error on reaction ===>", I);
+          (S = u.addEmoji) == null || S.call(u, a);
+        } catch (V) {
+          console.log("error on reaction ===>", V);
         }
       try {
-        (D = m.onReaction) == null || D.call(m, i);
-      } catch (I) {
-        console.log("error on reaction ===>", I);
+        (D = u.onReaction) == null || D.call(u, a);
+      } catch (V) {
+        console.log("error on reaction ===>", V);
       }
     }
-  })), v = j(() => ({
-    open: a.value,
+  })), v = F(() => ({
+    open: i.value,
     reference: l.value,
-    "onUpdate:open": (i) => a.value = i
-  })), y = B(!1), k = B(), M = B(), r = B(!1), f = j(() => ({
-    open: y.value,
-    "onUpdate:open": (i) => y.value = i,
-    search: k.value,
-    "onUpdate:search": (i) => k.value = i,
+    "onUpdate:open": (a) => i.value = a
+  })), f = b(!1), x = b(), M = b(), r = b(!1), h = F(() => ({
+    open: f.value,
+    "onUpdate:open": (a) => f.value = a,
+    search: x.value,
+    "onUpdate:search": (a) => x.value = a,
     reference: M.value,
     headerSearch: r.value,
-    onPointerDownOutside: d,
-    onEscapeKeyDown: d
-  })), u = (i) => {
-    i && (M.value = { getBoundingClientRect: i }, y.value = !0, r.value = !1);
-  }, d = () => {
-    M.value = void 0, y.value = !1, k.value = void 0;
-  }, S = (i) => {
-    k.value = i;
-  }, P = j(() => ({
-    onOpenReaction: (i) => c(i, !0),
-    onOpenMention: (i) => {
-      i && (M.value = i, y.value = !0, r.value = !0);
+    onPointerDownOutside: g,
+    onEscapeKeyDown: g
+  })), c = (a) => {
+    a && (M.value = { getBoundingClientRect: a }, f.value = !0, r.value = !1);
+  }, g = () => {
+    M.value = void 0, f.value = !1, x.value = void 0;
+  }, _ = (a) => {
+    x.value = a;
+  }, k = F(() => ({
+    onOpenReaction: (a) => d(a, !0),
+    onOpenMention: (a) => {
+      a && (M.value = a, f.value = !0, r.value = !0);
     }
   }));
   return {
     reactionBinding: o,
     actionBinding: v,
-    editorBinding: P,
-    mentionBinding: f,
+    editorBinding: k,
+    mentionBinding: h,
     openActions: p,
-    openReaction: c,
-    openMentionInEditor: u,
-    closeMentionInEditor: d,
-    updateMentionQuery: S
+    openReaction: d,
+    openMentionInEditor: c,
+    closeMentionInEditor: g,
+    updateMentionQuery: _
   };
 };
 export {
-  no as Comment,
-  so as CommentAction,
-  lo as CommentEditor,
-  io as CommentMention,
-  ao as CommentReaction,
-  ro as CommentTrigger,
-  R as commentPrefix,
-  ie as injectCommentContext,
-  De as provideCommentContext,
-  po as useComment
+  co as Comment,
+  uo as CommentAction,
+  ho as CommentEditor,
+  fo as CommentMention,
+  mo as CommentReaction,
+  Co as CommentTrigger,
+  P as commentPrefix,
+  re as injectCommentContext,
+  ze as provideCommentContext,
+  yo as useComment
 };