@orvui/vue 0.0.0-stage → 0.1.1

package/dist/file-upload-BePH_y0O.js

@@ -0,0 +1,1116 @@
+import { o as e, s as t } from "./composables-BJ1sih_H.js";
+import { l as n, o as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { t as o } from "./tooltip-DWqJD6DG.js";
+import { Fragment as s, Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, h as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useId as E, watch as D, withCtx as O } from "vue";
+import { AnimatePresence as k, LayoutGroup as A, motion as j } from "motion-v";
+import { AlertCircle as M, Check as N, CheckCircle2 as P, ExternalLink as F, FileArchive as I, FileAudio as L, FileCode2 as R, FileIcon as z, FileImage as B, FileSpreadsheet as V, FileText as ee, FileVideo as H, Link as te, Loader2 as ne, LoaderCircle as re, Mic as ie, Paperclip as ae, Pause as oe, Play as se, RotateCcw as U, Upload as ce, UploadCloud as W, X as G } from "lucide-vue-next";
+// src/blocks/file-upload/src/types.ts
+function K(e, t = 0) {
+	let { name: n, size: r, type: i } = e;
+	return {
+		id: `${Date.now()}-${t}-${n}`,
+		name: n,
+		size: r,
+		type: i,
+		status: "uploading",
+		progress: 0,
+		file: e
+	};
+}
+// src/blocks/file-upload/src/queue-state.ts
+function q(e, t, n, r) {
+	let i = x(n), a = l(() => e() ?? t() ?? i.value);
+	function o(n) {
+		e() === void 0 && t() === void 0 && (i.value = n), r(n);
+	}
+	return {
+		items: a,
+		commit: o
+	};
+}
+function le(e, t) {
+	if (!t) return !0;
+	let n = e.name.toLowerCase(), r = e.type.toLowerCase();
+	for (let e of t.split(",")) {
+		let t = e.trim().toLowerCase();
+		if (t.startsWith(".") ? n.endsWith(t) : t.endsWith("/*") ? r.startsWith(t.slice(0, -1)) : r === t) return !0;
+	}
+	return !1;
+}
+function J(e, t, n) {
+	let r = x(!1), i = 0;
+	function a(a, o) {
+		e() || t() || (a.preventDefault(), o === "enter" ? (i++, r.value = !0) : o === "over" ? (a.dataTransfer && (a.dataTransfer.dropEffect = "copy"), r.value = !0) : o === "leave" ? (i = Math.max(0, i - 1), i || (r.value = !1)) : (i = 0, r.value = !1, n(Array.from(a.dataTransfer?.files ?? []))));
+	}
+	return {
+		dragging: r,
+		drag: a
+	};
+}
+// src/blocks/file-upload/src/use-file-queue.ts
+function ue(e, t) {
+	let { items: n, commit: r } = q(() => e.modelValue, () => e.value, e.defaultValue, (e) => {
+		t("update:modelValue", e), t("valueChange", e);
+	}), i = l(() => e.maxFiles !== void 0 && n.value.length >= e.maxFiles);
+	function a(i) {
+		if (e.disabled || !i.length) return;
+		let a = e.maxFiles === void 0 ? i.length : e.maxFiles - n.value.length, o = Math.max(0, e.multiple ? a : Math.min(1, a)), s = i.filter((t) => le(t, e.accept)).slice(0, o), c = i.filter((e) => !s.includes(e));
+		c.length && t("reject", c);
+		let l = s.map(K);
+		l.length && (r([...n.value, ...l]), t("filesAdded", l, s));
+	}
+	function o(e) {
+		r(n.value.filter((t) => t.id !== e.id)), t("remove", e);
+	}
+	function s(e) {
+		let i = {
+			...e,
+			error: void 0,
+			progress: 0,
+			status: "uploading"
+		};
+		r(n.value.map((t) => t.id === e.id ? i : t)), t("retry", i);
+	}
+	return {
+		items: n,
+		maxReached: i,
+		add: a,
+		remove: o,
+		retry: s,
+		...J(() => e.disabled, () => i.value, a)
+	};
+}
+// src/blocks/file-upload/src/file-utils.ts
+function Y(e) {
+	if (!Number.isFinite(e) || e <= 0) return "0 B";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = Math.min(Math.floor(Math.log(e) / Math.log(1024)), t.length - 1), r = e / 1024 ** n;
+	return `${r.toFixed(r >= 10 || n === 0 ? 0 : 1)} ${t[n]}`;
+}
+function de(e, t) {
+	return t === "success" ? 100 : e === void 0 || Number.isNaN(e) ? 0 : Math.max(0, Math.min(100, e));
+}
+function fe(e) {
+	return (e.name.includes(".") ? e.name.split(".").at(-1) : e.type?.split("/").at(-1))?.toUpperCase() ?? "FILE";
+}
+function pe(e) {
+	let t = e.name.split(".").at(-1)?.toLowerCase() ?? "", n = e.type ?? "";
+	return n.startsWith("image/") ? B : n.startsWith("video/") ? H : n.startsWith("audio/") ? L : n.includes("zip") || n.includes("compressed") || [
+		"zip",
+		"rar",
+		"7z",
+		"tar",
+		"gz"
+	].includes(t) ? I : n.includes("spreadsheet") || n.includes("excel") || [
+		"csv",
+		"xls",
+		"xlsx"
+	].includes(t) ? V : n.includes("pdf") || n.startsWith("text/") || [
+		"pdf",
+		"doc",
+		"docx",
+		"md",
+		"txt"
+	].includes(t) ? ee : [
+		"css",
+		"html",
+		"js",
+		"jsx",
+		"json",
+		"mdx",
+		"ts",
+		"tsx",
+		"xml",
+		"yaml",
+		"yml"
+	].includes(t) ? R : z;
+}
+var me = {
+	queued: "Queued",
+	uploading: "Uploading",
+	success: "Uploaded",
+	error: "Failed"
+}, he = {
+	queued: "text-muted-foreground",
+	uploading: "text-foreground",
+	success: "text-emerald-600 dark:text-emerald-400",
+	error: "text-destructive"
+}, ge = { class: "flex items-center gap-3" }, _e = { class: "flex items-start justify-between gap-3" }, ve = { class: "min-w-0" }, ye = { class: "flex shrink-0 items-center gap-1" }, be = { class: "sr-only" }, xe = ["aria-label"], Se = ["aria-label"], Ce = ["aria-valuenow", "aria-label"], X = "grid h-7 w-7 place-items-center rounded-full text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:scale-95", we = /* @__PURE__ */ h({
+	__name: "FileUploadRow",
+	props: {
+		item: {},
+		classNames: {}
+	},
+	emits: ["remove", "retry"],
+	setup(e, { emit: n }) {
+		let r = e, o = n, s = t(), c = l(() => r.item.status ?? "queued"), h = l(() => de(r.item.progress, c.value)), g = l(() => ({
+			success: P,
+			error: M,
+			uploading: ne,
+			queued: z
+		})[c.value]);
+		return (t, n) => (b(), u(T(j).li, {
+			layout: !T(s),
+			initial: T(s) ? { opacity: 0 } : {
+				opacity: 0,
+				transform: "translateY(8px)"
+			},
+			animate: {
+				opacity: 1,
+				transform: "translateY(0px)"
+			},
+			exit: T(s) ? { opacity: 0 } : {
+				opacity: 0,
+				transform: "translateY(-6px)"
+			},
+			transition: {
+				duration: .22,
+				ease: T(i)
+			},
+			class: _(T(a)("relative overflow-hidden rounded-2xl border border-border bg-background p-3", e.classNames?.item))
+		}, {
+			default: O(() => [p("div", ge, [p("div", { class: _(T(a)("grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-muted text-muted-foreground", e.classNames?.leading)) }, [(b(), u(C(T(pe)(e.item)), { class: "h-5 w-5" }))], 2), p("div", { class: _(T(a)("min-w-0 flex-1", e.classNames?.content)) }, [p("div", _e, [p("div", ve, [p("p", { class: _(T(a)("truncate text-sm font-medium text-foreground", e.classNames?.name)) }, w(e.item.name), 3), p("p", { class: _(T(a)("mt-0.5 text-xs text-muted-foreground", e.classNames?.meta)) }, w(T(fe)(e.item)) + " · " + w(T(Y)(e.item.size)) + w(c.value === "error" && e.item.error ? " · " + e.item.error : ""), 3)]), p("div", ye, [
+				m(T(k), {
+					mode: "wait",
+					initial: !1
+				}, {
+					default: O(() => [(b(), u(T(j).span, {
+						key: c.value,
+						initial: T(s) ? { opacity: 0 } : {
+							opacity: 0,
+							transform: "translateY(4px)"
+						},
+						animate: {
+							opacity: 1,
+							transform: "translateY(0px)"
+						},
+						exit: T(s) ? { opacity: 0 } : {
+							opacity: 0,
+							transform: "translateY(-4px)"
+						},
+						transition: {
+							duration: .16,
+							ease: T(i)
+						},
+						class: _(T(a)("grid h-6 w-6 place-items-center", T(he)[c.value]))
+					}, {
+						default: O(() => [(b(), u(C(g.value), { class: _(T(a)("h-4 w-4", c.value === "uploading" && "animate-spin", c.value === "uploading" && T(s) && "animate-none")) }, null, 8, ["class"])), p("span", be, w(T(me)[c.value]), 1)]),
+						_: 1
+					}, 8, [
+						"initial",
+						"exit",
+						"transition",
+						"class"
+					]))]),
+					_: 1
+				}),
+				c.value === "error" ? (b(), f("button", {
+					key: 0,
+					type: "button",
+					onClick: n[0] ||= (t) => o("retry", e.item),
+					"aria-label": "Retry " + e.item.name,
+					class: _(T(a)(X, e.classNames?.action))
+				}, [m(T(U), { class: "h-3.5 w-3.5" })], 10, xe)) : d("", !0),
+				p("button", {
+					type: "button",
+					onClick: n[1] ||= (t) => o("remove", e.item),
+					"aria-label": "Remove " + e.item.name,
+					class: _(T(a)(X, e.classNames?.action))
+				}, [m(T(G), { class: "h-3.5 w-3.5" })], 10, Se)
+			])]), c.value === "uploading" || c.value === "success" ? (b(), f("div", {
+				key: 0,
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": Math.round(h.value),
+				"aria-label": e.item.name + " upload progress",
+				class: _(T(a)("mt-3 h-1.5 overflow-hidden rounded-full bg-muted", e.classNames?.progress))
+			}, [m(T(j).div, {
+				class: _(T(a)("h-full rounded-full", c.value === "success" ? "bg-emerald-500" : "bg-foreground")),
+				style: v({
+					transformOrigin: "left",
+					transform: T(s) ? `scaleX(${h.value / 100})` : void 0
+				}),
+				initial: !1,
+				animate: T(s) ? void 0 : { transform: `scaleX(${h.value / 100})` },
+				transition: {
+					duration: .28,
+					ease: T(i)
+				}
+			}, null, 8, [
+				"class",
+				"style",
+				"animate",
+				"transition"
+			])], 10, Ce)) : d("", !0)], 2)])]),
+			_: 1
+		}, 8, [
+			"layout",
+			"initial",
+			"exit",
+			"transition",
+			"class"
+		]));
+	}
+}), Te = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+], Ee = ["disabled", "data-dragging"], De = /* @__PURE__ */ h({
+	__name: "FileUpload",
+	props: {
+		modelValue: {},
+		value: {},
+		defaultValue: { default: () => [] },
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		maxFiles: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" },
+		title: { default: "Drop files here" },
+		description: { default: "Add files to the upload queue" },
+		browseLabel: { default: "Browse" },
+		className: {},
+		classNames: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"filesAdded",
+		"remove",
+		"retry",
+		"reject"
+	],
+	setup(e, { emit: n }) {
+		let r = e, o = n, c = x(), d = t(), h = E(), { items: g, maxReached: v, add: y, remove: C, retry: D, dragging: A, drag: M } = ue(r, o), N = l(() => r.variant === "centered");
+		function P(e) {
+			let t = e.target;
+			y(Array.from(t.files ?? [])), t.value = "";
+		}
+		return (t, n) => (b(), f("div", { class: _(T(a)("w-full space-y-3", e.className, e.classNames?.root)) }, [
+			p("input", {
+				ref_key: "input",
+				ref: c,
+				id: T(h),
+				type: "file",
+				"aria-label": "Upload files",
+				accept: e.accept,
+				multiple: e.multiple,
+				disabled: e.disabled || T(v),
+				tabindex: -1,
+				class: "sr-only",
+				onChange: P
+			}, null, 40, Te),
+			p("button", {
+				type: "button",
+				disabled: e.disabled || T(v),
+				"data-dragging": T(A),
+				onClick: n[0] ||= (e) => c.value?.click(),
+				onDragenter: n[1] ||= (e) => T(M)(e, "enter"),
+				onDragover: n[2] ||= (e) => T(M)(e, "over"),
+				onDragleave: n[3] ||= (e) => T(M)(e, "leave"),
+				onDrop: n[4] ||= (e) => T(M)(e, "drop"),
+				class: _(T(a)("group relative flex w-full overflow-hidden rounded-3xl border border-dashed border-border bg-background outline-none", "transition-[border-color,transform] duration-200 active:scale-[0.99]", "hover:border-foreground/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "data-[dragging=true]:border-foreground", "disabled:pointer-events-none disabled:opacity-55", N.value ? "min-h-56 flex-col items-center justify-center gap-3 p-7 text-center" : "items-center gap-4 p-5 text-left", e.classNames?.dropzone))
+			}, [
+				m(T(j).span, {
+					"aria-hidden": "true",
+					class: _(T(a)("grid shrink-0 place-items-center bg-muted text-foreground", N.value ? "h-16 w-16 rounded-[1.35rem] border border-border" : "h-14 w-14 rounded-[1.25rem]")),
+					animate: T(d) ? void 0 : { transform: T(A) ? "translateY(-2px)" : "translateY(0px)" },
+					transition: {
+						duration: .16,
+						ease: T(i)
+					}
+				}, {
+					default: O(() => [m(T(W), { class: _(N.value ? "h-7 w-7" : "h-6 w-6") }, null, 8, ["class"])]),
+					_: 1
+				}, 8, [
+					"class",
+					"animate",
+					"transition"
+				]),
+				p("span", { class: _(T(a)("min-w-0", N.value ? "max-w-xs" : "flex-1")) }, [p("span", { class: _(T(a)("block font-semibold text-foreground", N.value ? "text-base" : "text-sm")) }, w(T(v) ? "Upload limit reached" : e.title), 3), p("span", { class: _(T(a)("block text-xs text-muted-foreground", N.value ? "mt-1 leading-5" : "mt-0.5")) }, w(T(v) ? T(g).length + " of " + e.maxFiles + " files added" : e.description), 3)], 2),
+				p("span", { class: _(T(a)("shrink-0 rounded-full border border-border text-xs font-medium text-foreground transition-colors duration-150 group-hover:bg-muted", N.value ? "mt-1 px-4 py-2" : "px-3.5 py-2")) }, w(e.browseLabel), 3)
+			], 42, Ee),
+			p("ul", { class: _(T(a)("space-y-2", e.classNames?.queue)) }, [m(T(k), { initial: !1 }, {
+				default: O(() => [(b(!0), f(s, null, S(T(g), (t) => (b(), u(we, {
+					key: t.id,
+					item: t,
+					"class-names": e.classNames,
+					onRemove: T(C),
+					onRetry: T(D)
+				}, null, 8, [
+					"item",
+					"class-names",
+					"onRemove",
+					"onRetry"
+				]))), 128))]),
+				_: 1
+			})], 2)
+		], 2));
+	}
+});
+// src/blocks/file-upload/src/use-attachment-queue.ts
+function Oe(e, t, n) {
+	let { items: r, commit: i } = q(() => e.modelValue, () => e.value, e.defaultValue, (e) => {
+		n("update:modelValue", e), n("valueChange", e);
+	}), a = x(null), o = x(/* @__PURE__ */ new Set()), s = x(/* @__PURE__ */ new Set()), c = x(/* @__PURE__ */ new Set()), u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), f = l(() => r.value.length >= e.maxFiles), p = l(() => [...o.value]);
+	function m(e, t) {
+		let n = setTimeout(() => {
+			d.delete(n), e();
+		}, t);
+		d.add(n);
+	}
+	function h(e) {
+		for (let t of /* @__PURE__ */ new Set([e.previewUrl, e.href])) t && u.delete(t) && URL.revokeObjectURL(t);
+	}
+	function g(a) {
+		if (e.disabled || !a.length) return;
+		let c = Math.max(0, e.maxFiles - r.value.length);
+		if (!c) {
+			n("filesRejected", a, "max-files");
+			return;
+		}
+		let l = a.slice(0, e.multiple ? c : Math.min(1, c)), d = l.filter((t) => t.size > e.maxFileSize), f = l.filter((t) => t.size <= e.maxFileSize);
+		d.length && n("filesRejected", d, "too-large"), l.length < a.length && n("filesRejected", a.slice(l.length), "max-files");
+		let p = f.map((e, t) => {
+			let n = e.type.startsWith("image/") ? "image" : e.type.startsWith("audio/") ? "audio" : "file", r = URL.createObjectURL(e);
+			return u.add(r), {
+				id: `${Date.now()}-${t}-${e.name}`,
+				name: e.name,
+				kind: n,
+				size: e.size,
+				previewUrl: n === "image" ? r : void 0,
+				href: r,
+				currentTime: n === "audio" ? 0 : void 0,
+				duration: n === "audio" ? 0 : void 0,
+				file: e
+			};
+		});
+		if (!p.length) return;
+		i([...r.value, ...p]);
+		let h = p.map((e) => e.id);
+		h.forEach((e) => o.value.add(e)), m(() => {
+			h.forEach((e) => {
+				o.value.delete(e), s.value.add(e);
+			}), m(() => h.forEach((e) => s.value.delete(e)), 1e3);
+		}, t() ? 140 : 900), n("filesAdded", p, f);
+	}
+	function _(e) {
+		c.value.has(e.id) || (c.value.add(e.id), m(() => {
+			h(e), a.value?.id === e.id && (a.value = null), o.value.delete(e.id), s.value.delete(e.id), i(r.value.filter((t) => t.id !== e.id)), n("remove", e), c.value.delete(e.id);
+		}, t() ? 140 : 420));
+	}
+	return D(r, (e, t) => {
+		let n = new Set(e.map((e) => e.id));
+		a.value && !n.has(a.value.id) && (a.value = null);
+		for (let e of t) n.has(e.id) || h(e);
+	}), y(() => {
+		for (let e of u) URL.revokeObjectURL(e);
+		u.clear();
+		for (let e of d) clearTimeout(e);
+		d.clear();
+	}), {
+		items: r,
+		preview: a,
+		uploading: o,
+		complete: s,
+		removing: c,
+		maxReached: f,
+		uploadOrder: p,
+		add: g,
+		remove: _,
+		...J(() => e.disabled, () => f.value, g)
+	};
+}
+// src/blocks/file-upload/src/attachment-geometry.ts
+var Z = [
+	18,
+	31,
+	24,
+	39,
+	30,
+	43,
+	27,
+	18,
+	9,
+	29,
+	38,
+	24,
+	34,
+	18,
+	26,
+	37,
+	21,
+	14,
+	7,
+	11,
+	22,
+	35,
+	18,
+	26,
+	41,
+	29,
+	17,
+	33
+];
+function Q(e) {
+	let t = Math.max(0, Math.round(e ?? 0));
+	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
+}
+// src/blocks/file-upload/src/AttachmentAction.vue?vue&type=script&setup=true&lang.ts
+var ke = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "size-9 shrink-0"
+}, Ae = ["aria-label"], je = ["aria-label"], Me = /* @__PURE__ */ h({
+	__name: "AttachmentAction",
+	props: {
+		label: {},
+		state: {},
+		retryable: { type: Boolean },
+		reduce: { type: Boolean }
+	},
+	emits: ["action"],
+	setup(e, { emit: t }) {
+		let r = t;
+		return (t, a) => e.state === "uploading" ? (b(), f("span", ke)) : e.state === "complete" ? (b(), u(T(o), {
+			key: 1,
+			content: "Upload complete",
+			side: "top",
+			delay: 100
+		}, {
+			default: O(() => [m(T(j).span, {
+				role: "status",
+				"aria-label": "Upload complete for " + e.label,
+				initial: e.reduce ? { opacity: 0 } : {
+					opacity: 0,
+					scale: .75
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				transition: {
+					duration: .2,
+					ease: T(i)
+				},
+				class: "grid size-9 shrink-0 place-items-center rounded-xl text-emerald-600 dark:text-emerald-400"
+			}, {
+				default: O(() => [m(T(N), { class: "size-4" })]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"initial",
+				"transition"
+			])]),
+			_: 1
+		})) : e.state === "removing" ? (b(), u(T(o), {
+			key: 2,
+			content: "Removing attachment",
+			side: "top",
+			delay: 100
+		}, {
+			default: O(() => [p("span", {
+				role: "status",
+				"aria-label": "Removing " + e.label,
+				class: "grid size-9 shrink-0 place-items-center rounded-xl text-muted-foreground"
+			}, [m(T(j).span, {
+				animate: e.reduce ? void 0 : { rotate: 360 },
+				transition: {
+					duration: .7,
+					ease: "linear",
+					repeat: Infinity
+				},
+				class: "grid place-items-center"
+			}, {
+				default: O(() => [m(T(re), { class: "size-4" })]),
+				_: 1
+			}, 8, ["animate"])], 8, Ae)]),
+			_: 1
+		})) : e.state === "failed" && !e.retryable ? (b(), u(T(o), {
+			key: 3,
+			content: "Upload failed",
+			side: "top",
+			delay: 100
+		}, {
+			default: O(() => [p("span", {
+				role: "status",
+				"aria-label": "Upload failed for " + e.label,
+				class: "grid size-9 shrink-0 place-items-center rounded-xl text-destructive"
+			}, [m(T(M), { class: "size-4" })], 8, je)]),
+			_: 1
+		})) : (b(), u(T(o), {
+			key: 4,
+			content: e.state === "failed" ? "Retry upload" : "Remove attachment",
+			side: "top",
+			delay: 100
+		}, {
+			default: O(() => [m(T(j).button, {
+				type: "button",
+				"aria-label": (e.state === "failed" ? "Retry " : "Remove ") + e.label,
+				onClick: a[0] ||= (e) => r("action"),
+				"while-press": e.reduce ? void 0 : { scale: .92 },
+				transition: T(n),
+				class: _(["grid size-9 shrink-0 place-items-center rounded-xl outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring", e.state === "failed" ? "text-destructive hover:bg-destructive/10" : "text-muted-foreground hover:bg-muted hover:text-foreground"])
+			}, {
+				default: O(() => [e.state === "failed" ? (b(), u(T(U), {
+					key: 0,
+					class: "size-4"
+				})) : (b(), u(T(G), {
+					key: 1,
+					class: "size-4"
+				}))]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"while-press",
+				"transition",
+				"class"
+			])]),
+			_: 1
+		}, 8, ["content"]));
+	}
+}), Ne = { class: "relative isolate flex min-w-0 flex-1 items-center gap-3 self-stretch overflow-hidden rounded-xl bg-background px-2 py-1" }, Pe = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "pointer-events-none absolute inset-0 -z-10 bg-destructive/10"
+}, Fe = {
+	key: 1,
+	"aria-hidden": "true",
+	class: "grid size-8 shrink-0 place-items-center rounded-lg bg-muted text-muted-foreground"
+}, Ie = {
+	key: 2,
+	"aria-hidden": "true",
+	class: "grid size-7 shrink-0 place-items-center text-muted-foreground"
+}, Le = { class: "w-9 shrink-0 text-xs tabular-nums text-muted-foreground" }, Re = {
+	"aria-hidden": "true",
+	class: "flex h-11 min-w-0 flex-1 items-center gap-[3px] overflow-hidden"
+}, ze = { class: "w-9 shrink-0 text-right text-xs tabular-nums text-muted-foreground" }, Be = { class: "min-w-0 flex-1" }, Ve = { class: "block truncate text-sm font-medium text-foreground" }, $ = {
+	key: 0,
+	class: "block truncate text-[11px] text-destructive"
+}, He = { class: "shrink-0 text-xs text-muted-foreground" }, Ue = ["href", "aria-label"], We = /* @__PURE__ */ h({
+	__name: "AttachmentRow",
+	props: {
+		item: {},
+		playing: { type: Boolean },
+		uploading: { type: Boolean },
+		uploadComplete: { type: Boolean },
+		failed: { type: Boolean },
+		removing: { type: Boolean },
+		arrivalIndex: {},
+		imageLayoutId: {},
+		retryable: { type: Boolean },
+		reduce: { type: Boolean },
+		className: {}
+	},
+	emits: [
+		"audioToggle",
+		"preview",
+		"remove",
+		"retry"
+	],
+	setup(e, { emit: t }) {
+		let c = e, h = t, y = l(() => c.item.kind === "image" ? c.item.previewUrl ?? c.item.href : void 0), x = l(() => c.item.duration && c.item.duration > 0 ? Math.min(1, Math.max(0, (c.item.currentTime ?? 0) / c.item.duration)) : 0), C = l(() => c.removing ? "removing" : c.uploading ? "uploading" : c.uploadComplete ? "complete" : c.failed ? "failed" : "idle"), E = l(() => {
+			let e = Math.min(Math.max(c.arrivalIndex, 0), 5) * .055;
+			return !c.reduce && c.arrivalIndex >= 0 ? {
+				...r,
+				delay: e,
+				opacity: {
+					duration: .16,
+					ease: i,
+					delay: e
+				}
+			} : {
+				duration: .2,
+				ease: i
+			};
+		}), D = l(() => g("span", { class: "block w-32" }, [g("img", {
+			src: y.value,
+			alt: "",
+			class: "h-20 w-full rounded-lg object-cover"
+		}), g("span", { class: "block px-1 pb-0.5 pt-1 text-center text-[10px] font-medium text-muted-foreground" }, "Click to preview")]));
+		function A() {
+			C.value === "failed" ? h("retry", c.item) : h("remove", c.item);
+		}
+		return (t, c) => (b(), u(T(j).li, {
+			layout: !e.reduce,
+			initial: e.reduce ? { opacity: 0 } : e.arrivalIndex >= 0 ? {
+				opacity: 0,
+				y: -16,
+				scale: .985
+			} : {
+				opacity: 0,
+				y: 6
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				scale: 1
+			},
+			exit: e.reduce ? void 0 : {
+				opacity: 0,
+				y: -4
+			},
+			transition: E.value,
+			class: _(T(a)("flex min-h-14 items-center gap-1 rounded-2xl bg-muted/70 p-1", e.className))
+		}, {
+			default: O(() => [p("div", Ne, [
+				e.failed ? (b(), f("span", Pe)) : d("", !0),
+				e.item.kind === "image" ? (b(), f(s, { key: 1 }, [y.value ? (b(), u(T(o), {
+					key: 0,
+					side: "top",
+					delay: 160,
+					class: "rounded-xl p-1 shadow-xl",
+					content: D.value
+				}, {
+					default: O(() => [m(T(j).button, {
+						type: "button",
+						"aria-label": "Preview " + e.item.name,
+						onClick: c[0] ||= (t) => h("preview", e.item),
+						"while-press": e.reduce ? void 0 : { scale: .94 },
+						transition: T(n),
+						class: "group/image relative size-9 shrink-0 overflow-hidden rounded-[10px] bg-muted outline-none ring-1 ring-border/70 focus-visible:ring-2 focus-visible:ring-ring"
+					}, {
+						default: O(() => [m(T(j).img, {
+							"layout-id": e.imageLayoutId,
+							src: y.value,
+							alt: "",
+							class: "size-full object-cover",
+							transition: { layout: T(r) }
+						}, null, 8, [
+							"layout-id",
+							"src",
+							"transition"
+						])]),
+						_: 1
+					}, 8, [
+						"aria-label",
+						"while-press",
+						"transition"
+					])]),
+					_: 1
+				}, 8, ["content"])) : (b(), f("span", Fe, [m(T(B), { class: "size-4" })]))], 64)) : (b(), f("span", Ie, [e.item.kind === "link" ? (b(), u(T(te), {
+					key: 0,
+					class: "size-4"
+				})) : e.item.kind === "audio" ? (b(), u(T(ie), {
+					key: 1,
+					class: "size-4"
+				})) : (b(), u(T(ae), {
+					key: 2,
+					class: "size-4"
+				}))])),
+				e.item.kind === "audio" ? (b(), f(s, { key: 3 }, [
+					p("span", Le, w(T(Q)(e.item.currentTime)), 1),
+					p("span", Re, [(b(!0), f(s, null, S(T(Z), (t, n) => (b(), u(T(j).span, {
+						key: n,
+						class: _(T(a)("w-[3px] shrink-0 rounded-full", n / T(Z).length <= x.value ? "bg-foreground" : "bg-muted-foreground/35")),
+						style: v({ height: t + "px" }),
+						animate: e.reduce || !e.playing ? void 0 : { scaleY: [
+							.72,
+							1,
+							.78
+						] },
+						transition: {
+							duration: .55,
+							ease: T(i),
+							repeat: Infinity,
+							delay: n * .018
+						}
+					}, null, 8, [
+						"class",
+						"style",
+						"animate",
+						"transition"
+					]))), 128))]),
+					p("span", ze, w(T(Q)(e.item.duration)), 1),
+					m(T(j).button, {
+						type: "button",
+						"aria-label": (e.playing ? "Pause " : "Play ") + e.item.name,
+						onClick: c[1] ||= (t) => h("audioToggle", e.item),
+						"while-press": e.reduce ? void 0 : { scale: .94 },
+						transition: T(n),
+						class: "grid size-9 shrink-0 place-items-center rounded-full bg-foreground text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+					}, {
+						default: O(() => [m(T(k), {
+							mode: "wait",
+							initial: !1
+						}, {
+							default: O(() => [(b(), u(T(j).span, {
+								key: e.playing ? "pause" : "play",
+								initial: e.reduce ? { opacity: 0 } : {
+									opacity: 0,
+									scale: .8
+								},
+								animate: {
+									opacity: 1,
+									scale: 1
+								},
+								exit: e.reduce ? { opacity: 0 } : {
+									opacity: 0,
+									scale: .8
+								},
+								transition: {
+									duration: .2,
+									ease: T(i)
+								}
+							}, {
+								default: O(() => [e.playing ? (b(), u(T(oe), {
+									key: 0,
+									class: "size-4 fill-current"
+								})) : (b(), u(T(se), {
+									key: 1,
+									class: "size-4 translate-x-px fill-current"
+								}))]),
+								_: 1
+							}, 8, [
+								"initial",
+								"exit",
+								"transition"
+							]))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, [
+						"aria-label",
+						"while-press",
+						"transition"
+					])
+				], 64)) : (b(), f(s, { key: 4 }, [
+					p("span", Be, [p("span", Ve, w(e.item.name), 1), e.failed ? (b(), f("span", $, w(e.item.error ?? "Upload failed"), 1)) : d("", !0)]),
+					p("span", He, w(e.item.kind === "link" ? "Web" : e.item.size && e.item.size > 0 ? T(Y)(e.item.size) : ""), 1),
+					e.item.kind === "link" && e.item.href ? (b(), f("a", {
+						key: 0,
+						href: e.item.href,
+						target: "_blank",
+						rel: "noreferrer noopener",
+						"aria-label": "Open " + e.item.name,
+						class: "grid size-8 shrink-0 place-items-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+					}, [m(T(F), { class: "size-4" })], 8, Ue)) : d("", !0)
+				], 64)),
+				m(T(k), null, {
+					default: O(() => [e.uploading || e.uploadComplete ? (b(), u(T(j).span, {
+						key: 0,
+						role: "progressbar",
+						"aria-label": "Uploading " + e.item.name,
+						class: "pointer-events-none absolute inset-0 -z-10 origin-left bg-emerald-400/25 dark:bg-emerald-500/20",
+						initial: {
+							opacity: 1,
+							scaleX: 0
+						},
+						animate: {
+							opacity: 1,
+							scaleX: 1
+						},
+						exit: e.reduce ? void 0 : { opacity: 0 },
+						transition: {
+							duration: e.reduce ? .1 : .9,
+							ease: T(i)
+						}
+					}, null, 8, [
+						"aria-label",
+						"exit",
+						"transition"
+					])) : d("", !0)]),
+					_: 1
+				})
+			]), m(Me, {
+				label: e.item.name,
+				state: C.value,
+				retryable: e.retryable,
+				reduce: e.reduce,
+				onAction: A
+			}, null, 8, [
+				"label",
+				"state",
+				"retryable",
+				"reduce"
+			])]),
+			_: 1
+		}, 8, [
+			"layout",
+			"initial",
+			"exit",
+			"transition",
+			"class"
+		]));
+	}
+}), Ge = ["inert"], Ke = {
+	key: "preview",
+	class: "pointer-events-none fixed left-0 top-0 z-[10000] size-0"
+}, qe = { class: "fixed inset-4 flex items-center justify-center sm:inset-8" }, Je = /* @__PURE__ */ h({
+	__name: "AttachmentPreview",
+	props: {
+		item: {},
+		layoutId: {},
+		reduce: { type: Boolean }
+	},
+	emits: ["close"],
+	setup(t, { emit: a }) {
+		let o = t, s = a, h = x(null), g = l(() => o.item !== null), _ = l(() => o.item?.previewUrl ?? o.item?.href);
+		return e(g, h, () => s("close")), (e, a) => (b(), u(c, {
+			to: "body",
+			disabled: !t.item
+		}, [p("div", {
+			class: "contents",
+			inert: !t.item || void 0
+		}, [m(T(k), {
+			as: "div",
+			class: "contents"
+		}, {
+			default: O(() => [t.item && _.value ? (b(), f("div", Ke, [m(T(j).button, {
+				type: "button",
+				"aria-label": "Close image preview",
+				tabindex: -1,
+				class: "pointer-events-auto fixed inset-0 size-full cursor-default bg-black/45 backdrop-blur-xl",
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: t.reduce ? void 0 : { opacity: 0 },
+				transition: {
+					duration: t.reduce ? .1 : .2,
+					ease: T(i)
+				},
+				onClick: a[0] ||= (e) => s("close")
+			}, null, 8, ["exit", "transition"]), p("div", qe, [m(T(j).div, {
+				ref_key: "panel",
+				ref: h,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": "Preview of " + t.item.name,
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: t.reduce ? void 0 : { opacity: 0 },
+				transition: {
+					duration: .2,
+					ease: T(i)
+				},
+				class: "pointer-events-auto relative"
+			}, {
+				default: O(() => [m(T(j).img, {
+					"layout-id": t.reduce ? void 0 : t.layoutId,
+					src: _.value,
+					alt: t.item.name,
+					class: "max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl",
+					transition: { layout: T(r) }
+				}, null, 8, [
+					"layout-id",
+					"src",
+					"alt",
+					"transition"
+				]), m(T(j).button, {
+					type: "button",
+					"aria-label": "Close image preview",
+					onClick: a[1] ||= (e) => s("close"),
+					initial: t.reduce ? { opacity: 0 } : {
+						opacity: 0,
+						scale: .8
+					},
+					animate: {
+						opacity: 1,
+						scale: 1
+					},
+					exit: t.reduce ? void 0 : {
+						opacity: 0,
+						scale: .8
+					},
+					"while-press": t.reduce ? void 0 : { scale: .92 },
+					transition: T(n),
+					class: "absolute -right-3 -top-3 grid size-9 place-items-center rounded-full bg-background text-foreground shadow-xl outline-none ring-1 ring-border/70 transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
+				}, {
+					default: O(() => [m(T(G), { class: "size-4" })]),
+					_: 1
+				}, 8, [
+					"initial",
+					"exit",
+					"while-press",
+					"transition"
+				])]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"exit",
+				"transition"
+			])])])) : d("", !0)]),
+			_: 1
+		})], 8, Ge)], 8, ["disabled"]));
+	}
+}), Ye = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+], Xe = { class: "text-sm font-semibold tracking-[-0.01em] text-foreground" }, Ze = { class: "mt-1 text-xs leading-5 text-muted-foreground" }, Qe = ["aria-labelledby"], $e = ["id"], et = /* @__PURE__ */ h({
+	__name: "AttachmentUpload",
+	props: {
+		modelValue: {},
+		value: {},
+		defaultValue: { default: () => [] },
+		playingId: {},
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		maxFiles: { default: 12 },
+		maxFileSize: { default: 524288e3 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "Drag and drop or browse files" },
+		description: {},
+		attachmentsLabel: { default: "Attachments" },
+		className: {},
+		classNames: {},
+		onRetry: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"filesAdded",
+		"filesRejected",
+		"remove",
+		"retry",
+		"audioToggle"
+	],
+	setup(e, { emit: r }) {
+		let o = e, c = r, h = x(), g = t(), v = E(), { items: y, preview: C, uploading: D, complete: M, removing: N, maxReached: P, uploadOrder: F, add: I, remove: L, dragging: R, drag: z } = Oe(o, () => g.value, c), B = l(() => {
+			let e = o.maxFileSize / 1024 ** 2;
+			return (Number.isInteger(e) ? e : e.toFixed(1)) + " MB";
+		});
+		function V(e) {
+			let t = e.target;
+			I(Array.from(t.files ?? [])), t.value = "";
+		}
+		return (t, r) => (b(), u(T(A), { id: T(v) }, {
+			default: O(() => [p("div", { class: _(T(a)("w-full", e.className)) }, [
+				p("input", {
+					ref_key: "input",
+					ref: h,
+					id: T(v),
+					type: "file",
+					"aria-label": "Upload attachments",
+					accept: e.accept,
+					multiple: e.multiple,
+					disabled: e.disabled || T(P),
+					tabindex: -1,
+					class: "sr-only",
+					onChange: V
+				}, null, 40, Ye),
+				m(T(j).button, {
+					type: "button",
+					disabled: e.disabled || T(P),
+					"data-dragging": T(R),
+					animate: T(g) ? void 0 : { scale: T(R) ? 1.006 : 1 },
+					"while-press": T(g) ? void 0 : { scale: .995 },
+					transition: T(n),
+					onClick: r[0] ||= (e) => h.value?.click(),
+					onDragenter: r[1] ||= (e) => T(z)(e, "enter"),
+					onDragover: r[2] ||= (e) => T(z)(e, "over"),
+					onDragleave: r[3] ||= (e) => T(z)(e, "leave"),
+					onDrop: r[4] ||= (e) => T(z)(e, "drop"),
+					class: _(T(a)("group relative isolate flex min-h-52 w-full flex-col items-center justify-center overflow-hidden rounded-[2rem] bg-muted/65 p-2 text-center outline-none", "transition-colors duration-200 hover:bg-muted/85", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "data-[dragging=true]:bg-muted", "disabled:pointer-events-none disabled:opacity-55", e.classNames?.dropzone))
+				}, {
+					default: O(() => [
+						r[9] ||= p("span", {
+							"aria-hidden": "true",
+							class: "absolute inset-2 -z-10 rounded-[1.5rem] border border-dashed border-muted-foreground/25 bg-background transition-[border-color,background-color] duration-200 group-hover:border-muted-foreground/45 group-data-[dragging=true]:border-foreground/65 group-data-[dragging=true]:bg-muted/20"
+						}, null, -1),
+						m(T(j).span, {
+							"aria-hidden": "true",
+							animate: T(g) ? void 0 : {
+								y: T(R) ? -4 : 0,
+								scale: T(R) ? 1.08 : 1
+							},
+							transition: {
+								duration: .2,
+								ease: T(i)
+							},
+							class: "mb-3 grid size-11 place-items-center rounded-2xl bg-muted text-foreground transition-colors duration-200 group-hover:bg-muted/80 group-data-[dragging=true]:bg-foreground group-data-[dragging=true]:text-background"
+						}, {
+							default: O(() => [m(T(ce), { class: "size-[18px]" })]),
+							_: 1
+						}, 8, ["animate", "transition"]),
+						p("span", Xe, w(T(P) ? "Attachment limit reached" : e.title), 1),
+						p("span", Ze, w(T(P) ? T(y).length + " of " + e.maxFiles + " attachments added" : e.description ?? "Maximum " + B.value + " file size"), 1)
+					]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"data-dragging",
+					"animate",
+					"while-press",
+					"transition",
+					"class"
+				]),
+				T(y).length ? (b(), f("section", {
+					key: 0,
+					class: "mt-8",
+					"aria-labelledby": T(v) + "-attachments"
+				}, [p("h3", {
+					id: T(v) + "-attachments",
+					class: "text-sm font-semibold text-foreground"
+				}, w(e.attachmentsLabel), 9, $e), p("ul", { class: _(T(a)("mt-3 space-y-2", e.classNames?.list)) }, [m(T(k), { initial: T(F).length > 0 }, {
+					default: O(() => [(b(!0), f(s, null, S(T(y), (t) => (b(), u(We, {
+						key: t.id,
+						item: t,
+						playing: e.playingId === t.id,
+						uploading: T(D).has(t.id) || t.status === "uploading",
+						"upload-complete": T(M).has(t.id) || t.status === "complete",
+						failed: t.status === "failed",
+						removing: T(N).has(t.id),
+						"arrival-index": T(F).indexOf(t.id),
+						"image-layout-id": T(g) ? void 0 : T(v) + "-image-" + t.id,
+						retryable: !!e.onRetry,
+						reduce: T(g),
+						"class-name": e.classNames?.row,
+						onAudioToggle: r[5] ||= (e) => c("audioToggle", e),
+						onPreview: r[6] ||= (e) => C.value = e,
+						onRemove: T(L),
+						onRetry: r[7] ||= (e) => c("retry", e)
+					}, null, 8, [
+						"item",
+						"playing",
+						"uploading",
+						"upload-complete",
+						"failed",
+						"removing",
+						"arrival-index",
+						"image-layout-id",
+						"retryable",
+						"reduce",
+						"class-name",
+						"onRemove"
+					]))), 128))]),
+					_: 1
+				}, 8, ["initial"])], 2)], 8, Qe)) : d("", !0),
+				m(Je, {
+					item: T(C),
+					"layout-id": T(g) || !T(C) ? void 0 : T(v) + "-image-" + T(C).id,
+					reduce: T(g),
+					onClose: r[8] ||= (e) => C.value = null
+				}, null, 8, [
+					"item",
+					"layout-id",
+					"reduce"
+				])
+			], 2)]),
+			_: 1
+		}, 8, ["id"]));
+	}
+});
+export { De as n, K as r, et as t };
+
+//# sourceMappingURL=file-upload-BePH_y0O.js.map