@botiverse/raft-ui 0.51.0 → 0.52.1

package/dist/components/message-attachment/message-image-gallery.d.mts

@@ -0,0 +1,32 @@
+import { MessageImageGalleryItemLayout, MessageImageGalleryRowData } from "./message-image-gallery-rows.mjs";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-attachment/message-image-gallery.d.ts
+export type MessageImageGalleryProps = useRender.ComponentProps<"div">;
+export declare function MessageImageGallery({ className, render, ...props }: MessageImageGalleryProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageImageGalleryRowProps = useRender.ComponentProps<"div"> & {
+  /** A row from `buildMessageImageGalleryRows`. */
+  row: MessageImageGalleryRowData;
+};
+/**
+ * One row of a gallery: the grid and its height come from the row data, so
+ * consumers place the items (`MessageImageGalleryItem` with the row's item
+ * layouts) without touching layout classes.
+ */
+export declare function MessageImageGalleryRow({ className, render, row, ...props }: MessageImageGalleryRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageImageGalleryItemProps = useRender.ComponentProps<"div"> & {
+  /**
+   * The item's layout from `buildMessageImageGalleryRows`: sets the cell
+   * sizing and how the media fills it, so consumers never restate classes.
+   */
+  layout?: MessageImageGalleryItemLayout;
+};
+export declare function MessageImageGalleryItem({ className, render, layout, ...props }: MessageImageGalleryItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageImageGalleryMediaProps = useRender.ComponentProps<"div">;
+export declare function MessageImageGalleryMedia({ className, render, ...props }: MessageImageGalleryMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageImageGalleryOverlayProps = useRender.ComponentProps<"div">;
+export declare function MessageImageGalleryOverlay({ className, render, ...props }: MessageImageGalleryOverlayProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageImageGalleryActionProps = useRender.ComponentProps<"button">;
+export type MessageImageGalleryPreviewProps = useRender.ComponentProps<"button">;
+export declare function MessageImageGalleryPreview({ className, render, ...props }: MessageImageGalleryPreviewProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageImageGalleryAction({ className, render, ...props }: MessageImageGalleryActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion

package/dist/components/message-attachment/message-image-gallery.mjs

@@ -0,0 +1,105 @@
+import { messageImageGallery } from "./message-image-gallery.recipe.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-attachment/message-image-gallery.tsx
+function MessageImageGallery({ className, render, ...props }) {
+	const { root } = messageImageGallery();
+	const defaultProps = { className: root({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery" }
+	});
+}
+/**
+* One row of a gallery: the grid and its height come from the row data, so
+* consumers place the items (`MessageImageGalleryItem` with the row's item
+* layouts) without touching layout classes.
+*/
+function MessageImageGalleryRow({ className, render, row, ...props }) {
+	const { row: rowSlot } = messageImageGallery();
+	const single = row.items.length === 1 && row.items[0].reserved != null;
+	const defaultProps = {
+		className: rowSlot({
+			className,
+			count: row.items.length,
+			single
+		}),
+		"data-count": String(row.items.length)
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-row" }
+	});
+}
+function MessageImageGalleryItem({ className, render, layout, ...props }) {
+	const { item } = messageImageGallery();
+	const defaultProps = {
+		className: item({
+			className,
+			laidOut: layout ? true : void 0,
+			single: layout?.reserved ? true : void 0,
+			fit: layout?.fit
+		}),
+		...layout?.reserved ? { style: layout.reserved } : null,
+		"data-fit": layout?.fit,
+		"data-single": layout?.reserved ? "true" : void 0
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-item" }
+	});
+}
+function MessageImageGalleryMedia({ className, render, ...props }) {
+	const { media } = messageImageGallery();
+	const defaultProps = { className: media({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-media" }
+	});
+}
+function MessageImageGalleryOverlay({ className, render, ...props }) {
+	const { overlay } = messageImageGallery();
+	const defaultProps = { className: overlay({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-overlay" }
+	});
+}
+function MessageImageGalleryPreview({ className, render, ...props }) {
+	const { preview } = messageImageGallery();
+	const defaultProps = {
+		type: "button",
+		className: preview({ className })
+	};
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-preview" }
+	});
+}
+function MessageImageGalleryAction({ className, render, ...props }) {
+	const { action } = messageImageGallery();
+	const defaultProps = {
+		type: "button",
+		className: action({ className })
+	};
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-image-gallery-action" }
+	});
+}
+//#endregion
+export { MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow };

package/dist/components/message-attachment/message-image-gallery.recipe.mjs

@@ -0,0 +1,61 @@
+import { tv } from "../../lib/tv.mjs";
+//#region src/components/message-attachment/message-image-gallery.recipe.ts
+const messageImageGallery = tv({
+	slots: {
+		root: ["@container/gallery w-full max-w-[min(360px,100%)] stack-y-1"],
+		row: ["grid", "gap-1"],
+		item: ["group/img relative overflow-hidden text-left", "rounded-control border border-line-hairline bg-fill-muted"],
+		media: "block size-full ",
+		overlay: "absolute inset-0 flex items-center justify-center bg-layer-veil",
+		preview: [
+			"absolute inset-0",
+			"transition-colors duration-75 hover:bg-ink-8",
+			"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
+		],
+		action: [
+			"absolute z-10 hidden items-center justify-center",
+			"focus:flex",
+			"group-hover/img:flex",
+			"right-[calc(var(--control-embedded-inset)-1px)] bottom-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
+			"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
+			"outline-none focus-visible:shadow-focus",
+			"[&_svg]:size-4"
+		]
+	},
+	defaultVariants: { single: false },
+	compoundVariants: [
+		{
+			count: 1,
+			single: false,
+			class: { row: "auto-rows-[8rem] @min-[360px]/gallery:auto-rows-[9rem]" }
+		},
+		{
+			count: 2,
+			single: false,
+			class: { row: "auto-rows-[8rem] @min-[360px]/gallery:auto-rows-[9rem]" }
+		},
+		{
+			count: 3,
+			single: false,
+			class: { row: "auto-rows-[7rem] @min-[360px]/gallery:auto-rows-[8rem]" }
+		}
+	],
+	variants: {
+		count: {
+			1: { row: "grid-cols-1" },
+			2: { row: "grid-cols-2" },
+			3: { row: "grid-cols-2" }
+		},
+		/** A single-image gallery keeps the image's proportions instead of a row height. */
+		single: { true: { item: ["inline-block w-fit max-w-[26rem] justify-self-start", "rounded-container"] } },
+		/** Set from an item layout: the cell owns its media sizing. */
+		laidOut: { true: { item: "[&_img]:block [&_img]:size-full" } },
+		/** How the media fills its cell: cropped, or fully visible on a neutral backdrop. */
+		fit: {
+			cover: { item: "[&_img]:object-cover" },
+			contain: { item: ["[&_img]:object-contain", "[&_img]:bg-transparent"] }
+		}
+	}
+});
+//#endregion
+export { messageImageGallery };

package/dist/components/message-attachment/message-video-preview.d.mts

@@ -0,0 +1,19 @@
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-attachment/message-video-preview.d.ts
+export type MessageVideoPreviewProps = useRender.ComponentProps<"div">;
+export declare function MessageVideoPreview({ className, render, ...props }: MessageVideoPreviewProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewMediaProps = useRender.ComponentProps<"video">;
+export declare function MessageVideoPreviewMedia({ className, render, ...props }: MessageVideoPreviewMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewFallbackProps = useRender.ComponentProps<"div">;
+export declare function MessageVideoPreviewFallback({ className, render, ...props }: MessageVideoPreviewFallbackProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewFailureContentProps = useRender.ComponentProps<"div">;
+export declare function MessageVideoPreviewFailureContent({ className, render, ...props }: MessageVideoPreviewFailureContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewFailureIconProps = useRender.ComponentProps<"span">;
+export declare function MessageVideoPreviewFailureIcon({ className, render, ...props }: MessageVideoPreviewFailureIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewFailureTitleProps = useRender.ComponentProps<"span">;
+export declare function MessageVideoPreviewFailureTitle({ className, render, ...props }: MessageVideoPreviewFailureTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewFailureActionProps = useRender.ComponentProps<"button">;
+export declare function MessageVideoPreviewFailureAction({ className, render, ...props }: MessageVideoPreviewFailureActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageVideoPreviewActionProps = useRender.ComponentProps<"button">;
+export declare function MessageVideoPreviewAction({ className, render, ...props }: MessageVideoPreviewActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion

package/dist/components/message-attachment/message-video-preview.mjs

@@ -0,0 +1,92 @@
+import { messageVideoPreview } from "./message-video-preview.recipe.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-attachment/message-video-preview.tsx
+function MessageVideoPreview({ className, render, ...props }) {
+	const { root } = messageVideoPreview();
+	const defaultProps = { className: root({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview" }
+	});
+}
+function MessageVideoPreviewMedia({ className, render, ...props }) {
+	const { media } = messageVideoPreview();
+	const defaultProps = { className: media({ className }) };
+	return useRender({
+		defaultTagName: "video",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-media" }
+	});
+}
+function MessageVideoPreviewFallback({ className, render, ...props }) {
+	const { fallback } = messageVideoPreview();
+	const defaultProps = { className: fallback({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-fallback" }
+	});
+}
+function MessageVideoPreviewFailureContent({ className, render, ...props }) {
+	const { failureContent } = messageVideoPreview();
+	const defaultProps = { className: failureContent({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-failure-content" }
+	});
+}
+function MessageVideoPreviewFailureIcon({ className, render, ...props }) {
+	const { failureIcon } = messageVideoPreview();
+	const defaultProps = { className: failureIcon({ className }) };
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-failure-icon" }
+	});
+}
+function MessageVideoPreviewFailureTitle({ className, render, ...props }) {
+	const { failureTitle } = messageVideoPreview();
+	const defaultProps = { className: failureTitle({ className }) };
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-failure-title" }
+	});
+}
+function MessageVideoPreviewFailureAction({ className, render, ...props }) {
+	const { failureAction } = messageVideoPreview();
+	const defaultProps = {
+		type: "button",
+		className: failureAction({ className })
+	};
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-failure-action" }
+	});
+}
+function MessageVideoPreviewAction({ className, render, ...props }) {
+	const { action } = messageVideoPreview();
+	const defaultProps = {
+		type: "button",
+		className: action({ className })
+	};
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-video-preview-action" }
+	});
+}
+//#endregion
+export { MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia };

package/dist/components/message-attachment/message-video-preview.recipe.mjs

@@ -0,0 +1,33 @@
+import { tv } from "../../lib/tv.mjs";
+//#region src/components/message-attachment/message-video-preview.recipe.ts
+const messageVideoPreview = tv({ slots: {
+	root: [
+		"group/video relative aspect-video w-full overflow-hidden",
+		"bg-black text-left",
+		"max-w-[min(360px,100%)] rounded-container border border-line-hairline bg-clip-padding"
+	],
+	media: "block size-full  bg-black object-contain",
+	fallback: "flex size-full  items-center justify-center bg-black text-white",
+	failureContent: ["flex max-w-[256px] flex-col items-center px-4 text-center", "gap-2 font-sans text-caption font-semibold"],
+	failureIcon: ["[&_svg]:size-6 [&_svg]:stroke-2"],
+	failureTitle: [],
+	failureAction: [
+		"inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-white/75 [font:inherit]",
+		"decoration-[1.5px] underline-offset-[3px] hover:text-white hover:underline",
+		"outline-1 outline-offset-2 outline-transparent focus-visible:keyboard:outline-white",
+		"[&_svg]:size-[13px]"
+	],
+	action: [
+		"absolute flex items-center justify-center",
+		"transition-colors duration-150",
+		"outline-[1px] outline-offset-2 outline-transparent focus-visible:keyboard:outline-foreground",
+		"disabled:cursor-default [&_svg]:shrink-0",
+		"top-[calc(var(--control-embedded-inset)-1px)] right-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
+		"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
+		"outline-none focus-visible:shadow-focus",
+		"disabled:border-line-hairline disabled:bg-fill-muted disabled:bg-none disabled:text-foreground-disabled",
+		"[&_svg]:size-4"
+	]
+} });
+//#endregion
+export { messageVideoPreview };

package/dist/components/message-embed/index.d.mts

@@ -0,0 +1,2 @@
+import { MessageEmbed, MessageEmbedContent, MessageEmbedContentProps, MessageEmbedFooter, MessageEmbedFooterProps, MessageEmbedHeader, MessageEmbedHeaderProps, MessageEmbedProps } from "./message-embed.mjs";
+export { MessageEmbed, MessageEmbedContent, type MessageEmbedContentProps, MessageEmbedFooter, type MessageEmbedFooterProps, MessageEmbedHeader, type MessageEmbedHeaderProps, type MessageEmbedProps };

package/dist/components/message-embed/message-embed.d.mts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-embed/message-embed.d.ts
+type DivProps = useRender.ComponentProps<"div">;
+export declare function MessageEmbed({ className, render, ...props }: DivProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageEmbedHeader({ className, render, ...props }: DivProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageEmbedContent({ className, render, ...props }: DivProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageEmbedFooter({ className, render, ...props }: DivProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageEmbedProps = DivProps;
+export type MessageEmbedHeaderProps = DivProps;
+export type MessageEmbedContentProps = DivProps;
+export type MessageEmbedFooterProps = DivProps;
+//#endregion

package/dist/components/message-embed/message-embed.mjs

@@ -0,0 +1,42 @@
+import { messageEmbed } from "./message-embed.recipe.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-embed/message-embed.tsx
+function MessageEmbed({ className, render, ...props }) {
+	const { root } = messageEmbed();
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: root({ className }) }, props),
+		state: { slot: "message-embed" }
+	});
+}
+function MessageEmbedHeader({ className, render, ...props }) {
+	const { header } = messageEmbed();
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: header({ className }) }, props),
+		state: { slot: "message-embed-header" }
+	});
+}
+function MessageEmbedContent({ className, render, ...props }) {
+	const { content } = messageEmbed();
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: content({ className }) }, props),
+		state: { slot: "message-embed-content" }
+	});
+}
+function MessageEmbedFooter({ className, render, ...props }) {
+	const { footer } = messageEmbed();
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: footer({ className }) }, props),
+		state: { slot: "message-embed-footer" }
+	});
+}
+//#endregion
+export { MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader };

