@linktr.ee/messaging-react 4.3.1-rc-1787564018 → 4.3.1-rc-1787564868

package/dist/{index-B0knLCIZ.js → index-BJ1FkeL1.js}

@@ -815,7 +815,7 @@ const Ta = {
 function Ra(e) {
   return he(Ns)[e] ?? Aa[e];
 }
-const La = R.lazy(() => import("./Card-BzvDr-pU.js")), Ma = R.lazy(() => import("./Card-C-v4hEGd.js")), Da = () => /* @__PURE__ */ s(
+const La = R.lazy(() => import("./Card-BzvDr-pU.js")), Ma = R.lazy(() => import("./Card-CPjlTEDn.js")), Da = () => /* @__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)]",
@@ -1217,11 +1217,12 @@ const er = {
     u && /* @__PURE__ */ s(ks, { variant: t ?? e, cta: u })
   ] });
 }, ar = "Loading link preview", rr = y(
-  // Fluid width, capped by a channel-scoped token: default 290px. A read-only
-  // surface with no composer (the official channel) sets `--lt-msg-card-width`
-  // on its root (see ChannelView). `w-full` fills the content column up to that
-  // cap so a card never overflows a narrower viewport — it shrinks to fit.
-  "relative max-w-[var(--lt-msg-card-width,290px)] w-full select-none overflow-hidden",
+  // Width is a channel-scoped token: default 290px, but a read-only surface with no
+  // composer (the official channel) sets `--lt-msg-card-width` on its root to widen the
+  // content column (see ChannelView). Consumers that don't set the var keep 290px.
+  // `max-w-full` caps the card to its container so a widened value can never overflow
+  // horizontally on a narrow (sub-393px) viewport — it shrinks to fit instead.
+  "relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden",
   // 20px corners — no token exists for it in the component-library preset,
   // whose radius scale is sm .5rem / md 1rem / lg 1.5rem / xl 4rem.
   "rounded-[20px]"
@@ -1609,9 +1610,9 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: a
 }) => n ? (
   // `isolate` keeps the tail's negative z-index from escaping behind the
-  // thread background. Same width contract as `CardShell` (`w-full` up to
-  // the channel cap) so a short title cannot shrink the card.
-  /* @__PURE__ */ h("div", { className: "relative isolate w-full max-w-[var(--lt-msg-card-width,290px)]", children: [
+  // thread background; `w-fit` stops the wrapper from stretching in the
+  // composer's flex list.
+  /* @__PURE__ */ h("div", { className: "relative isolate w-fit", children: [
     a,
     /* @__PURE__ */ s(
       "span",
@@ -4858,7 +4859,7 @@ const io = { last_message_at: -1 }, oo = R.memo(
   }
 );
 oo.displayName = "ChannelList";
-const lo = "line-clamp-2 text-body-small-medium", co = "text-body-small-regular", uo = () => /* @__PURE__ */ h(G, { children: [
+const lo = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", co = "text-[14px] leading-5 tracking-[0.02em]", uo = () => /* @__PURE__ */ h(G, { children: [
   /* @__PURE__ */ s("br", {}),
   /* @__PURE__ */ s("span", { "aria-hidden": !0, className: "block h-1.5" })
 ] }), mo = (e) => e.split(/\r?\n/).map((t, n, a) => /* @__PURE__ */ h(R.Fragment, { children: [
@@ -5115,13 +5116,12 @@ const lo = "line-clamp-2 text-body-small-medium", co = "text-body-small-regular"
   tail: n = !0,
   header: a,
   className: r
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ h(
   "div",
   {
     "data-dd-privacy": "mask",
     className: y(
-      "str-chat__message-bubble",
-      "relative",
+      "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
@@ -5130,11 +5130,11 @@ const lo = "line-clamp-2 text-body-small-medium", co = "text-body-small-regular"
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
-    children: /* @__PURE__ */ h("div", { className: "str-chat__message-text", children: [
+    children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words hyphens-manual", children: t }),
       n && /* @__PURE__ */ s(So, { variant: e })
-    ] })
+    ]
   }
 ), Eo = ({
   text: e,
@@ -5255,4 +5255,4 @@ export {
   xs as y,
   Ho as z
 };
-//# sourceMappingURL=index-B0knLCIZ.js.map
+//# sourceMappingURL=index-BJ1FkeL1.js.map