@gxp-dev/app-ui 0.1.0

package/dist/components/domain/participant-item/ParticipantItem.vue.js

@@ -0,0 +1,100 @@
+import { defineComponent as h, computed as c, openBlock as a, createElementBlock as o, normalizeClass as l, unref as i, createElementVNode as s, toDisplayString as p, createTextVNode as y, createCommentVNode as n, createBlock as m } from "vue";
+import { cn as u } from "../../../lib/utils.js";
+import b from "../../../node_modules/.pnpm/lucide-vue-next@0.344.0_vue@3.5.35_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/monitor.js";
+import v from "../../../node_modules/.pnpm/lucide-vue-next@0.344.0_vue@3.5.35_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/volume-x.js";
+import k from "../../../node_modules/.pnpm/lucide-vue-next@0.344.0_vue@3.5.35_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/video-off.js";
+const w = { class: "flex flex-1 items-center gap-2 overflow-hidden" }, V = {
+  class: "truncate text-sm font-medium text-foreground",
+  "data-testid": "participant-name"
+}, C = {
+  key: 0,
+  class: "text-muted-foreground",
+  "data-testid": "local-indicator"
+}, M = { class: "flex shrink-0 items-center gap-1.5" }, B = {
+  key: 0,
+  class: "text-sm",
+  role: "img",
+  "aria-label": "Hand raised",
+  "data-testid": "hand-raised-indicator"
+}, O = /* @__PURE__ */ h({
+  __name: "ParticipantItem",
+  props: {
+    participant: {},
+    isLocal: { type: Boolean, default: !1 },
+    class: {}
+  },
+  setup(e) {
+    const r = e, x = c(() => {
+      var t, d;
+      return ((d = (t = r.participant.displayName) == null ? void 0 : t.charAt(0)) == null ? void 0 : d.toUpperCase()) || "?";
+    }), f = c(() => {
+      const t = {
+        host: "Host",
+        moderator: "Mod",
+        participant: null,
+        viewer: "Viewer"
+      };
+      return r.participant.role ? t[r.participant.role] ?? null : null;
+    }), g = c(() => {
+      const t = {
+        host: "bg-primary text-primary-foreground",
+        moderator: "bg-blue-500 text-white",
+        viewer: "bg-secondary text-secondary-foreground"
+      };
+      return r.participant.role ? t[r.participant.role] ?? "bg-secondary text-secondary-foreground" : "";
+    });
+    return (t, d) => (a(), o("div", {
+      class: l(i(u)(
+        "flex items-center gap-3 rounded-md px-3 py-2 transition-colors hover:bg-muted/50",
+        r.class
+      )),
+      "data-testid": "participant-item"
+    }, [
+      s("div", {
+        class: l(i(u)(
+          "flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-medium",
+          e.isLocal ? "bg-green-500 text-white" : "bg-muted text-muted-foreground"
+        )),
+        "data-testid": "participant-avatar"
+      }, p(x.value), 3),
+      s("div", w, [
+        s("span", V, [
+          y(p(e.participant.displayName) + " ", 1),
+          e.isLocal ? (a(), o("span", C, "(You)")) : n("", !0)
+        ]),
+        f.value ? (a(), o("span", {
+          key: 0,
+          class: l(i(u)(
+            "inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase leading-none",
+            g.value
+          )),
+          "data-testid": "role-badge"
+        }, p(f.value), 3)) : n("", !0)
+      ]),
+      s("div", M, [
+        e.participant.isHandRaised ? (a(), o("span", B, "✋")) : n("", !0),
+        e.participant.isScreenSharing ? (a(), m(i(b), {
+          key: 1,
+          class: "h-4 w-4 text-primary",
+          "aria-label": "Screen sharing",
+          "data-testid": "screen-sharing-indicator"
+        })) : n("", !0),
+        e.participant.isMuted ? (a(), m(i(v), {
+          key: 2,
+          class: "h-4 w-4 text-destructive",
+          "aria-label": "Muted",
+          "data-testid": "muted-indicator"
+        })) : n("", !0),
+        e.participant.isVideoOff ? (a(), m(i(k), {
+          key: 3,
+          class: "h-4 w-4 text-muted-foreground",
+          "aria-label": "Camera off",
+          "data-testid": "video-off-indicator"
+        })) : n("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  O as default
+};

package/dist/components/domain/participant-item/ParticipantItem.vue2.js

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

package/dist/components/domain/pin-pad/PinPad.vue.js

@@ -0,0 +1,7 @@
+import o from "./PinPad.vue2.js";
+/* empty css            */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2526f771"]]);
+export {
+  m as default
+};

package/dist/components/domain/pin-pad/PinPad.vue2.js

@@ -0,0 +1,166 @@
+import { defineComponent as V, ref as x, computed as f, watch as $, openBlock as r, createElementBlock as n, normalizeClass as i, unref as s, toDisplayString as p, createCommentVNode as k, createElementVNode as y, Fragment as b, renderList as w, createVNode as C } from "vue";
+import { cn as c } from "../../../lib/utils.js";
+import K from "../../../node_modules/.pnpm/lucide-vue-next@0.344.0_vue@3.5.35_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+import P from "../../../node_modules/.pnpm/lucide-vue-next@0.344.0_vue@3.5.35_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/delete.js";
+const F = {
+  key: 0,
+  class: "text-lg font-semibold text-[var(--foreground)]",
+  "data-testid": "pin-pad-title"
+}, L = ["data-testid"], T = {
+  key: 1,
+  class: "text-sm text-[var(--destructive)]",
+  "data-testid": "error-message"
+}, X = ["data-testid", "onClick"], I = /* @__PURE__ */ V({
+  __name: "PinPad",
+  props: {
+    length: { default: 4 },
+    mask: { type: Boolean, default: !0 },
+    scramble: { type: Boolean, default: !1 },
+    title: {},
+    errorMessage: {},
+    size: { default: "md" },
+    class: {}
+  },
+  emits: ["complete", "change", "cancel"],
+  setup(u, { expose: z, emit: M }) {
+    const l = u, d = M, a = x(""), g = x(!1), B = f(() => {
+      const e = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+      if (!l.scramble) return e;
+      const o = [...e];
+      for (let t = o.length - 1; t > 0; t--) {
+        const h = Math.floor(Math.random() * (t + 1));
+        [o[t], o[h]] = [o[h], o[t]];
+      }
+      return o;
+    }), S = f(() => {
+      const e = B.value;
+      return [
+        e[0],
+        e[1],
+        e[2],
+        e[3],
+        e[4],
+        e[5],
+        e[6],
+        e[7],
+        e[8],
+        null,
+        e[9],
+        "backspace"
+      ];
+    }), m = f(() => {
+      switch (l.size) {
+        case "sm":
+          return "h-12 w-12 text-lg";
+        case "lg":
+          return "h-20 w-20 text-2xl";
+        default:
+          return "h-16 w-16 text-xl";
+      }
+    }), j = f(() => {
+      switch (l.size) {
+        case "sm":
+          return "h-3 w-3";
+        case "lg":
+          return "h-5 w-5";
+        default:
+          return "h-4 w-4";
+      }
+    }), v = f(() => {
+      switch (l.size) {
+        case "sm":
+          return "gap-2";
+        case "lg":
+          return "gap-4";
+        default:
+          return "gap-3";
+      }
+    });
+    $(() => l.errorMessage, (e) => {
+      e && (g.value = !0, setTimeout(() => {
+        g.value = !1;
+      }, 600));
+    });
+    function _(e) {
+      a.value.length >= l.length || (a.value += e.toString(), d("change", a.value), a.value.length === l.length && d("complete", a.value));
+    }
+    function D() {
+      a.value.length !== 0 && (a.value = a.value.slice(0, -1), d("change", a.value));
+    }
+    function E() {
+      a.value = "", d("change", a.value), d("cancel");
+    }
+    function N() {
+      a.value = "", d("change", a.value);
+    }
+    return z({
+      clear: N
+    }), (e, o) => (r(), n("div", {
+      class: i(s(c)("inline-flex flex-col items-center", v.value, l.class)),
+      "data-testid": "pin-pad"
+    }, [
+      u.title ? (r(), n("p", F, p(u.title), 1)) : k("", !0),
+      y("div", {
+        class: i(s(c)("flex", v.value, g.value && "pin-pad-shake")),
+        "data-testid": "dot-indicators"
+      }, [
+        (r(!0), n(b, null, w(u.length, (t) => (r(), n("div", {
+          key: t,
+          class: i(s(c)(
+            "rounded-full transition-colors",
+            j.value,
+            a.value.length >= t ? "bg-[var(--primary)]" : "border-2 border-[var(--border)] bg-transparent"
+          )),
+          "data-testid": `dot-${t}`
+        }, null, 10, L))), 128))
+      ], 2),
+      u.errorMessage ? (r(), n("p", T, p(u.errorMessage), 1)) : k("", !0),
+      y("div", {
+        class: i(s(c)("grid grid-cols-3", v.value)),
+        "data-testid": "pin-pad-grid"
+      }, [
+        (r(!0), n(b, null, w(S.value, (t) => (r(), n(b, {
+          key: String(t)
+        }, [
+          t === null ? (r(), n("button", {
+            key: 0,
+            class: i(s(c)(
+              "flex items-center justify-center rounded-full font-medium transition-colors",
+              "text-[var(--foreground)] hover:bg-[var(--muted)]",
+              m.value
+            )),
+            "data-testid": "cancel-button",
+            onClick: E
+          }, [
+            C(s(K), { class: "h-5 w-5" })
+          ], 2)) : t === "backspace" ? (r(), n("button", {
+            key: 1,
+            class: i(s(c)(
+              "flex items-center justify-center rounded-full font-medium transition-colors",
+              "text-[var(--foreground)] hover:bg-[var(--muted)]",
+              m.value
+            )),
+            "data-testid": "backspace-button",
+            onClick: D
+          }, [
+            C(s(P), { class: "h-5 w-5" })
+          ], 2)) : (r(), n("button", {
+            key: 2,
+            class: i(s(c)(
+              "flex items-center justify-center rounded-full font-medium transition-colors",
+              "bg-[var(--muted)] text-[var(--foreground)]",
+              "hover:bg-[var(--accent)]",
+              "active:bg-[var(--primary)] active:text-[var(--primary-foreground)]",
+              m.value
+            )),
+            "data-testid": `digit-${t}`,
+            onClick: (h) => _(t)
+          }, p(t), 11, X))
+        ], 64))), 128))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/dist/components/domain/signature-pad/SignaturePad.vue.js

@@ -0,0 +1,100 @@
+import { defineComponent as D, ref as d, watch as U, onMounted as S, onBeforeUnmount as T, openBlock as E, createElementBlock as L, normalizeClass as m, unref as x, createElementVNode as W, nextTick as X } from "vue";
+import { cn as w } from "../../../lib/utils.js";
+const Y = ["width", "height"], M = /* @__PURE__ */ D({
+  __name: "SignaturePad",
+  props: {
+    width: { default: 400 },
+    height: { default: 200 },
+    penColor: { default: "var(--foreground)" },
+    penWidth: { default: 2 },
+    placeholder: { default: "Sign here" },
+    disabled: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["update", "clear"],
+  setup(c, { expose: P, emit: y }) {
+    const n = c, h = y, o = d(null), i = d(!1), r = d(!1), a = d(null);
+    function s() {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.getContext("2d")) ?? null;
+    }
+    function v(e) {
+      const t = o.value, l = t.getBoundingClientRect(), u = t.width / l.width, f = t.height / l.height;
+      return {
+        x: (e.clientX - l.left) * u,
+        y: (e.clientY - l.top) * f
+      };
+    }
+    function g() {
+      const e = s();
+      !e || r.value || (e.clearRect(0, 0, n.width, n.height), e.save(), e.font = "14px sans-serif", e.fillStyle = "var(--muted-foreground, #888)", e.textAlign = "center", e.textBaseline = "middle", e.globalAlpha = 0.5, e.fillText(n.placeholder, n.width / 2, n.height / 2), e.restore());
+    }
+    function C(e) {
+      var l;
+      if (n.disabled) return;
+      const t = o.value;
+      if (t && ((l = t.setPointerCapture) == null || l.call(t, e.pointerId), i.value = !0, a.value = v(e), !r.value)) {
+        r.value = !0;
+        const u = s();
+        u && u.clearRect(0, 0, n.width, n.height);
+      }
+    }
+    function b(e) {
+      if (!i.value || n.disabled) return;
+      const t = s();
+      if (!t || !a.value) return;
+      const l = v(e);
+      t.beginPath(), t.strokeStyle = n.penColor, t.lineWidth = n.penWidth, t.lineCap = "round", t.lineJoin = "round";
+      const u = (a.value.x + l.x) / 2, f = (a.value.y + l.y) / 2;
+      t.moveTo(a.value.x, a.value.y), t.quadraticCurveTo(a.value.x, a.value.y, u, f), t.stroke(), a.value = l;
+    }
+    function p() {
+      i.value && (i.value = !1, a.value = null, r.value && o.value && h("update", o.value.toDataURL("image/png")));
+    }
+    function R() {
+      const e = s();
+      e && e.clearRect(0, 0, n.width, n.height), r.value = !1, h("clear"), X(() => g());
+    }
+    function k() {
+      return !r.value;
+    }
+    function B() {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.toDataURL("image/png")) ?? "";
+    }
+    return U(() => n.disabled, (e) => {
+      e && (i.value = !1, a.value = null);
+    }), S(() => {
+      g();
+    }), T(() => {
+      i.value = !1;
+    }), P({
+      clear: R,
+      isEmpty: k,
+      toDataURL: B
+    }), (e, t) => (E(), L("div", {
+      class: m(x(w)("inline-flex flex-col gap-2", n.class)),
+      "data-testid": "signature-pad"
+    }, [
+      W("canvas", {
+        ref_key: "canvasRef",
+        ref: o,
+        width: c.width,
+        height: c.height,
+        class: m(x(w)(
+          "rounded-[var(--radius)] border border-[var(--border)] bg-[var(--input)]",
+          c.disabled ? "cursor-not-allowed opacity-50" : "cursor-crosshair"
+        )),
+        style: { "touch-action": "none", "max-width": "100%" },
+        "data-testid": "signature-canvas",
+        onPointerdown: C,
+        onPointermove: b,
+        onPointerup: p,
+        onPointerleave: p
+      }, null, 42, Y)
+    ], 2));
+  }
+});
+export {
+  M as default
+};

package/dist/components/domain/signature-pad/SignaturePad.vue2.js

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

package/dist/components/domain/social-stream-post/SocialStreamPost.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as v, computed as i, ref as _, onMounted as h, onBeforeUnmount as y, openBlock as a, createElementBlock as s, normalizeClass as w, unref as x, createCommentVNode as l, createElementVNode as g, toDisplayString as p, createVNode as B } from "vue";
+import { timeAgo as f, cn as k } from "../../../lib/utils.js";
+import T from "./SocialStreamPostBody.vue.js";
+const b = {
+  key: 0,
+  class: "flex gap-2.5 p-5"
+}, C = ["src"], D = { class: "flex flex-col gap-2.5" }, N = {
+  key: 0,
+  class: "text-lg font-semibold leading-none"
+}, S = {
+  key: 1,
+  class: "text-sm leading-none text-muted-foreground"
+}, O = /* @__PURE__ */ v({
+  __name: "SocialStreamPost",
+  props: {
+    post: {},
+    user: {},
+    showIdentity: { type: Boolean, default: !0 },
+    showTimestamp: { type: Boolean, default: !0 },
+    showDownloadButton: { type: Boolean, default: !1 },
+    useOverlay: { type: Boolean, default: !1 },
+    class: {}
+  },
+  setup(t) {
+    const o = t, e = i(() => o.user ?? o.post.attendee), u = i(() => {
+      var n;
+      return e.value && (e.value.first_name || e.value.last_name) ? [e.value.first_name ?? "", e.value.last_name ?? ""].join(" ").trim() : ((n = o.post.poster_name) == null ? void 0 : n.trim()) ?? null;
+    }), r = _(f(o.post.created_at));
+    let m;
+    const d = () => {
+      m = setTimeout(() => {
+        r.value = f(o.post.created_at), d();
+      }, 6e4);
+    };
+    return h(() => d()), y(() => clearTimeout(m)), (n, V) => {
+      var c;
+      return a(), s("div", {
+        class: w(x(k)("overflow-hidden text-left", o.class))
+      }, [
+        (e.value || t.post.poster_name) && t.showIdentity ? (a(), s("div", b, [
+          (c = e.value) != null && c.user_avatar_url ? (a(), s("img", {
+            key: 0,
+            src: e.value.user_avatar_url,
+            class: "h-[50px] w-[50px] rounded-full object-cover",
+            alt: ""
+          }, null, 8, C)) : l("", !0),
+          g("div", D, [
+            u.value ? (a(), s("h6", N, p(u.value), 1)) : l("", !0),
+            t.showTimestamp ? (a(), s("span", S, p(r.value), 1)) : l("", !0)
+          ])
+        ])) : l("", !0),
+        B(T, {
+          post: t.post,
+          "show-download-button": t.showDownloadButton,
+          "use-overlay": t.useOverlay
+        }, null, 8, ["post", "show-download-button", "use-overlay"])
+      ], 2);
+    };
+  }
+});
+export {
+  O as default
+};

package/dist/components/domain/social-stream-post/SocialStreamPost.vue2.js

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

package/dist/components/domain/social-stream-post/SocialStreamPostBody.vue.js

@@ -0,0 +1,120 @@
+import { defineComponent as D, ref as r, onMounted as W, openBlock as l, createElementBlock as a, normalizeStyle as c, createCommentVNode as i, createElementVNode as o, withDirectives as V, vShow as E, createBlock as f, Fragment as x, renderList as H, toDisplayString as b, nextTick as L } from "vue";
+import h from "../download-button/DownloadButton.vue.js";
+const j = { class: "relative" }, A = ["src"], C = ["src"], M = {
+  key: 1,
+  class: "flex flex-col gap-3 p-5"
+}, z = {
+  key: 0,
+  class: "flex h-12 items-end gap-px"
+}, F = ["src"], N = {
+  key: 1,
+  class: "text-sm leading-normal"
+}, O = {
+  key: 2,
+  class: "p-5 text-sm leading-normal"
+}, R = ["src"], U = /* @__PURE__ */ D({
+  __name: "SocialStreamPostBody",
+  props: {
+    post: {},
+    showDownloadButton: { type: Boolean, default: !1 },
+    useOverlay: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const v = e, s = r(!1), n = r(null), u = r(v.post.file_path_small_sprite_url), m = (t) => v.useOverlay && (t.file_path_medium_overlay_url || t.file_medium_overlay_url) ? t.file_path_medium_overlay_url ?? t.file_medium_overlay_url ?? "" : t.file_path_mime === "image/gif" || t.file_path_mime === "image/webp" ? t.file_url ?? "" : t.file_path_medium_url ?? t.file_medium_url ?? t.file_path_hd_url ?? t.file_url ?? "", B = async () => {
+      var t;
+      s.value = !0, await L(), (t = n.value) == null || t.play();
+    };
+    return W(() => {
+      !u.value && n.value && n.value.load();
+    }), (t, d) => {
+      var y, g, w, k, p;
+      return l(), a("div", j, [
+        (y = e.post.file_path_mime) != null && y.includes("video") ? (l(), a("div", {
+          key: 0,
+          class: "relative",
+          style: c(e.post.naturalWidth && e.post.naturalHeight ? { aspectRatio: `${e.post.naturalWidth} / ${e.post.naturalHeight}` } : void 0)
+        }, [
+          u.value && !s.value ? (l(), a("img", {
+            key: 0,
+            src: u.value,
+            class: "h-full w-full object-cover",
+            alt: ""
+          }, null, 8, A)) : i("", !0),
+          s.value ? i("", !0) : (l(), a("div", {
+            key: 1,
+            class: "absolute left-1/2 top-1/2 flex h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-white bg-black/50 transition-colors hover:bg-black/70",
+            onClick: B
+          }, [...d[0] || (d[0] = [
+            o("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 384 512",
+              class: "ml-1.5 h-12 w-[30px] fill-white"
+            }, [
+              o("path", { d: "M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z" })
+            ], -1)
+          ])])),
+          V(o("video", {
+            ref_key: "videoElement",
+            ref: n,
+            src: m(e.post),
+            playsinline: "",
+            controls: "",
+            preload: "metadata",
+            class: "h-full w-full"
+          }, null, 8, C), [
+            [E, !u.value || s.value]
+          ]),
+          e.showDownloadButton ? (l(), f(h, {
+            key: 2,
+            url: m(e.post),
+            filename: e.post.caption || `video-${e.post.id}`,
+            "mime-type": e.post.file_path_mime,
+            "media-type": "video",
+            class: "absolute right-3 top-3"
+          }, null, 8, ["url", "filename", "mime-type"])) : i("", !0)
+        ], 4)) : (g = e.post.file_path_mime) != null && g.includes("audio") ? (l(), a("div", M, [
+          (w = e.post.metadata) != null && w.audioVolumeWave ? (l(), a("div", z, [
+            (l(!0), a(x, null, H(e.post.metadata.audioVolumeWave, ($, S) => (l(), a("div", {
+              key: S,
+              class: "flex-1 rounded-t bg-primary/70",
+              style: c({ height: `${Math.max(4, $ * 100)}%` })
+            }, null, 4))), 128))
+          ])) : i("", !0),
+          o("audio", {
+            src: e.post.file_url,
+            controls: "",
+            preload: "metadata",
+            class: "w-full"
+          }, null, 8, F),
+          e.post.caption ? (l(), a("p", N, b(e.post.caption), 1)) : i("", !0),
+          e.showDownloadButton && e.post.file_url ? (l(), f(h, {
+            key: 2,
+            url: e.post.file_url,
+            filename: e.post.caption || `audio-${e.post.id}`,
+            "mime-type": e.post.file_path_mime,
+            "media-type": "audio"
+          }, null, 8, ["url", "filename", "mime-type"])) : i("", !0)
+        ])) : e.post.caption && !((k = e.post.file_path_mime) != null && k.includes("image")) ? (l(), a("p", O, b(e.post.caption), 1)) : i("", !0),
+        (p = e.post.file_path_mime) != null && p.includes("image") ? (l(), a(x, { key: 3 }, [
+          o("img", {
+            src: m(e.post),
+            style: c(e.post.naturalWidth && e.post.naturalHeight ? { aspectRatio: `${e.post.naturalWidth} / ${e.post.naturalHeight}` } : void 0),
+            class: "w-full object-cover",
+            alt: ""
+          }, null, 12, R),
+          e.showDownloadButton ? (l(), f(h, {
+            key: 0,
+            url: m(e.post),
+            filename: e.post.caption || `image-${e.post.id}`,
+            "mime-type": e.post.file_path_mime,
+            "media-type": "image",
+            class: "absolute right-3 top-3"
+          }, null, 8, ["url", "filename", "mime-type"])) : i("", !0)
+        ], 64)) : i("", !0)
+      ]);
+    };
+  }
+});
+export {
+  U as default
+};

package/dist/components/domain/social-stream-post/SocialStreamPostBody.vue2.js

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

package/dist/components/domain/spinner/Spinner.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as c, computed as d, openBlock as i, createElementBlock as p, normalizeClass as s, unref as n, createElementVNode as t } from "vue";
+import { cn as o } from "../../../lib/utils.js";
+const b = /* @__PURE__ */ c({
+  __name: "Spinner",
+  props: {
+    size: { default: "md" },
+    class: {}
+  },
+  setup(a) {
+    const e = a, l = d(() => {
+      switch (e.size) {
+        case "sm":
+          return "h-6 w-6 border-[3px]";
+        case "lg":
+          return "h-16 w-16 border-[5px]";
+        default:
+          return "h-10 w-10 border-4";
+      }
+    });
+    return (u, r) => (i(), p("div", {
+      class: s(n(o)("flex items-center justify-center", e.class))
+    }, [
+      t("div", {
+        class: s(n(o)(
+          "animate-spin rounded-full border-solid border-current border-r-transparent",
+          l.value
+        )),
+        role: "status",
+        "aria-label": "Loading"
+      }, [...r[0] || (r[0] = [
+        t("span", { class: "sr-only" }, "Loading...", -1)
+      ])], 2)
+    ], 2));
+  }
+});
+export {
+  b as default
+};

package/dist/components/domain/spinner/Spinner.vue2.js

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