@gxp-dev/app-ui 0.1.6

package/dist/components/domain/barcode-scanner/BarcodeScanner.vue2.js

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

package/dist/components/domain/chat-transcript/ChatTranscript.vue.js

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

package/dist/components/domain/chat-transcript/ChatTranscript.vue2.js

@@ -0,0 +1,148 @@
+import { defineComponent as k, ref as x, computed as b, watch as v, onMounted as p, openBlock as t, createElementBlock as s, normalizeStyle as L, Fragment as _, renderList as w, normalizeClass as S, createTextVNode as r, toDisplayString as c, createCommentVNode as l, createElementVNode as n, renderSlot as d, nextTick as A } from "vue";
+import { timeAgo as B } from "../../../lib/utils.js";
+const $ = ["onClick"], R = {
+  key: 0,
+  class: "chat-message__role"
+}, C = {
+  key: 0,
+  class: "chat-message__transcribing-badge"
+}, U = { class: "chat-message__content" }, H = {
+  key: 1,
+  class: "chat-message__time"
+}, N = {
+  key: 0,
+  class: "chat-message chat-message--user chat-message--live"
+}, F = {
+  key: 0,
+  class: "chat-message__role"
+}, V = { class: "chat-message__content" }, z = {
+  key: 1,
+  class: "chat-message chat-message--assistant chat-message--live"
+}, D = {
+  key: 0,
+  class: "chat-message__role"
+}, E = { class: "chat-message__content" }, Y = {
+  key: 2,
+  class: "chat-message chat-message--assistant chat-message--typing"
+}, M = {
+  key: 0,
+  class: "chat-message__role"
+}, j = { class: "chat-message__content" }, q = {
+  key: 3,
+  class: "chat-transcript__empty"
+}, K = /* @__PURE__ */ k({
+  __name: "ChatTranscript",
+  props: {
+    messages: {},
+    autoScroll: { type: Boolean, default: !0 },
+    showTimestamps: { type: Boolean, default: !0 },
+    relativeTime: { type: Boolean, default: !0 },
+    showRoleLabels: { type: Boolean, default: !0 },
+    roleLabels: { default: () => ({}) },
+    typingText: { default: "Typing..." },
+    isTyping: { type: Boolean, default: !1 },
+    liveUserText: { default: "" },
+    liveAssistantText: { default: "" },
+    emptyText: { default: "No messages yet..." },
+    maxHeight: { default: void 0 }
+  },
+  emits: ["message-click"],
+  setup(e, { expose: y }) {
+    const o = e, m = x(null), f = {
+      user: "You",
+      assistant: "Assistant",
+      system: "System"
+    }, h = b(() => ({
+      ...f,
+      ...o.roleLabels
+    }));
+    function T(i) {
+      return i ? o.relativeTime ? B(i) : new Date(i).toLocaleTimeString() : "";
+    }
+    function g() {
+      m.value && A(() => {
+        m.value.scrollTop = m.value.scrollHeight;
+      });
+    }
+    return v(
+      () => o.messages.length,
+      () => {
+        o.autoScroll && g();
+      }
+    ), v(
+      () => [o.liveUserText, o.liveAssistantText, o.isTyping],
+      () => {
+        o.autoScroll && g();
+      }
+    ), p(() => {
+      o.autoScroll && g();
+    }), y({ scrollToBottom: g }), (i, u) => (t(), s("div", {
+      ref_key: "containerRef",
+      ref: m,
+      class: "chat-transcript",
+      style: L(e.maxHeight ? { maxHeight: e.maxHeight, overflowY: "auto" } : void 0)
+    }, [
+      (t(!0), s(_, null, w(e.messages, (a) => (t(), s("div", {
+        key: a.id,
+        class: S(["chat-message", [
+          `chat-message--${a.role}`,
+          { "chat-message--transcribing": a.isTranscription && !a.isFinal }
+        ]]),
+        onClick: (G) => i.$emit("message-click", a)
+      }, [
+        e.showRoleLabels ? (t(), s("div", R, [
+          r(c(h.value[a.role]) + " ", 1),
+          a.isTranscription && !a.isFinal ? (t(), s("span", C, " transcribing... ")) : l("", !0)
+        ])) : l("", !0),
+        n("div", U, [
+          d(i.$slots, "message", { message: a }, () => [
+            r(c(a.text), 1)
+          ], !0)
+        ]),
+        e.showTimestamps && a.timestamp ? (t(), s("div", H, c(T(a.timestamp)), 1)) : l("", !0)
+      ], 10, $))), 128)),
+      e.liveUserText ? (t(), s("div", N, [
+        e.showRoleLabels ? (t(), s("div", F, [
+          r(c(h.value.user) + " ", 1),
+          u[0] || (u[0] = n("span", { class: "chat-message__live-badge" }, "speaking...", -1))
+        ])) : l("", !0),
+        n("div", V, [
+          d(i.$slots, "live-user", { text: e.liveUserText }, () => [
+            r(c(e.liveUserText), 1)
+          ], !0)
+        ])
+      ])) : l("", !0),
+      e.liveAssistantText ? (t(), s("div", z, [
+        e.showRoleLabels ? (t(), s("div", D, [
+          r(c(h.value.assistant) + " ", 1),
+          u[1] || (u[1] = n("span", { class: "chat-message__live-badge" }, "speaking...", -1))
+        ])) : l("", !0),
+        n("div", E, [
+          d(i.$slots, "live-assistant", { text: e.liveAssistantText }, () => [
+            r(c(e.liveAssistantText), 1)
+          ], !0)
+        ])
+      ])) : l("", !0),
+      e.isTyping ? (t(), s("div", Y, [
+        e.showRoleLabels ? (t(), s("div", M, c(h.value.assistant), 1)) : l("", !0),
+        n("div", j, [
+          d(i.$slots, "typing", {}, () => [
+            u[2] || (u[2] = n("span", { class: "chat-typing-indicator" }, [
+              n("span", { class: "chat-typing-dot" }),
+              n("span", { class: "chat-typing-dot" }),
+              n("span", { class: "chat-typing-dot" })
+            ], -1))
+          ], !0)
+        ])
+      ])) : l("", !0),
+      e.messages.length === 0 && !e.liveUserText && !e.liveAssistantText && !e.isTyping ? (t(), s("div", q, [
+        d(i.$slots, "empty", {}, () => [
+          r(c(e.emptyText), 1)
+        ], !0)
+      ])) : l("", !0)
+    ], 4));
+  }
+});
+export {
+  K as default
+};