package/dist/components/message-embed/message-embed.recipe.mjs

@@ -0,0 +1,14 @@
+import { tv } from "../../lib/tv.mjs";
+//#region src/components/message-embed/message-embed.recipe.ts
+const messageEmbed = tv({ slots: {
+	root: [
+		"group block min-w-0 text-left",
+		"rounded-container border border-line-hairline bg-layer-card",
+		"outline-none focus-visible:shadow-focus"
+	],
+	header: ["min-w-0", "px-3 py-2"],
+	content: ["min-w-0"],
+	footer: ["min-w-0", "px-3 py-2"]
+} });
+//#endregion
+export { messageEmbed };

package/dist/components/message-forwarded-bundle/index.d.mts

@@ -0,0 +1,2 @@
+import { MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentMetaProps, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachmentNameProps, MessageForwardedBundleAttachmentProps, MessageForwardedBundleAttachments, MessageForwardedBundleAttachmentsProps, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleFooterActionProps, MessageForwardedBundleFooterProps, MessageForwardedBundleGallery, MessageForwardedBundleGalleryProps, MessageForwardedBundleGalleryTile, MessageForwardedBundleGalleryTileProps, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderContentProps, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderCountProps, MessageForwardedBundleHeaderLabel, MessageForwardedBundleHeaderLabelProps, MessageForwardedBundleHeaderProps, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemAuthorProps, MessageForwardedBundleItemContent, MessageForwardedBundleItemContentProps, MessageForwardedBundleItemMeta, MessageForwardedBundleItemMetaProps, MessageForwardedBundleItemProps, MessageForwardedBundleItems, MessageForwardedBundleItemsProps, MessageForwardedBundleProps, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageForwardedBundleSourceLabelProps, MessageForwardedBundleSourceProps } from "./message-forwarded-bundle.mjs";
+export { MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, type MessageForwardedBundleAttachmentMetaProps, MessageForwardedBundleAttachmentName, type MessageForwardedBundleAttachmentNameProps, type MessageForwardedBundleAttachmentProps, MessageForwardedBundleAttachments, type MessageForwardedBundleAttachmentsProps, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, type MessageForwardedBundleFooterActionProps, type MessageForwardedBundleFooterProps, MessageForwardedBundleGallery, type MessageForwardedBundleGalleryProps, MessageForwardedBundleGalleryTile, type MessageForwardedBundleGalleryTileProps, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, type MessageForwardedBundleHeaderContentProps, MessageForwardedBundleHeaderCount, type MessageForwardedBundleHeaderCountProps, MessageForwardedBundleHeaderLabel, type MessageForwardedBundleHeaderLabelProps, type MessageForwardedBundleHeaderProps, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, type MessageForwardedBundleItemAuthorProps, MessageForwardedBundleItemContent, type MessageForwardedBundleItemContentProps, MessageForwardedBundleItemMeta, type MessageForwardedBundleItemMetaProps, type MessageForwardedBundleItemProps, MessageForwardedBundleItems, type MessageForwardedBundleItemsProps, type MessageForwardedBundleProps, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, type MessageForwardedBundleSourceLabelProps, type MessageForwardedBundleSourceProps };

