@linktr.ee/messaging-react 4.3.1 → 4.3.2-rc-1787593676

package/dist/index.js

@@ -1838,7 +1838,10 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 }, vr = "--mes-single-width-cap", yr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", br = 436, xr = ({ tiles: e, onTileActivate: t, maxVisible: n = 4, singleAspectRatio: r, className: i }) => {
 	let a = e.length;
 	if (a === 0) return null;
-	let o = e.slice(0, Math.min(a, n)), s = a - o.length, c = (e, n, r) => {
+	let o = e.slice(0, Math.min(a, n)), s = a - o.length, c = s > 0 ? /* @__PURE__ */ G("div", {
+		className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",
+		children: ["+", s]
+	}) : null, l = (e, n, r) => {
 		let i = J(gr, "h-full w-full", _r[o.length]?.[n]);
 		return t ? /* @__PURE__ */ G("button", {
 			type: "button",
@@ -1850,36 +1853,33 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			className: i,
 			children: [e.content, r]
 		}, n);
-	}, l;
-	return r && (l = {
+	}, u;
+	return r && (u = {
 		aspectRatio: r,
 		width: `min(var(${vr}), ${Math.round(br * r * 100) / 100}px)`,
 		maxWidth: "100%"
 	}), o.length === 1 ? /* @__PURE__ */ W("div", {
 		className: J(r ? yr : "aspect-square w-full", i),
-		style: l,
-		children: c(o[0], 0)
+		style: u,
+		children: l(o[0], 0, c)
 	}) : o.length === 2 ? /* @__PURE__ */ W("div", {
 		className: J("grid aspect-[16/9] w-full grid-cols-2 gap-0.5", i),
-		children: o.map((e, t) => c(e, t))
+		children: o.map((e, t) => l(e, t, t === o.length - 1 ? c : null))
 	}) : o.length === 3 ? /* @__PURE__ */ G("div", {
 		className: J("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
 		children: [
 			/* @__PURE__ */ W("div", {
 				className: "row-span-2",
-				children: c(o[0], 0)
+				children: l(o[0], 0)
 			}),
-			c(o[1], 1),
-			c(o[2], 2)
+			l(o[1], 1),
+			l(o[2], 2, c)
 		]
 	}) : /* @__PURE__ */ W("div", {
 		className: J("grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
 		children: o.map((e, t) => {
 			let n = s > 0 && t === o.length - 1;
-			return c(e, t, n ? /* @__PURE__ */ G("div", {
-				className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",
-				children: ["+", s]
-			}) : null);
+			return l(e, t, n ? c : null);
 		})
 	});
 }, Sr = (e) => {