package/dist/components/domain/connection-status/ConnectionStatus.vue.js

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

package/dist/components/domain/connection-status/ConnectionStatus.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as C, computed as a, openBlock as s, createElementBlock as o, normalizeClass as r, unref as c, createElementVNode as n, createBlock as v, resolveDynamicComponent as w, toDisplayString as l, createCommentVNode as d } from "vue";
+import { cn as i } from "../../../lib/utils.js";
+import u 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/wifi-off.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/alert-circle.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/loader-2.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/wifi.js";
+const R = { class: "flex items-center gap-2" }, D = {
+  key: 0,
+  class: "flex items-center gap-2 ml-5"
+}, L = {
+  class: "text-sm text-red-600",
+  "data-testid": "error-message"
+}, M = {
+  key: 1,
+  class: "ml-5"
+}, j = /* @__PURE__ */ C({
+  __name: "ConnectionStatus",
+  props: {
+    state: {},
+    label: {},
+    errorMessage: {},
+    showRetry: { type: Boolean, default: !0 },
+    class: {}
+  },
+  emits: ["retry"],
+  setup(e, { emit: m }) {
+    const t = e, f = m, g = {
+      connected: "Connected",
+      connecting: "Connecting...",
+      disconnected: "Disconnected",
+      error: "Connection error"
+    }, y = a(() => t.label ?? g[t.state]), x = a(() => {
+      switch (t.state) {
+        case "connected":
+          return "bg-green-500";
+        case "connecting":
+          return "bg-yellow-500 connection-status-pulse";
+        case "disconnected":
+          return "bg-gray-400";
+        case "error":
+          return "bg-red-500";
+        default:
+          return "bg-gray-400";
+      }
+    }), h = a(() => {
+      switch (t.state) {
+        case "connected":
+          return B;
+        case "connecting":
+          return p;
+        case "disconnected":
+          return u;
+        case "error":
+          return k;
+        default:
+          return u;
+      }
+    }), b = () => {
+      f("retry");
+    };
+    return (E, N) => (s(), o("div", {
+      class: r(c(i)("flex flex-col gap-1", t.class)),
+      role: "status",
+      "aria-live": "polite",
+      "data-testid": "connection-status"
+    }, [
+      n("div", R, [
+        n("span", {
+          class: r(c(i)("inline-block h-2.5 w-2.5 rounded-full shrink-0", x.value)),
+          "data-testid": "status-dot"
+        }, null, 2),
+        (s(), v(w(h.value), {
+          class: r(c(i)(
+            "h-4 w-4",
+            e.state === "connected" && "text-green-600",
+            e.state === "connecting" && "text-yellow-600 animate-spin",
+            e.state === "disconnected" && "text-gray-400",
+            e.state === "error" && "text-red-600"
+          )),
+          "data-testid": "status-icon"
+        }, null, 8, ["class"])),
+        n("span", {
+          class: r(["text-sm font-medium", {
+            "text-green-700": e.state === "connected",
+            "text-yellow-700": e.state === "connecting",
+            "text-muted-foreground": e.state === "disconnected",
+            "text-red-700": e.state === "error"
+          }]),
+          "data-testid": "status-label"
+        }, l(y.value), 3)
+      ]),
+      e.state === "error" && e.errorMessage ? (s(), o("div", D, [
+        n("p", L, l(e.errorMessage), 1)
+      ])) : d("", !0),
+      e.state === "error" && e.showRetry ? (s(), o("div", M, [
+        n("button", {
+          class: "text-sm font-medium text-primary underline-offset-4 hover:underline",
+          "data-testid": "retry-button",
+          onClick: b
+        }, " Retry ")
+      ])) : d("", !0)
+    ], 2));
+  }
+});
+export {
+  j as default
+};

