@linktr.ee/messaging-react 3.14.3 → 3.14.4-rc-1784689814

package/dist/{index-BedgUyfu.js → index-mO3W3JFm.js}

@@ -2669,7 +2669,7 @@ const lr = ({
 function $r(e) {
   return Te(zs)[e] ?? Fr[e];
 }
-const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-BL91_-r5.js")), jr = () => /* @__PURE__ */ s(
+const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card--gXIPVe3.js")), jr = () => /* @__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)]",
@@ -3870,39 +3870,49 @@ const vi = ({
     // content height and the squeeze never reaches the preview list. Stream's
     // <MessageInput> renders its Input directly (context providers only, no
     // wrapper element), so this is a direct flex item of that row.
+    //
+    // The container itself carries no padding of its own: it used to (p-2),
+    // but that inset now lives on the textarea as padding instead, so the
+    // textarea's actual (clickable) box is as large as the container — save
+    // for the small margin and the send button on the right (MES-1325).
+    // Visually nothing moves; the container ends up exactly the size of the
+    // textarea + send button row it contains.
     /* @__PURE__ */ u(
       "div",
       {
-        className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
+        className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(kn, {}),
-          /* @__PURE__ */ s(Ei, {}),
-          /* @__PURE__ */ s(i, {}),
-          /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
-            /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
+          /* @__PURE__ */ u("div", { className: "empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
+            /* @__PURE__ */ s(kn, {}),
+            /* @__PURE__ */ s(Ei, {}),
+            /* @__PURE__ */ s(i, {})
+          ] }),
+          /* @__PURE__ */ u("div", { className: "flex shrink-0 items-start", children: [
+            /* @__PURE__ */ s(
               Cn,
               {
                 "aria-disabled": e || void 0,
-                className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
+                containerClassName: "min-w-0 flex-1 leading-[0]",
+                className: "w-full resize-none bg-transparent py-3.5 pl-4 pr-4 outline-none leading-5 placeholder:text-black/30 text-sm",
                 autoFocus: !e,
                 enterKeyHint: "send",
                 maxRows: 4,
                 readOnly: e,
                 tabIndex: e ? -1 : void 0
               }
-            ) }),
-            /* @__PURE__ */ s(
+            ),
+            /* @__PURE__ */ s("div", { className: "mt-auto mb-2 mr-2 shrink-0", children: /* @__PURE__ */ s(
               r,
               {
                 sendMessage: t,
                 "aria-label": "Send",
-                className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
+                className: "str-chat__send-button flex justify-center items-center rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
                 "data-testid": "send-button",
                 disabled: a,
                 type: "button"
               }
-            )
+            ) })
           ] })
         ]
       }
@@ -5479,4 +5489,4 @@ export {
   Ye as y,
   pt as z
 };
-//# sourceMappingURL=index-BedgUyfu.js.map
+//# sourceMappingURL=index-mO3W3JFm.js.map