package/dist/components/message-forwarded-bundle/message-forwarded-bundle.d.mts

@@ -0,0 +1,92 @@
+import { ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/message-forwarded-bundle/message-forwarded-bundle.d.ts
+type DivProps = useRender.ComponentProps<"div">;
+type SpanProps = useRender.ComponentProps<"span">;
+type ButtonProps = useRender.ComponentProps<"button">;
+type ArticleProps = useRender.ComponentProps<"article">;
+export type MessageForwardedBundleProps = DivProps & {
+  fullWidth?: boolean;
+};
+export declare function MessageForwardedBundle({ className, fullWidth, render, ...props }: MessageForwardedBundleProps): import("react").JSX.Element;
+export type MessageForwardedBundleHeaderProps = DivProps;
+export declare function MessageForwardedBundleHeader({ className, render, ...props }: MessageForwardedBundleHeaderProps): import("react").JSX.Element;
+export type MessageForwardedBundleHeaderContentProps = DivProps;
+export declare function MessageForwardedBundleHeaderContent({ className, render, ...props }: MessageForwardedBundleHeaderContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleHeaderLabelProps = SpanProps;
+export declare function MessageForwardedBundleHeaderLabel({ className, render, ...props }: MessageForwardedBundleHeaderLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleHeaderCountProps = SpanProps;
+export declare function MessageForwardedBundleHeaderCount({ className, render, ...props }: MessageForwardedBundleHeaderCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleItemsProps = DivProps & {
+  collapsed?: boolean;
+  /**
+   * How many rendered text lines the default fold allows before folding.
+   * Only used in the component-owned mode (`collapsed` omitted).
+   */
+  foldLineLimit?: number;
+};
+/**
+ * The items surface. Without a `collapsed` prop the fold is component-owned:
+ * the surface measures its item-content slots and collapses itself to
+ * `foldLineLimit` lines when the text renders beyond that many lines in total
+ * (eight by default). Passing `collapsed` switches to the controlled mode
+ * (the detail view pins everything open) and skips the measurement.
+ */
+export declare function MessageForwardedBundleItems({ className, collapsed, foldLineLimit, render, style, ...props }: MessageForwardedBundleItemsProps): import("react").JSX.Element;
+export type MessageForwardedBundleItemProps = ArticleProps;
+export declare function MessageForwardedBundleItem({ className, render, ...props }: MessageForwardedBundleItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleItemMetaProps = DivProps;
+export declare function MessageForwardedBundleItemMeta({ className, render, ...props }: MessageForwardedBundleItemMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleItemAuthorProps = SpanProps;
+export declare function MessageForwardedBundleItemAuthor({ className, render, ...props }: MessageForwardedBundleItemAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleItemContentProps = DivProps;
+/**
+ * The item's text body. The component-owned fold measures these slots: when
+ * their combined content renders beyond the fold line limit the card folds.
+ */
+export declare function MessageForwardedBundleItemContent({ className, render, ...props }: MessageForwardedBundleItemContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleAttachmentsProps = DivProps;
+export declare function MessageForwardedBundleAttachments({ className, render, ...props }: MessageForwardedBundleAttachmentsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleAttachmentProps = SpanProps & {
+  /**
+   * Marks the attachment as actionable (the consumer wires the open action on
+   * `render`). Adds the pointer/hover/focus affordance to the chip.
+   */
+  interactive?: boolean;
+};
+export declare function MessageForwardedBundleAttachment({ className, interactive, render, ...props }: MessageForwardedBundleAttachmentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleAttachmentNameProps = SpanProps;
+export declare function MessageForwardedBundleAttachmentName({ className, render, ...props }: MessageForwardedBundleAttachmentNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleAttachmentMetaProps = SpanProps;
+export declare function MessageForwardedBundleAttachmentMeta({ className, render, ...props }: MessageForwardedBundleAttachmentMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleFooterProps = DivProps;
+export declare function MessageForwardedBundleFooter({ className, render, ...props }: MessageForwardedBundleFooterProps): import("react").JSX.Element | null;
+export type MessageForwardedBundleSourceProps = ButtonProps;
+export declare function MessageForwardedBundleSource({ className, render, ...props }: MessageForwardedBundleSourceProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleSourceLabelProps = SpanProps;
+export declare function MessageForwardedBundleSourceLabel({ className, render, ...props }: MessageForwardedBundleSourceLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleFooterActionProps = ButtonProps & {
+  /**
+   * What the action shows while the component-owned fold is expanded
+   * (`children` render while it is folded). Ignored in the controlled mode,
+   * where the consumer drives and labels the fold itself.
+   */
+  expandedContent?: ReactNode;
+};
+export declare function MessageForwardedBundleFooterAction({ className, render, onClick, children, expandedContent, ...props }: MessageForwardedBundleFooterActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageForwardedBundleGalleryProps = DivProps;
+/**
+ * Image rows for forwarded attachments. The gallery owns the layout — rows of
+ * three (a lone row of exactly four splits two-and-two) at the message gallery
+ * row heights — and composes the shared MessageImageGallery surfaces, so
+ * forwarded images are the same component family as images in a message.
+ * Consumers only place the media (`MessageForwardedBundleGalleryTile`).
+ */
+export declare function MessageForwardedBundleGallery({ className, children, ...props }: MessageForwardedBundleGalleryProps): import("react").JSX.Element;
+export type MessageForwardedBundleGalleryTileProps = DivProps;
+/**
+ * A media cell in the forwarded gallery rows: the shared message gallery item
+ * (its surface and rounding come from MessageImageGalleryItem).
+ */
+export declare function MessageForwardedBundleGalleryTile({ className, render, ...props }: MessageForwardedBundleGalleryTileProps): import("react").JSX.Element;
+//#endregion