@poolse/react-native 2.19.0 → 2.20.0

package/dist/index.d.cts

@@ -234,6 +234,13 @@ interface MessageBubbleProps {
      */
     markdown?: boolean;
 }
+/**
+ * One message bubble, structured as stacked sections rather than one
+ * padded box: media bleeds to a 3px frame, text carries its own
+ * padding, and the timestamp lives ON the last text line (reserved by
+ * an invisible twin) instead of a full-width row of its own — which
+ * is what makes "ok" a one-line bubble instead of a squat rectangle.
+ */
 declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
@@ -522,8 +529,14 @@ interface AttachmentPreviewProps {
     onPress?: () => void;
     /** Render at this max width. Defaults to 280. */
     maxWidth?: number;
+    /**
+     * `'onBrand'` restyles the file card for a brand-colored self
+     * bubble — translucent white instead of surface grey, so the card
+     * reads as part of the bubble rather than a patch cut out of it.
+     */
+    tone?: 'default' | 'onBrand';
 }
-declare function AttachmentPreview({ attachment, onPress, maxWidth }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPreview({ attachment, onPress, maxWidth, tone, }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Horizontal scrolling preview row of pending / in-flight / ready
@@ -619,6 +632,13 @@ interface ImageMosaicProps {
      */
     maxWidth?: number;
     radius?: number;
+    /**
+     * Square off the bottom corners (a small 5px instead of `radius`).
+     * Pass when a caption or file cards follow the mosaic, so the media
+     * flows into the text block instead of leaving "ears" of bubble
+     * color between the image and the caption.
+     */
+    squareBottom?: boolean;
 }
 /**
  * WhatsApp-style multi-image grid for inside the message bubble.
@@ -632,7 +652,7 @@ interface ImageMosaicProps {
  *   * n = 3 → 16:9 hero on top + row of 2 squares below.
  *   * n ≥ 4 → 2×2 grid with "+N more" overlay on the 4th tile.
  */
-declare function ImageMosaic({ images, maxWidth, radius }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageMosaic({ images, maxWidth, radius, squareBottom }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
 
 declare const ICONS: {
     readonly attachment: {

package/dist/index.d.ts

@@ -234,6 +234,13 @@ interface MessageBubbleProps {
      */
     markdown?: boolean;
 }
+/**
+ * One message bubble, structured as stacked sections rather than one
+ * padded box: media bleeds to a 3px frame, text carries its own
+ * padding, and the timestamp lives ON the last text line (reserved by
+ * an invisible twin) instead of a full-width row of its own — which
+ * is what makes "ok" a one-line bubble instead of a squat rectangle.
+ */
 declare function MessageBubble({ message, currentUserId, readState, labelFor, onQuotedClick, groupPosition, maxBodyLength, showSenderName, actionsTrigger, showAttachments, markdown, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface MessageRowProps {
@@ -522,8 +529,14 @@ interface AttachmentPreviewProps {
     onPress?: () => void;
     /** Render at this max width. Defaults to 280. */
     maxWidth?: number;
+    /**
+     * `'onBrand'` restyles the file card for a brand-colored self
+     * bubble — translucent white instead of surface grey, so the card
+     * reads as part of the bubble rather than a patch cut out of it.
+     */
+    tone?: 'default' | 'onBrand';
 }
-declare function AttachmentPreview({ attachment, onPress, maxWidth }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPreview({ attachment, onPress, maxWidth, tone, }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Horizontal scrolling preview row of pending / in-flight / ready
@@ -619,6 +632,13 @@ interface ImageMosaicProps {
      */
     maxWidth?: number;
     radius?: number;
+    /**
+     * Square off the bottom corners (a small 5px instead of `radius`).
+     * Pass when a caption or file cards follow the mosaic, so the media
+     * flows into the text block instead of leaving "ears" of bubble
+     * color between the image and the caption.
+     */
+    squareBottom?: boolean;
 }
 /**
  * WhatsApp-style multi-image grid for inside the message bubble.
@@ -632,7 +652,7 @@ interface ImageMosaicProps {
  *   * n = 3 → 16:9 hero on top + row of 2 squares below.
  *   * n ≥ 4 → 2×2 grid with "+N more" overlay on the 4th tile.
  */
-declare function ImageMosaic({ images, maxWidth, radius }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageMosaic({ images, maxWidth, radius, squareBottom }: ImageMosaicProps): react_jsx_runtime.JSX.Element | null;
 
 declare const ICONS: {
     readonly attachment: {