@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/composite/adaptive-panel/AdaptivePanel.vue.js

@@ -0,0 +1,159 @@
+import { defineComponent as N, ref as C, computed as s, shallowRef as f, onMounted as V, watch as b, onBeforeUnmount as P, nextTick as x, openBlock as R, createElementBlock as H, Fragment as I, createVNode as L, mergeProps as W, withCtx as v, createElementVNode as p, renderSlot as g, createSlots as X, unref as M, createBlock as Y, Teleport as j, createCommentVNode as q } from "vue";
+import { MOBILE_LAYOUT_MAX as G } from "../../../lib/adaptiveLayout.js";
+import J from "../../primitives/popover/Popover.vue.js";
+import K from "../../primitives/sheet/Sheet.vue.js";
+const Q = ["data-ui-compact"], ne = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "AdaptivePanel",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    title: {},
+    description: {},
+    side: { default: "bottom" },
+    align: { default: "start" },
+    width: { default: "320px" },
+    sheetSide: { default: "bottom" },
+    sheetSize: { default: "auto" },
+    compactBelow: { default: G },
+    container: { default: void 0 },
+    closeLabel: {},
+    motion: { default: void 0 }
+  },
+  emits: ["update:open"],
+  setup(n, { emit: D }) {
+    const a = n, T = D, w = C(!1), i = s(() => a.open ?? w.value);
+    function y(e) {
+      e !== i.value && (a.open === void 0 && (w.value = e), T("update:open", e));
+    }
+    const m = f(null), r = C(0);
+    let d;
+    function U() {
+      return a.container ? a.container : m.value?.closest("[data-ui-app]") ?? m.value?.ownerDocument.documentElement ?? null;
+    }
+    function S() {
+      d?.disconnect();
+      const e = U();
+      e && (r.value = e.getBoundingClientRect().width, !(typeof ResizeObserver > "u") && (d = new ResizeObserver((t) => {
+        const o = t[0]?.contentRect.width;
+        o !== void 0 && (r.value = o);
+      }), d.observe(e)));
+    }
+    V(S), b(() => a.container, S), P(() => d?.disconnect());
+    const l = s(() => r.value > 0 && r.value <= a.compactBelow), O = s({
+      get: () => i.value && !l.value,
+      set: (e) => {
+        (e || !l.value) && y(e);
+      }
+    }), k = s({
+      get: () => i.value && l.value,
+      set: (e) => {
+        (e || l.value) && y(e);
+      }
+    }), B = f(null), E = f(null), c = s(() => l.value ? E.value : B.value), $ = typeof document > "u" ? null : document.createElement("div"), F = s(() => i.value || c.value !== null);
+    let u = null;
+    const h = f(null);
+    b(l, () => {
+      if (!i.value) return;
+      const e = h.value?.ownerDocument.activeElement;
+      u = e instanceof HTMLElement && h.value?.contains(e) ? {
+        element: e,
+        start: "selectionStart" in e ? e.selectionStart : null,
+        end: "selectionEnd" in e ? e.selectionEnd : null
+      } : null;
+    }, { flush: "sync" }), b(c, async (e) => {
+      if (!e || !u) return;
+      const t = u;
+      if (await x(), !(u !== t || !t.element.isConnected) && (u = null, t.element.focus({ preventScroll: !0 }), t.start !== null))
+        try {
+          t.element.setSelectionRange(t.start, t.end);
+        } catch {
+        }
+    }, { flush: "post" });
+    function z(e) {
+      u && e.preventDefault();
+    }
+    function A(e) {
+      i.value && e.preventDefault();
+    }
+    return (e, t) => (R(), H(I, null, [
+      L(J, W({
+        open: O.value,
+        "onUpdate:open": t[0] || (t[0] = (o) => O.value = o),
+        side: n.side,
+        align: n.align,
+        width: n.width,
+        motion: n.motion,
+        "aria-label": n.title
+      }, e.$attrs, {
+        "data-ui-adaptive-panel": "popover",
+        onOpenAutoFocus: z,
+        onCloseAutoFocus: A
+      }), {
+        trigger: v(() => [
+          g(e.$slots, "trigger")
+        ]),
+        default: v(() => [
+          p("div", {
+            ref: (o) => {
+              B.value = o;
+            },
+            "data-ui-adaptive-panel-slot": ""
+          }, null, 512)
+        ]),
+        _: 3
+      }, 16, ["open", "side", "align", "width", "motion", "aria-label"]),
+      L(K, {
+        open: k.value,
+        "onUpdate:open": t[1] || (t[1] = (o) => k.value = o),
+        side: n.sheetSide,
+        size: n.sheetSize,
+        title: n.title,
+        description: n.description,
+        "close-label": n.closeLabel,
+        "data-ui-adaptive-panel": "sheet",
+        onOpenAutoFocus: z,
+        onCloseAutoFocus: A
+      }, X({
+        default: v(() => [
+          p("div", {
+            ref: (o) => {
+              E.value = o;
+            },
+            "data-ui-adaptive-panel-slot": ""
+          }, null, 512)
+        ]),
+        _: 2
+      }, [
+        e.$slots.footer ? {
+          name: "footer",
+          fn: v(() => [
+            g(e.$slots, "footer", { compact: l.value })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["open", "side", "size", "title", "description", "close-label"]),
+      p("span", {
+        ref_key: "probe",
+        ref: m,
+        hidden: "",
+        "data-ui-adaptive-panel-probe": ""
+      }, null, 512),
+      F.value && (c.value || M($)) ? (R(), Y(j, {
+        key: 0,
+        to: c.value ?? M($)
+      }, [
+        p("div", {
+          ref_key: "body",
+          ref: h,
+          "data-ui-adaptive-panel-body": "",
+          "data-ui-compact": l.value ? "" : void 0
+        }, [
+          g(e.$slots, "default", { compact: l.value })
+        ], 8, Q)
+      ], 8, ["to"])) : q("", !0)
+    ], 64));
+  }
+});
+export {
+  ne as default
+};

package/dist/modules/components/composite/adaptive-panel/AdaptivePanel2.vue.js

@@ -0,0 +1,4 @@
+import f from "./AdaptivePanel.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/callout/Callout.vue.js

@@ -0,0 +1,225 @@
+import { defineComponent as E, useModel as O, computed as c, useId as P, useTemplateRef as F, ref as K, onMounted as H, watch as R, onBeforeUnmount as U, openBlock as t, createElementBlock as s, createBlock as r, unref as i, withCtx as w, renderSlot as n, resolveDynamicComponent as L, createElementVNode as m, toDisplayString as f, createCommentVNode as o, Fragment as X, createTextVNode as q, createVNode as T, normalizeClass as G, mergeModels as N } from "vue";
+import { useLocalizedDefaults as J } from "../../../i18n/text.js";
+import Q from "../../primitives/motion/MotionCollapse.vue.js";
+import { CircleAlert as W, TriangleAlert as Y, CircleCheck as Z, Info as _, ChevronDown as ee, X as te } from "@lucide/vue";
+import ae from "../../feedback/info-tip/InfoTip.vue.js";
+import { hashText as le, dismissalKey as se, isDismissed as oe, registerHiddenCallout as ie, rememberDismissal as ne, forgetDismissal as V } from "./calloutDismissal.js";
+const de = ["data-tone"], ue = {
+  key: 0,
+  "data-ui-callout-title": "",
+  class: "ui-callout-title"
+}, ce = {
+  key: 1,
+  "data-ui-callout-body": ""
+}, re = ["id"], me = {
+  key: 0,
+  "data-ui-callout-title": "",
+  class: "ui-callout-title"
+}, fe = {
+  key: 1,
+  "data-ui-callout-body": ""
+}, ve = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], ye = { class: "ui-callout-main" }, he = {
+  key: 0,
+  "data-ui-callout-title": "",
+  class: "ui-callout-title"
+}, be = {
+  key: 1,
+  "data-ui-callout-body": "",
+  class: "ui-callout-body"
+}, ke = {
+  key: 2,
+  "data-ui-callout-code": "",
+  class: "font-[family-name:var(--ui-font-mono)] text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+}, pe = ["aria-expanded", "aria-controls"], $e = ["id"], ge = {
+  key: 0,
+  "data-ui-callout-actions": "",
+  class: "ui-callout-actions"
+}, Ce = ["aria-label"], ze = /* @__PURE__ */ E({
+  __name: "Callout",
+  props: /* @__PURE__ */ N({
+    tone: { default: "info" },
+    variant: { default: "soft" },
+    title: {},
+    dismissible: { type: Boolean, default: !0 },
+    dismissKey: {},
+    dismissScope: { default: "persistent" },
+    closeLabel: {},
+    code: {},
+    fill: { type: Boolean, default: !1 },
+    moreLabel: {},
+    lessLabel: {}
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ N(["close"], ["update:expanded"]),
+  setup(l, { emit: I }) {
+    const a = J(l, { closeLabel: "Close", moreLabel: "Learn more", lessLabel: "Show less" }), j = I, d = O(l, "expanded"), v = c(() => ({ info: _, success: Z, warning: Y, danger: W })[a.tone]), y = P(), u = F("content"), h = K(""), D = K(!1), B = c(() => le([a.tone, a.title, a.code, h.value].join("\0"))), b = c(() => se(a.dismissKey, a.tone, [a.title, a.code, h.value].join("\0"))), M = c(() => a.variant === "hint"), S = c(() => D.value && !M.value && a.dismissible && oe(b.value, B.value));
+    let g;
+    function C() {
+      h.value = u.value?.textContent?.replace(/\s+/g, " ").trim() ?? "";
+    }
+    H(() => {
+      C(), D.value = !0, u.value && typeof MutationObserver < "u" && (g = new MutationObserver(C), g.observe(u.value, { subtree: !0, childList: !0, characterData: !0 }));
+    });
+    let k;
+    R(S, (e) => {
+      if (k?.(), k = void 0, !e) return;
+      const p = b.value, $ = a.title || h.value;
+      k = ie({
+        tone: a.tone,
+        icon: v.value,
+        label: $.length > 120 ? `${$.slice(0, 119)}…` : $,
+        restore: () => V(p)
+      });
+    }, { immediate: !0 }), U(() => {
+      g?.disconnect(), k?.(), a.dismissScope === "occurrence" && x && V(z);
+    });
+    let x = !1, z = "";
+    function A() {
+      C();
+      const e = a.dismissScope === "occurrence";
+      ne(b.value, B.value, a.tone !== "danger" && !e), x = !0, z = b.value, j("close");
+    }
+    return (e, p) => M.value ? (t(), s("div", {
+      key: 0,
+      class: "ui-callout",
+      "data-tone": l.tone,
+      "data-variant": "hint",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      e.$slots.details ? (t(), r(ae, {
+        key: 0,
+        wrap: "",
+        "show-delay": 0,
+        "hide-delay": 0,
+        side: "bottom",
+        align: "start",
+        "aria-describedby": i(y),
+        "data-ui-callout-more": "",
+        class: "ui-callout-hint-line"
+      }, {
+        custom: w(() => [
+          (t(), r(L(v.value), {
+            class: "ui-callout-icon",
+            "aria-hidden": "true"
+          })),
+          m("span", {
+            ref_key: "content",
+            ref: u,
+            class: "ui-callout-hint-text"
+          }, [
+            l.title ? (t(), s("span", ue, f(l.title), 1)) : o("", !0),
+            e.$slots.default ? (t(), s("span", ce, [
+              n(e.$slots, "default")
+            ])) : o("", !0)
+          ], 512)
+        ]),
+        default: w(() => [
+          n(e.$slots, "details")
+        ]),
+        _: 3
+      }, 8, ["aria-describedby"])) : o("", !0),
+      e.$slots.details ? (t(), s("span", {
+        key: 1,
+        id: i(y),
+        hidden: ""
+      }, [
+        n(e.$slots, "details")
+      ], 8, re)) : (t(), s(X, { key: 2 }, [
+        (t(), r(L(v.value), {
+          class: "ui-callout-icon",
+          "aria-hidden": "true"
+        })),
+        m("span", {
+          ref_key: "content",
+          ref: u,
+          class: "ui-callout-hint-text"
+        }, [
+          l.title ? (t(), s("span", me, f(l.title), 1)) : o("", !0),
+          e.$slots.default ? (t(), s("span", fe, [
+            n(e.$slots, "default")
+          ])) : o("", !0)
+        ], 512)
+      ], 64))
+    ], 8, de)) : (t(), s("div", {
+      key: 1,
+      class: "ui-callout",
+      "data-tone": l.tone,
+      "data-variant": l.variant,
+      "data-fill": l.fill || void 0,
+      "data-dismissible": l.dismissible || void 0,
+      hidden: S.value || void 0,
+      "data-syno-pkg-land-ui": ""
+    }, [
+      (t(), r(L(v.value), {
+        class: "ui-callout-icon",
+        "aria-hidden": "true"
+      })),
+      m("div", ye, [
+        m("div", {
+          ref_key: "content",
+          ref: u,
+          class: "ui-callout-content [overflow-wrap:anywhere]"
+        }, [
+          l.title ? (t(), s("div", he, f(l.title), 1)) : o("", !0),
+          e.$slots.default ? (t(), s("div", be, [
+            n(e.$slots, "default")
+          ])) : o("", !0),
+          l.code ? (t(), s("code", ke, f(l.code), 1)) : o("", !0),
+          e.$slots.details ? (t(), s("button", {
+            key: 3,
+            type: "button",
+            "data-ui-callout-more": "",
+            class: "ui-callout-more",
+            "aria-expanded": d.value,
+            "aria-controls": i(y),
+            onClick: p[0] || (p[0] = ($) => d.value = !d.value)
+          }, [
+            q(f(d.value ? i(a).lessLabel : i(a).moreLabel) + " ", 1),
+            T(i(ee), {
+              class: G(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", d.value && "rotate-180"]),
+              "aria-hidden": "true"
+            }, null, 8, ["class"])
+          ], 8, pe)) : o("", !0),
+          e.$slots.details ? (t(), r(Q, {
+            key: 4,
+            open: d.value,
+            class: "basis-full"
+          }, {
+            default: w(() => [
+              m("div", {
+                id: i(y),
+                "data-ui-callout-details": "",
+                class: "ui-callout-details"
+              }, [
+                n(e.$slots, "details")
+              ], 8, $e)
+            ]),
+            _: 3
+          }, 8, ["open"])) : o("", !0)
+        ], 512),
+        e.$slots.actions ? (t(), s("div", ge, [
+          n(e.$slots, "actions")
+        ])) : o("", !0)
+      ]),
+      l.dismissible ? (t(), s("button", {
+        key: 0,
+        type: "button",
+        class: "ui-callout-close",
+        "data-ui-callout-close": "",
+        "data-ui-hit": "",
+        "aria-label": i(a).closeLabel,
+        onClick: A
+      }, [
+        T(i(te), {
+          class: "size-3.5",
+          "aria-hidden": "true"
+        })
+      ], 8, Ce)) : o("", !0)
+    ], 8, ve));
+  }
+});
+export {
+  ze as default
+};

package/dist/modules/components/composite/callout/Callout2.vue.js

@@ -0,0 +1,4 @@
+import f from "./Callout.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/callout/CalloutRecall.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as e, openBlock as o, createBlock as a, unref as r, withCtx as i, createVNode as c } from "vue";
+import n from "../../feedback/info-tip/InfoTip.vue.js";
+import { useUiText as l } from "../../../i18n/text.js";
+import m from "./CalloutRecallList.vue.js";
+const x = /* @__PURE__ */ e({
+  __name: "CalloutRecall",
+  setup(_) {
+    const t = l();
+    return (f, s) => (o(), a(n, {
+      icon: "info",
+      "trigger-action": "click",
+      side: "bottom",
+      align: "start",
+      "aria-label": r(t)("Hidden notices"),
+      "data-ui-callout-recall-trigger": ""
+    }, {
+      default: i(() => [
+        c(m)
+      ]),
+      _: 1
+    }, 8, ["aria-label"]));
+  }
+});
+export {
+  x as default
+};

package/dist/modules/components/composite/callout/CalloutRecall2.vue.js

@@ -0,0 +1,4 @@
+import f from "./CalloutRecall.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/callout/CalloutRecallList.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as i, computed as u, openBlock as t, createElementBlock as o, createElementVNode as l, toDisplayString as a, unref as s, Fragment as d, renderList as _, createBlock as m, resolveDynamicComponent as p, createCommentVNode as h } from "vue";
+import { useUiText as f } from "../../../i18n/text.js";
+import { hiddenCallouts as k } from "./calloutDismissal.js";
+const C = {
+  key: 0,
+  "data-ui-callout-recall": "",
+  class: "ui-callout-recall"
+}, v = { class: "ui-callout-recall-title" }, y = { class: "ui-callout-recall-list" }, b = ["data-tone"], g = { class: "ui-callout-recall-label" }, x = ["onClick"], w = /* @__PURE__ */ i({
+  __name: "CalloutRecallList",
+  setup(B) {
+    const c = f(), n = u(() => [...k.entries()]);
+    return (D, E) => n.value.length ? (t(), o("div", C, [
+      l("div", v, a(s(c)("Hidden notices")), 1),
+      l("ul", y, [
+        (t(!0), o(d, null, _(n.value, ([r, e]) => (t(), o("li", {
+          key: r,
+          "data-tone": e.tone,
+          class: "ui-callout-recall-item"
+        }, [
+          (t(), m(p(e.icon), {
+            class: "ui-callout-recall-icon",
+            "aria-hidden": "true"
+          })),
+          l("span", g, a(e.label), 1),
+          l("button", {
+            type: "button",
+            "data-ui-callout-restore": "",
+            class: "ui-callout-recall-restore",
+            onClick: (L) => e.restore()
+          }, a(s(c)("Show again")), 9, x)
+        ], 8, b))), 128))
+      ])
+    ])) : h("", !0);
+  }
+});
+export {
+  w as default
+};

package/dist/modules/components/composite/callout/CalloutRecallList2.vue.js

@@ -0,0 +1,4 @@
+import f from "./CalloutRecallList.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/callout/calloutDismissal.js

@@ -0,0 +1,83 @@
+import { onBeforeUnmount as m, computed as r, shallowReactive as c, ref as f } from "vue";
+const p = "syno-pkg-land-ui:callout:";
+function g(t) {
+  let e = 2166136261;
+  for (let n = 0; n < t.length; n++)
+    e ^= t.charCodeAt(n), e = Math.imul(e, 16777619);
+  return (e >>> 0).toString(16).padStart(8, "0");
+}
+function l() {
+  try {
+    return { host: location.host, pathname: location.pathname, hash: location.hash };
+  } catch {
+    return { host: "", pathname: "", hash: "" };
+  }
+}
+function v() {
+  const { host: t, pathname: e } = l(), n = /\/webman\/3rdparty\/([^/]+)/.exec(e);
+  return n ? n[1] : `${t}${e.replace(/\/[^/]*$/, "")}`;
+}
+function y(t, e = "", n = "") {
+  const { pathname: u, hash: h } = l(), d = t ?? `auto-${g([u + h, e, n].join("\0"))}`;
+  return `${p}${v()}:${d}`;
+}
+const a = /* @__PURE__ */ new Map(), i = f(0);
+function I(t, e) {
+  if (i.value, a.get(t) === e) return !0;
+  try {
+    return globalThis.localStorage?.getItem(t) === e;
+  } catch {
+    return !1;
+  }
+}
+function R(t, e, n) {
+  if (a.set(t, e), n)
+    try {
+      globalThis.localStorage?.setItem(t, e);
+    } catch {
+    }
+  i.value++;
+}
+function w(t) {
+  a.delete(t);
+  try {
+    globalThis.localStorage?.removeItem(t);
+  } catch {
+  }
+  i.value++;
+}
+let S = 0;
+const s = c(/* @__PURE__ */ new Map());
+function C(t) {
+  const e = S++;
+  return s.set(e, t), () => s.delete(e);
+}
+const o = c([]);
+function $(t) {
+  const e = { kind: t, id: Symbol(t) };
+  return o.push(e), {
+    id: e.id,
+    unregister: () => {
+      const n = o.indexOf(e);
+      n >= 0 && o.splice(n, 1);
+    }
+  };
+}
+const b = r(() => (o.find((t) => t.kind === "info") ?? o.find((t) => t.kind === "chrome"))?.id ?? null);
+function H() {
+  const t = $("chrome");
+  return m(t.unregister), r(() => b.value === t.id && s.size > 0);
+}
+export {
+  b as activeRecallHost,
+  v as appScope,
+  y as dismissalKey,
+  w as forgetDismissal,
+  g as hashText,
+  s as hiddenCallouts,
+  I as isDismissed,
+  C as registerHiddenCallout,
+  $ as registerRecallHost,
+  R as rememberDismissal,
+  H as useCalloutRecallHost
+};

package/dist/modules/components/composite/comment-item/CommentItem.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as u, openBlock as t, createElementBlock as a, renderSlot as n, createVNode as m, createElementVNode as d, toDisplayString as o, createCommentVNode as l, unref as c } from "vue";
+import { useUiText as r } from "../../../i18n/text.js";
+import f from "../rich-text-view/RichTextView.vue.js";
+import h from "./PersonInitials.vue.js";
+const g = ["data-deleted", "data-highlighted"], x = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, y = { class: "flex min-w-0 items-center gap-2" }, v = { class: "flex min-w-0 flex-1 flex-wrap items-baseline gap-x-2 leading-5" }, b = {
+  "data-ui-comment-author": "",
+  class: "min-w-0 truncate font-semibold text-[var(--ui-text)]"
+}, k = ["datetime"], w = {
+  key: 1,
+  "data-ui-comment-edited": "",
+  class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+}, $ = {
+  key: 0,
+  "data-ui-comment-actions": "",
+  class: "flex shrink-0 items-center gap-1"
+}, B = {
+  key: 0,
+  "data-ui-comment-body": "",
+  class: "m-0 italic text-[var(--ui-text-secondary)]"
+}, z = /* @__PURE__ */ u({
+  __name: "CommentItem",
+  props: {
+    author: {},
+    authorId: { default: void 0 },
+    avatar: { default: void 0 },
+    time: { default: void 0 },
+    datetime: { default: void 0 },
+    body: { default: "" },
+    mentions: { default: () => [] },
+    files: { type: Function, default: void 0 },
+    edited: { type: Boolean, default: !1 },
+    deleted: { type: Boolean, default: !1 },
+    highlighted: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const s = r();
+    return (i, C) => (t(), a("article", {
+      class: "ui-comment flex min-w-0 gap-2 rounded-[var(--ui-radius-control)] px-2 py-2",
+      "data-deleted": e.deleted ? "" : void 0,
+      "data-highlighted": e.highlighted ? "" : void 0,
+      "data-ui-comment": "",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      n(i.$slots, "avatar", {}, () => [
+        m(h, {
+          id: e.authorId,
+          name: e.author,
+          src: e.avatar
+        }, null, 8, ["id", "name", "src"])
+      ]),
+      d("div", x, [
+        d("header", y, [
+          d("span", v, [
+            d("span", b, o(e.author), 1),
+            e.time ? (t(), a("time", {
+              key: 0,
+              "data-ui-comment-time": "",
+              datetime: e.datetime,
+              class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+            }, o(e.time), 9, k)) : l("", !0),
+            e.edited && !e.deleted ? (t(), a("span", w, o(c(s)("Edited")), 1)) : l("", !0)
+          ]),
+          i.$slots.actions && !e.deleted ? (t(), a("span", $, [
+            n(i.$slots, "actions")
+          ])) : l("", !0)
+        ]),
+        e.deleted ? (t(), a("p", B, o(c(s)("This comment was deleted")), 1)) : n(i.$slots, "default", {}, () => [
+          m(f, {
+            "data-ui-comment-body": "",
+            body: e.body,
+            mentions: e.mentions,
+            files: e.files,
+            "image-height": 240
+          }, null, 8, ["body", "mentions", "files"])
+        ], void 0, 1)
+      ])
+    ], 8, g));
+  }
+});
+export {
+  z as default
+};

package/dist/modules/components/composite/comment-item/CommentItem2.vue.js

@@ -0,0 +1,4 @@
+import f from "./CommentItem.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/comment-item/PersonInitials.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as d, computed as n, openBlock as a, createElementBlock as s, normalizeClass as f, Fragment as v, createTextVNode as m, toDisplayString as g } from "vue";
+const x = ["src"], p = /* @__PURE__ */ d({
+  __name: "PersonInitials",
+  props: {
+    name: {},
+    id: { default: void 0 },
+    src: { default: void 0 },
+    initials: { default: void 0 },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const t = e, r = [
+      "bg-[var(--ui-info-soft)] text-[var(--ui-info-text)]",
+      "bg-[var(--ui-success-soft)] text-[var(--ui-success-text)]",
+      "bg-[var(--ui-warning-soft)] text-[var(--ui-warning-text)]",
+      "bg-[var(--ui-danger-soft)] text-[var(--ui-danger-text)]",
+      "bg-[var(--ui-primary-soft)] text-[var(--ui-primary)]"
+    ], c = n(() => {
+      let i = 0;
+      for (const u of t.id ?? t.name) i = i * 31 + u.codePointAt(0) >>> 0;
+      return r[i % r.length];
+    }), o = n(() => t.initials?.trim().slice(0, 2) || ([...t.name.trim()][0]?.toUpperCase() ?? "?")), l = n(() => [...o.value].length > 1);
+    return (i, u) => (a(), s("span", {
+      class: f(["inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold leading-none", e.size === "sm" ? ["size-6", l.value ? "text-[length:var(--ui-font-size-xs)]" : "text-[length:var(--ui-font-size-sm)]"] : ["size-8", l.value ? "text-[length:var(--ui-font-size-sm)]" : "text-[length:var(--ui-font-size)]"], !e.src && c.value]),
+      "aria-hidden": "true",
+      "data-ui-person-initials": ""
+    }, [
+      e.src ? (a(), s("img", {
+        key: 0,
+        src: e.src,
+        alt: "",
+        class: "size-full object-cover"
+      }, null, 8, x)) : (a(), s(v, { key: 1 }, [
+        m(g(o.value), 1)
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  p as default
+};