package/dist/components/domain/countdown/Countdown.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as b, ref as y, onMounted as L, onBeforeUnmount as w, watch as E, openBlock as h, createElementBlock as g, normalizeClass as I, unref as k, createElementVNode as C, createCommentVNode as N } from "vue";
+import { cn as x } from "../../../lib/utils.js";
+const M = /* @__PURE__ */ b({
+  __name: "Countdown",
+  props: {
+    timeoutLength: { default: 30 },
+    ignoreTimeout: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["countdown-completed"],
+  setup(a, { emit: f }) {
+    const d = a, p = f, m = y(performance.now()), t = () => {
+      m.value = performance.now();
+    };
+    let e;
+    const i = () => {
+      t(), e && clearInterval(e), e = setInterval(() => {
+        performance.now() - m.value > 1e3 * d.timeoutLength && (e && clearInterval(e), e = void 0, p("countdown-completed"));
+      }, 1e3);
+    }, s = /* @__PURE__ */ new WeakMap(), v = (r) => {
+      const n = r.target;
+      if (n.tagName !== "VIDEO" || s.has(n) || n.dataset.preventCountdown === "false") return;
+      e && clearInterval(e);
+      const o = n, c = (l) => {
+        l != null && l.target && o.removeEventListener("pause", c), u.disconnect(), s.delete(o), i();
+      }, u = new MutationObserver(() => {
+        !document.body.contains(o) && !o.paused && c(null);
+      });
+      o.parentNode && u.observe(o.parentNode, { childList: !0 }), s.set(o, u), o.addEventListener("pause", c);
+    };
+    return L(() => {
+      d.ignoreTimeout || (document.body.addEventListener("touchstart", t), document.body.addEventListener("click", t), document.body.addEventListener("keydown", t), document.body.addEventListener("reset-timeout", t), document.body.addEventListener("play", v, !0), i());
+    }), w(() => {
+      e && clearInterval(e), document.body.removeEventListener("touchstart", t), document.body.removeEventListener("click", t), document.body.removeEventListener("keydown", t), document.body.removeEventListener("reset-timeout", t), document.body.removeEventListener("play", v, !0);
+    }), E(
+      () => d.ignoreTimeout,
+      (r, n) => {
+        r === !0 ? e && clearInterval(e) : n === !0 && i();
+      }
+    ), (r, n) => a.timeoutLength && a.timeoutLength > 0 ? (h(), g("div", {
+      key: 0,
+      class: I(k(x)("fixed inset-x-0 top-0 z-[9999] h-1.5", d.class))
+    }, [...n[0] || (n[0] = [
+      C("div", { class: "h-full border-t border-white bg-muted" }, null, -1)
+    ])], 2)) : N("", !0);
+  }
+});
+export {
+  M as default
+};

package/dist/components/domain/countdown/Countdown.vue2.js

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

package/dist/components/domain/countdown-timer/CountdownTimer.vue.js

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

package/dist/components/domain/countdown-timer/CountdownTimer.vue2.js

@@ -0,0 +1,89 @@
+import { defineComponent as R, ref as N, computed as l, watch as P, onBeforeUnmount as V, openBlock as c, createElementBlock as f, normalizeClass as g, unref as v, createElementVNode as h, createVNode as $, toDisplayString as z, createCommentVNode as x, normalizeStyle as D } from "vue";
+import { cn as y } from "../../../lib/utils.js";
+import L 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/clock.js";
+const U = { class: "flex items-center gap-2" }, W = {
+  key: 0,
+  class: "text-sm text-muted-foreground",
+  "data-testid": "remaining-label"
+}, j = {
+  key: 0,
+  class: "h-2 w-full overflow-hidden rounded-full bg-muted",
+  "data-testid": "progress-bar"
+}, G = /* @__PURE__ */ R({
+  __name: "CountdownTimer",
+  props: {
+    totalTime: {},
+    initialRemaining: {},
+    warningThreshold: { default: 25 },
+    dangerThreshold: { default: 10 },
+    showProgress: { type: Boolean, default: !0 },
+    showLabel: { type: Boolean, default: !0 },
+    paused: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["timeout", "tick", "warning", "danger"],
+  setup(i, { expose: b, emit: k }) {
+    const e = i, r = k, t = N(e.initialRemaining ?? e.totalTime);
+    let a, u = !1, d = !1;
+    const n = l(() => e.totalTime <= 0 ? 0 : Math.max(0, Math.min(100, t.value / e.totalTime * 100))), p = l(
+      () => n.value <= e.warningThreshold && n.value > e.dangerThreshold
+    ), w = l(() => n.value <= e.dangerThreshold && t.value > 0), _ = l(() => t.value <= 0), B = l(() => {
+      const s = Math.max(0, Math.ceil(t.value)), T = Math.floor(s / 60), I = s % 60;
+      return `${T}:${I.toString().padStart(2, "0")}`;
+    }), C = l(() => w.value ? "bg-red-500 countdown-timer-pulse" : p.value ? "bg-yellow-500" : "bg-primary"), M = () => {
+      t.value <= 0 || (t.value = Math.max(0, t.value - 1), r("tick", t.value), !u && n.value <= e.warningThreshold && (u = !0, r("warning")), !d && n.value <= e.dangerThreshold && (d = !0, r("danger")), t.value <= 0 && (o(), r("timeout")));
+    }, m = () => {
+      if (a && clearInterval(a), t.value <= 0) {
+        r("timeout");
+        return;
+      }
+      a = setInterval(M, 1e3);
+    }, o = () => {
+      a && (clearInterval(a), a = void 0);
+    }, E = () => {
+      o(), t.value = e.initialRemaining ?? e.totalTime, u = !1, d = !1;
+    }, S = () => t.value;
+    return P(
+      () => e.paused,
+      (s) => {
+        s ? o() : m();
+      }
+    ), e.paused || m(), V(() => {
+      o();
+    }), b({
+      startTimer: m,
+      stopTimer: o,
+      resetTimer: E,
+      getTimeRemaining: S
+    }), (s, T) => (c(), f("div", {
+      class: g(v(y)("flex flex-col gap-2", e.class)),
+      "data-testid": "countdown-timer"
+    }, [
+      h("div", U, [
+        $(v(L), {
+          class: "h-4 w-4 text-muted-foreground",
+          "data-testid": "clock-icon"
+        }),
+        h("span", {
+          class: g(["text-lg font-semibold tabular-nums", {
+            "text-yellow-800": p.value,
+            "text-red-800": w.value,
+            "text-muted-foreground": _.value
+          }]),
+          "data-testid": "time-display"
+        }, z(B.value), 3),
+        i.showLabel ? (c(), f("span", W, " remaining ")) : x("", !0)
+      ]),
+      i.showProgress ? (c(), f("div", j, [
+        h("div", {
+          class: g(v(y)("h-full rounded-full transition-all duration-1000", C.value)),
+          style: D({ width: `${n.value}%` }),
+          "data-testid": "progress-fill"
+        }, null, 6)
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+export {
+  G as default
+};

package/dist/components/domain/download-button/DownloadButton.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as v, ref as y, openBlock as h, createElementBlock as k, withModifiers as E, normalizeClass as x, unref as j, createElementVNode as u, createCommentVNode as z } from "vue";
+import { cn as C } from "../../../lib/utils.js";
+const D = ["aria-label", "aria-busy", "disabled", "title"], T = /* @__PURE__ */ v({
+  __name: "DownloadButton",
+  props: {
+    url: {},
+    filename: { default: "download" },
+    mimeType: { default: "" },
+    mediaType: { default: "file" },
+    class: {}
+  },
+  emits: ["download-start", "download-complete", "download-error"],
+  setup(l, { expose: w, emit: p }) {
+    const n = l, i = p, a = y(!1), f = {
+      "image/jpeg": "jpg",
+      "image/jpg": "jpg",
+      "image/png": "png",
+      "image/gif": "gif",
+      "image/webp": "webp",
+      "video/mp4": "mp4",
+      "video/webm": "webm",
+      "video/quicktime": "mov",
+      "audio/webm": "webm",
+      "audio/ogg": "ogg",
+      "audio/mpeg": "mp3",
+      "audio/mp3": "mp3",
+      "audio/wav": "wav",
+      "audio/x-wav": "wav"
+    }, b = (e) => {
+      if (!e) return "";
+      const o = e.split(";")[0].trim().toLowerCase();
+      return f[o] || o.split("/")[1] || "";
+    }, g = (e) => e.replace(/[^a-z0-9_-]/gi, "_").substring(0, 100), r = async () => {
+      if (!a.value) {
+        a.value = !0, i("download-start");
+        try {
+          const e = await fetch(n.url);
+          if (!e.ok) throw new Error("Download failed");
+          const o = await e.blob(), d = URL.createObjectURL(o), s = b(n.mimeType), c = g(n.filename), m = s ? `${c}.${s}` : c, t = document.createElement("a");
+          t.href = d, t.download = m, t.style.display = "none", document.body.appendChild(t), t.click(), document.body.removeChild(t), URL.revokeObjectURL(d), i("download-complete", m);
+        } catch (e) {
+          i("download-error", e instanceof Error ? e : new Error("Download failed"));
+        } finally {
+          a.value = !1;
+        }
+      }
+    };
+    return w({ isDownloading: a, handleDownload: r }), (e, o) => l.url ? (h(), k("button", {
+      key: 0,
+      class: x(j(C)(
+        "flex h-10 w-10 items-center justify-center rounded-full bg-black/30 transition-all hover:bg-black/60 hover:scale-110 disabled:opacity-50 disabled:cursor-not-allowed",
+        n.class
+      )),
+      "aria-label": `Download ${l.mediaType}`,
+      "aria-busy": a.value,
+      disabled: a.value,
+      title: `Download ${l.mediaType}`,
+      type: "button",
+      onClick: E(r, ["stop"])
+    }, [...o[0] || (o[0] = [
+      u("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 512",
+        "aria-hidden": "true",
+        class: "h-5 w-5 fill-white"
+      }, [
+        u("path", { d: "M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" })
+      ], -1)
+    ])], 10, D)) : z("", !0);
+  }
+});
+export {
+  T as default
+};

package/dist/components/domain/download-button/DownloadButton.vue2.js

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

package/dist/components/domain/file-uploader/FileUploader.vue.js

@@ -0,0 +1,96 @@
+import { defineComponent as C, ref as d, computed as I, openBlock as p, createElementBlock as m, normalizeClass as B, unref as P, createElementVNode as v, toDisplayString as y, createCommentVNode as g } from "vue";
+import { cn as V } from "../../../lib/utils.js";
+import { processUploadedImage as U } from "../../../lib/imageToBlob.js";
+const j = ["disabled"], z = ["accept", "multiple"], T = {
+  key: 0,
+  class: "rounded-md bg-primary/10 px-3 py-2 text-sm text-primary animate-pulse"
+}, W = {
+  key: 1,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, S = /* @__PURE__ */ C({
+  __name: "FileUploader",
+  props: {
+    buttonText: { default: "Upload from Device" },
+    acceptImages: { type: Boolean, default: !0 },
+    acceptVideos: { type: Boolean, default: !0 },
+    multiple: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["file-selected", "file-cleared", "upload-error", "upload-started", "upload-cancelled"],
+  setup(c, { expose: h, emit: x }) {
+    const r = c, l = x, s = d(null), t = d(null), i = d(!1), b = I(() => {
+      const e = [];
+      return r.acceptImages && e.push("image/jpeg", "image/png", "image/gif", "image/heic", "image/heif"), r.acceptVideos && e.push("video/mp4", "video/quicktime", "video/webm", "video/x-m4v", "video/*"), e.join(",");
+    }), _ = () => {
+      i.value || s.value && (t.value = null, l("upload-started"), s.value.click());
+    }, F = () => {
+      l("upload-cancelled");
+    }, f = async (e) => {
+      if (!e) return;
+      const a = e.type.startsWith("image/"), o = e.type.startsWith("video/"), u = e.type.startsWith("audio/");
+      if (!a && !o && !u) {
+        t.value = "Please select a valid image, video, or audio file", l("upload-error", t.value);
+        return;
+      }
+      const w = a ? "image" : o ? "video" : "audio";
+      try {
+        let n;
+        a ? n = await U(e) : n = new Blob([e], { type: e.type }), l("file-selected", {
+          file: e,
+          type: w,
+          size: n.size,
+          name: e.name,
+          mimeType: n.type
+        });
+      } catch {
+        t.value = "Failed to process file. Please try again.", l("upload-error", t.value);
+      }
+    }, k = async (e) => {
+      const a = e.target;
+      if (!(a != null && a.files)) return;
+      const o = a.files;
+      if (t.value = null, !o || o.length === 0) {
+        l("upload-cancelled");
+        return;
+      }
+      i.value = !0;
+      try {
+        if (r.multiple)
+          for (const u of Array.from(o))
+            await f(u);
+        else
+          await f(o[0]);
+      } catch {
+        t.value = "Failed to process file. Please try again.", l("upload-error", t.value);
+      } finally {
+        i.value = !1;
+      }
+    };
+    return h({ clearFile: () => {
+      s.value && (s.value.value = ""), t.value = null, i.value = !1, l("file-cleared");
+    } }), (e, a) => (p(), m("div", {
+      class: B(P(V)("flex flex-col items-center gap-2", r.class))
+    }, [
+      v("button", {
+        disabled: i.value,
+        class: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-60 disabled:cursor-not-allowed",
+        onClick: _
+      }, y(i.value ? "Processing..." : c.buttonText), 9, j),
+      v("input", {
+        ref_key: "fileInput",
+        ref: s,
+        type: "file",
+        accept: b.value,
+        multiple: c.multiple,
+        class: "hidden",
+        onChange: k,
+        onCancel: F
+      }, null, 40, z),
+      i.value ? (p(), m("div", T, " Processing files, please wait... ")) : g("", !0),
+      t.value ? (p(), m("div", W, y(t.value), 1)) : g("", !0)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/components/domain/file-uploader/FileUploader.vue2.js

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

package/dist/components/domain/header/Header.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as n, openBlock as o, createElementBlock as l, normalizeStyle as r, normalizeClass as s, unref as i, createCommentVNode as t, renderSlot as m } from "vue";
+import { cn as d } from "../../../lib/utils.js";
+const u = ["src"], g = ["src"], b = /* @__PURE__ */ n({
+  __name: "Header",
+  props: {
+    backgroundImage: {},
+    logoImage: {},
+    videoSrc: {},
+    hideVideo: { type: Boolean, default: !1 },
+    class: {}
+  },
+  setup(e) {
+    const a = e;
+    return (c, f) => (o(), l("div", {
+      class: s(i(d)(
+        "relative flex w-full items-center justify-center bg-cover bg-center",
+        "h-[17cqh] min-h-[100px]",
+        a.class
+      )),
+      style: r(e.backgroundImage ? { backgroundImage: `url(${e.backgroundImage})` } : void 0)
+    }, [
+      e.videoSrc && !e.hideVideo ? (o(), l("video", {
+        key: 0,
+        autoplay: "",
+        muted: "",
+        loop: "",
+        src: e.videoSrc,
+        class: "absolute inset-0 h-full w-full object-cover"
+      }, null, 8, u)) : t("", !0),
+      e.logoImage ? (o(), l("img", {
+        key: 1,
+        src: e.logoImage,
+        alt: "Logo",
+        class: "relative z-10 max-h-full max-w-[80%] object-contain"
+      }, null, 8, g)) : t("", !0),
+      m(c.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  b as default
+};

package/dist/components/domain/header/Header.vue2.js

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

package/dist/components/domain/leaderboard/ActivityNotifications.vue.js

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