@linktr.ee/messaging-react 3.12.4-rc-1784097764 → 3.12.4-rc-1784099103

package/dist/{index-B2BrYTjw.js → index-CINy7e9F.js}

@@ -1240,7 +1240,7 @@ const Ea = (e) => {
       ref: f,
       "data-testid": h,
       className: k(
-        "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
+        "relative w-full max-w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
@@ -1289,7 +1289,7 @@ function ps(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ht(e) {
-  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
+  return `w-full max-w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function Ma(e) {
   return e ? "bg-white/10" : "bg-black/5";
@@ -1543,13 +1543,12 @@ const vs = ({
       "data-testid": o,
       "data-group-position": a,
       className: k(
-        // 280px-wide bubble — matches the mobile chat attachment width
-        // and keeps the document / image / audio bubbles visually
-        // consistent inside the conversation timeline. The 8px / 16px
-        // inset matches `--str-chat__spacing-2 --str-chat__spacing-4`
-        // so attachments share the same hit / negative-space rhythm
-        // as the surrounding `CustomMessage` text bubbles.
-        "relative w-[280px] overflow-hidden px-2 py-2",
+        // Caps at 280px and shrinks with the message row so mweb padding
+        // can't force horizontal overflow. The 8px / 16px inset matches
+        // `--str-chat__spacing-2 --str-chat__spacing-4` so attachments
+        // share the same hit / negative-space rhythm as surrounding
+        // `CustomMessage` text bubbles.
+        "relative w-full max-w-[280px] overflow-hidden px-2 py-2",
         d,
         Ua[e],
         Ba[e],
@@ -2669,10 +2668,10 @@ const rr = ({
 function Pr(e) {
   return Te(As)[e] ?? Fr[e];
 }
-const Or = V.lazy(() => import("./Card-qS17qnN0.js")), $r = V.lazy(() => import("./Card-CWlzDHJA.js")), Ur = () => /* @__PURE__ */ s(
+const Or = V.lazy(() => import("./Card-CNVnUwPO.js")), $r = V.lazy(() => import("./Card-CEcDWSUV.js")), Ur = () => /* @__PURE__ */ s(
   "div",
   {
-    className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
+    className: "w-full max-w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
 ), Pe = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Or, { ...e }) : /* @__PURE__ */ s($r, { ...e }) }), Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
@@ -2885,7 +2884,7 @@ const Jr = {
     o && /* @__PURE__ */ s(Qr, { variant: e, cta: o })
   ] });
 }, ni = k(
-  "relative block w-[280px] select-none overflow-hidden rounded-md",
+  "relative block w-full max-w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
@@ -5349,4 +5348,4 @@ export {
   He as y,
   gt as z
 };
-//# sourceMappingURL=index-B2BrYTjw.js.map
+//# sourceMappingURL=index-CINy7e9F.js.map