@botiverse/raft-ui 0.94.0 → 0.95.1

package/dist/components/lightbox/lightbox.mjs

@@ -1,10 +1,10 @@
 import { cn } from "../../cn.mjs";
 import { headEdgePull } from "../../lib/head-edges.mjs";
+import { OverlayLayerProvider, useParentOverlayKind } from "../../lib/overlay-depth.mjs";
 import { tv } from "../../lib/tv.mjs";
+import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
-import { OverlayLayerProvider, useParentOverlayKind } from "../../lib/overlay-depth.mjs";
 import { Button } from "../button/button.mjs";
-import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { Dialog } from "@base-ui/react/dialog";
 import { createContext, useCallback, useContext, useRef, useState } from "react";
@@ -12,7 +12,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { useHotkey } from "@tanstack/react-hotkeys";
-//#region src/components/lightbox/lightbox.tsx
+// src/components/lightbox/lightbox.tsx
 const lightbox = tv({
 	slots: {
 		portal: ["relative isolate z-lightbox"],
@@ -527,5 +527,4 @@ function LightboxClose({ className, render, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Lightbox, LightboxActions, LightboxBody, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger };

package/dist/components/list-row/list-row-skeleton.d.mts

@@ -1,5 +1,4 @@
 import { ListRowProps } from "./list-row.mjs";
-//#region src/components/list-row/list-row-skeleton.d.ts
 export type ListRowSkeletonProps = Omit<ListRowProps, "tone" | "selected" | "interactive" | "children"> & {
   /**
    * A leading block: 35px for an avatar or tile in a `default` row, 20px for
@@ -17,5 +16,4 @@ export type ListRowSkeletonProps = Omit<ListRowProps, "tone" | "selected" | "int
  * same place. Hidden from assistive technology: mark the region that stays
  * while the list loads, such as its `ListRowGroup`, `aria-busy`.
  */
-export declare function ListRowSkeleton({ variant, leading, description, className, ...props }: ListRowSkeletonProps): import("react").JSX.Element;
-//#endregion
+export declare function ListRowSkeleton({ variant, leading, description, className, ...props }: ListRowSkeletonProps): import("react").JSX.Element;

package/dist/components/list-row/list-row-skeleton.mjs

@@ -1,8 +1,8 @@
 import { tv } from "../../lib/tv.mjs";
-import { ListRow, ListRowBody, ListRowBottom, ListRowDescription, ListRowMeta, ListRowTitle, ListRowTop } from "./list-row.mjs";
 import { Skeleton } from "../skeleton/skeleton.mjs";
+import { ListRow, ListRowBody, ListRowBottom, ListRowDescription, ListRowMeta, ListRowTitle, ListRowTop } from "./list-row.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list-row/list-row-skeleton.tsx
+// src/components/list-row/list-row-skeleton.tsx
 const listRowSkeleton = tv({ slots: {
 	row: [
 		"[--list-row-skeleton-title:45%] [--list-row-skeleton-description:75%]",
@@ -39,5 +39,4 @@ function ListRowSkeleton({ variant = "default", leading = variant === "default",
 		children: [leading ? /* @__PURE__ */ jsx(Skeleton, { className: variant === "default" ? slots.avatar() : slots.icon() }) : null, /* @__PURE__ */ jsxs(ListRowBody, { children: [/* @__PURE__ */ jsxs(ListRowTop, { children: [/* @__PURE__ */ jsx(ListRowTitle, { children: bar(slots.titleBar()) }), variant === "default" ? /* @__PURE__ */ jsx(ListRowMeta, { children: bar(slots.metaBar()) }) : null] }), description ? /* @__PURE__ */ jsx(ListRowBottom, { children: /* @__PURE__ */ jsx(ListRowDescription, { children: bar(slots.descriptionBar()) }) }) : null] })]
 	});
 }
-//#endregion
 export { ListRowSkeleton };

package/dist/components/list-row/list-row.d.mts

@@ -1,8 +1,7 @@
-import { VariantProps } from "../../lib/tv.mjs";
 import { RiskTone, RowTone } from "../../lib/row-tone.mjs";
+import { VariantProps } from "../../lib/tv.mjs";
 import { listRow } from "./list-row.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/list-row/list-row.d.ts
 export type ListRowGroupProps = useRender.ComponentProps<"div">;
 /** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
 export declare function ListRowGroup({ className, render, ...props }: ListRowGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
@@ -92,5 +91,4 @@ export type ListRowValueProps = useRender.ComponentProps<"span">;
 export declare function ListRowValue({ className, render, ...props }: ListRowValueProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ListRowChevronProps = useRender.ComponentProps<"span">;
 /** The ink-3 arrow of a row that opens another page. */
-export declare function ListRowChevron({ className, render, ...props }: ListRowChevronProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function ListRowChevron({ className, render, ...props }: ListRowChevronProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/list-row/list-row.mjs

@@ -3,7 +3,7 @@ import { ChevronRight } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/list-row/list-row.tsx
+// src/components/list-row/list-row.tsx
 /** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
 function ListRowGroup({ className, render, ...props }) {
 	const { group } = listRow();
@@ -36,6 +36,7 @@ function ListRow({ variant = "default", tone = "default", selected = false, inte
 		"data-tone": tone === "default" ? void 0 : tone,
 		"data-selected": selected ? "" : void 0,
 		"data-attached": attached ? "" : void 0,
+		"data-interactive": interactive ? "" : void 0,
 		className: root({ className }),
 		...interactive && !render ? { type: "button" } : {}
 	};
@@ -186,5 +187,4 @@ function ListRowChevron({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowSubtitle, ListRowTitle, ListRowTop, ListRowValue };

package/dist/components/list-row/list-row.recipe.d.mts

@@ -1,5 +1,4 @@
-//#region src/components/list-row/list-row.recipe.d.ts
-export declare const listRow: import("tailwind-variants/lite").TVReturnType<{
+export declare const listRow: import("tailwind-variants/config").TVReturnType<{
   variant: {
     default: {
       root: string;
@@ -45,97 +44,4 @@ export declare const listRow: import("tailwind-variants/lite").TVReturnType<{
   meta: string[];
   value: string[];
   chevron: string[];
-}, undefined, {
-  variant: {
-    default: {
-      root: string;
-    };
-    plain: {
-      root: string[];
-    };
-    entry: {
-      root: string;
-    };
-  };
-  interactive: {
-    true: {};
-    false: {};
-  };
-  attached: {
-    true: {};
-    false: {};
-  };
-  cell: {
-    false: {
-      root: string[];
-    };
-    true: {
-      root: (string | string[])[];
-    };
-  };
-  wrap: {
-    true: {
-      description: string;
-    };
-    false: {};
-  };
-}, {
-  group: string[];
-  root: string[];
-  icon: string[];
-  body: string[];
-  line: string[];
-  title: string[];
-  subtitle: string[];
-  description: string[];
-  meta: string[];
-  value: string[];
-  chevron: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  variant: {
-    default: {
-      root: string;
-    };
-    plain: {
-      root: string[];
-    };
-    entry: {
-      root: string;
-    };
-  };
-  interactive: {
-    true: {};
-    false: {};
-  };
-  attached: {
-    true: {};
-    false: {};
-  };
-  cell: {
-    false: {
-      root: string[];
-    };
-    true: {
-      root: (string | string[])[];
-    };
-  };
-  wrap: {
-    true: {
-      description: string;
-    };
-    false: {};
-  };
-}, {
-  group: string[];
-  root: string[];
-  icon: string[];
-  body: string[];
-  line: string[];
-  title: string[];
-  subtitle: string[];
-  description: string[];
-  meta: string[];
-  value: string[];
-  chevron: string[];
-}>>;
-//#endregion
+}, undefined, undefined, undefined, undefined>;

package/dist/components/list-row/list-row.recipe.mjs

@@ -1,5 +1,9 @@
-import { tv } from "../../lib/tv.mjs";
 import { listCell, listCellFocus, listCellStates } from "../../lib/list-cell.mjs";
+import { tv } from "../../lib/tv.mjs";
+// src/components/list-row/list-row.recipe.ts
+const hairlineLine = ["before:pointer-events-none before:absolute before:top-0 before:right-0 before:hidden", "before:left-(--list-row-rule-start) before:border-t before:border-line-hairline"];
+const hairline = [...hairlineLine, "[[data-slot=list-row]+&]:before:block [li+li>&]:before:block"];
+const attachedAfterTarget = [...hairlineLine, "[[data-slot=list-row][data-interactive]:not([data-attached])+&]:before:block"];
 const listRow = tv({
 	slots: {
 		group: ["flex min-w-0 flex-col overflow-hidden", "rounded-container border border-line-hairline bg-layer-card text-foreground"],
@@ -70,17 +74,26 @@ const listRow = tv({
 			cell: false,
 			attached: false,
 			variant: ["default", "plain"],
-			class: { root: [
-				"before:pointer-events-none before:absolute before:top-0 before:right-0 before:hidden",
-				"before:left-(--list-row-rule-start) before:border-t before:border-line-hairline",
-				"[[data-slot=list-row]+&]:before:block [li+li>&]:before:block"
-			] }
+			class: { root: hairline }
 		},
 		{
 			variant: "plain",
 			attached: true,
 			class: { root: "pt-0" }
 		},
+		{
+			cell: false,
+			attached: true,
+			interactive: false,
+			variant: ["default", "plain"],
+			class: { root: attachedAfterTarget }
+		},
+		{
+			variant: "plain",
+			attached: true,
+			interactive: false,
+			class: { root: "[[data-slot=list-row][data-interactive]:not([data-attached])+&]:pt-(--settings-row-inset)" }
+		},
 		{
 			variant: "plain",
 			attached: true,
@@ -114,5 +127,4 @@ const listRow = tv({
 		wrap: false
 	}
 });
-//#endregion
 export { listRow };

package/dist/components/logo/raft-logo.d.mts

@@ -1,9 +1,7 @@
 import { ComponentPropsWithoutRef } from "react";
-//#region src/components/logo/raft-logo.d.ts
 export type RaftLogoProps = ComponentPropsWithoutRef<"svg">;
 export declare function RaftLogo(props: RaftLogoProps): import("react").JSX.Element;
 export type RaftWordmarkProps = ComponentPropsWithoutRef<"svg">;
 export declare function RaftWordmark(props: RaftWordmarkProps): import("react").JSX.Element;
 export type RaftLogoLockupProps = ComponentPropsWithoutRef<"svg">;
-export declare function RaftLogoLockup(props: RaftLogoLockupProps): import("react").JSX.Element;
-//#endregion
+export declare function RaftLogoLockup(props: RaftLogoLockupProps): import("react").JSX.Element;

package/dist/components/logo/raft-logo.mjs

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/logo/raft-logo.tsx
+// src/components/logo/raft-logo.tsx
 function RaftLogo(props) {
 	return /* @__PURE__ */ jsx("svg", {
 		viewBox: "0 0 113 104",
@@ -67,5 +67,4 @@ function RaftWordmarkArtwork() {
 		})
 	] });
 }
-//#endregion
 export { RaftLogo, RaftLogoLockup, RaftWordmark };

package/dist/components/markdown/markdown-parts.d.mts

@@ -1,10 +1,9 @@
-import { ScrollAreaProps } from "../scroll-area/types.mjs";
-import { CheckboxProps } from "../checkbox/checkbox.mjs";
 import "../checkbox/index.mjs";
-import { InlineCodeProps } from "../inline-code/inline-code.mjs";
+import { CheckboxProps } from "../checkbox/checkbox.mjs";
 import "../inline-code/index.mjs";
+import { InlineCodeProps } from "../inline-code/inline-code.mjs";
+import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { ComponentPropsWithRef } from "react";
-//#region src/components/markdown/markdown-parts.d.ts
 declare const HEADING_TAGS: {
   readonly 1: "h1";
   readonly 2: "h2";
@@ -56,4 +55,4 @@ export declare function MarkdownInlineCode({ className, ...props }: MarkdownInli
 export type MarkdownCheckboxProps = CheckboxProps;
 /** Task-list checkbox. Markdown task items are display-only, so it defaults to read-only. */
 export declare function MarkdownCheckbox({ className, ...props }: MarkdownCheckboxProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/markdown/markdown-parts.mjs

@@ -1,9 +1,9 @@
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { Checkbox } from "../checkbox/checkbox.mjs";
 import { InlineCode } from "../inline-code/inline-code.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { markdown } from "./markdown.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/markdown/markdown-parts.tsx
+// src/components/markdown/markdown-parts.tsx
 const HEADING_TAGS = {
 	1: "h1",
 	2: "h2",
@@ -154,5 +154,4 @@ function MarkdownCheckbox({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll };

package/dist/components/markdown/markdown.recipe.mjs

@@ -1,6 +1,6 @@
-import { tv } from "../../lib/tv.mjs";
 import { searchHit } from "../../lib/search-hit.mjs";
-//#region src/components/markdown/markdown.recipe.ts
+import { tv } from "../../lib/tv.mjs";
+// src/components/markdown/markdown.recipe.ts
 const markdown = tv({
 	slots: {
 		heading: ["leading-tight", "font-bold text-foreground"],
@@ -69,5 +69,4 @@ const markdown = tv({
 	],
 	defaultVariants: { ordered: false }
 });
-//#endregion
 export { markdown };

package/dist/components/message-action-card/message-action-card-content.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-action-card/message-action-card-content.recipe.ts
+// src/components/message-action-card/message-action-card-content.recipe.ts
 const messageActionCardContent = tv({ slots: {
 	root: ["flex flex-col gap-2 pt-0"],
 	panel: [
@@ -47,5 +47,4 @@ const messageActionCardContent = tv({ slots: {
 	actions: ["mt-1"],
 	actionsNote: ["min-w-0 basis-full", "text-footnote text-foreground-muted"]
 } });
-//#endregion
 export { messageActionCardContent };

package/dist/components/message-action-card/message-action-card.d.mts

@@ -1,10 +1,9 @@
-import { ScrollAreaProps } from "../scroll-area/types.mjs";
-import { BadgeProps } from "../badge/badge.mjs";
 import "../badge/index.mjs";
+import { BadgeProps } from "../badge/badge.mjs";
+import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { ComponentProps, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/message-action-card/message-action-card.d.ts
 /**
  * The card is a disclosure: open by default, and a consumer can fold a
  * resolved or view-only card to its header with `defaultOpen={false}` (or
@@ -101,5 +100,4 @@ export interface MessageActionCardNoticeProps extends useRender.ComponentProps<"
   icon?: ReactNode;
 }
 export type MessageActionCardCompletionProps = useRender.ComponentProps<"div">;
-export type MessageActionCardActionsProps = useRender.ComponentProps<"div">;
-//#endregion
+export type MessageActionCardActionsProps = useRender.ComponentProps<"div">;

package/dist/components/message-action-card/message-action-card.mjs

@@ -1,8 +1,8 @@
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { Badge } from "../badge/badge.mjs";
+import { MessageEmbed, MessageEmbedContent, MessageEmbedHeader } from "../message-embed/message-embed.mjs";
 import { messageCard } from "../message-embed/message-embed.recipe.mjs";
 import { useLabelValueFit } from "../../lib/label-value-fit.mjs";
-import { MessageEmbed, MessageEmbedContent, MessageEmbedHeader } from "../message-embed/message-embed.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { messageActionCard } from "./message-action-card.recipe.mjs";
 import { messageActionCardContent } from "./message-action-card-content.recipe.mjs";
 import { ChevronDown, Info, Zap } from "lucide-react";
@@ -11,7 +11,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/message-action-card/message-action-card.tsx
+// src/components/message-action-card/message-action-card.tsx
 /**
 * The card is a disclosure: open by default, and a consumer can fold a
 * resolved or view-only card to its header with `defaultOpen={false}` (or
@@ -310,5 +310,4 @@ function MessageActionCardActionsNote({ className, render, ...props }) {
 		state: { slot: "message-action-card-actions-note" }
 	});
 }
-//#endregion
 export { MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderMeta, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus };

package/dist/components/message-action-card/message-action-card.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-action-card/message-action-card.recipe.ts
+// src/components/message-action-card/message-action-card.recipe.ts
 const messageActionCard = tv({
 	slots: {
 		root: ["group/action-card mt-2"],
@@ -44,5 +44,4 @@ const messageActionCard = tv({
 		danger: { status: ["before:bg-danger"] }
 	} }
 });
-//#endregion
 export { messageActionCard };

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

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-attachment/message-attachment.d.ts
 export type MessageAttachmentGroupProps = useRender.ComponentProps<"div">;
 export declare function MessageAttachmentGroup({ className, render, ...props }: MessageAttachmentGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageAttachmentCardProps = useRender.ComponentProps<"div">;
@@ -23,5 +22,4 @@ export declare function MessageAttachmentDiffAddition({ className, render, ...pr
 export type MessageAttachmentDiffDeletionProps = useRender.ComponentProps<"span">;
 export declare function MessageAttachmentDiffDeletion({ className, render, ...props }: MessageAttachmentDiffDeletionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageAttachmentActionProps = useRender.ComponentProps<"button">;
-export declare function MessageAttachmentAction({ className, render, ...props }: MessageAttachmentActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageAttachmentAction({ className, render, ...props }: MessageAttachmentActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,7 +1,7 @@
 import { messageAttachment } from "./message-attachment.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-attachment/message-attachment.tsx
+// src/components/message-attachment/message-attachment.tsx
 function MessageAttachmentGroup({ className, render, ...props }) {
 	const { group } = messageAttachment();
 	const defaultProps = { className: group({ className }) };
@@ -125,5 +125,4 @@ function MessageAttachmentAction({ className, render, ...props }) {
 		state: { slot: "message-attachment-action" }
 	});
 }
-//#endregion
 export { MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle };

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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-attachment/message-attachment.recipe.ts
+// src/components/message-attachment/message-attachment.recipe.ts
 const messageAttachment = tv({ slots: {
 	group: "flex max-w-[360px] flex-wrap items-start gap-2",
 	card: [
@@ -32,5 +32,4 @@ const messageAttachment = tv({ slots: {
 		"[&_svg]:size-4"
 	]
 } });
-//#endregion
 export { messageAttachment };

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

@@ -1,4 +1,3 @@
-//#region src/components/message-attachment/message-image-gallery-rows.d.ts
 /**
  * Row-building rules shared by the message image gallery and the forwarded
  * bundle gallery.
@@ -43,5 +42,4 @@ export interface MessageImageGalleryRowData {
 export declare const SINGLE_IMAGE_MAX_WIDTH = 416;
 export declare const SINGLE_IMAGE_MAX_HEIGHT = 288;
 export declare function classifyMessageImageAspect(image: MessageImageGalleryImage): MessageImageGalleryAspectKind;
-export declare function buildMessageImageGalleryRows(images: ReadonlyArray<MessageImageGalleryImage>): MessageImageGalleryRowData[];
-//#endregion
+export declare function buildMessageImageGalleryRows(images: ReadonlyArray<MessageImageGalleryImage>): MessageImageGalleryRowData[];

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

@@ -1,4 +1,4 @@
-//#region src/components/message-attachment/message-image-gallery-rows.ts
+// src/components/message-attachment/message-image-gallery-rows.ts
 const SINGLE_IMAGE_MAX_WIDTH = 416;
 const SINGLE_IMAGE_MAX_HEIGHT = 288;
 function classifyMessageImageAspect(image) {
@@ -51,5 +51,4 @@ function buildMessageImageGalleryRows(images) {
 	pushBufferedRows();
 	return rows;
 }
-//#endregion
 export { SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, buildMessageImageGalleryRows, classifyMessageImageAspect };

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

@@ -1,6 +1,5 @@
 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"> & {
@@ -28,5 +27,4 @@ export declare function MessageImageGalleryOverlay({ className, render, ...props
 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
+export declare function MessageImageGalleryAction({ className, render, ...props }: MessageImageGalleryActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,7 +1,7 @@
 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
+// src/components/message-attachment/message-image-gallery.tsx
 function MessageImageGallery({ className, render, ...props }) {
 	const { root } = messageImageGallery();
 	const defaultProps = { className: root({ className }) };
@@ -101,5 +101,4 @@ function MessageImageGalleryAction({ className, render, ...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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-attachment/message-image-gallery.recipe.ts
+// 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"],
@@ -57,5 +57,4 @@ const messageImageGallery = tv({
 		}
 	}
 });
-//#endregion
 export { messageImageGallery };

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

@@ -1,5 +1,4 @@
 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">;
@@ -15,5 +14,4 @@ export declare function MessageVideoPreviewFailureTitle({ className, render, ...
 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
+export declare function MessageVideoPreviewAction({ className, render, ...props }: MessageVideoPreviewActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,7 +1,7 @@
 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
+// src/components/message-attachment/message-video-preview.tsx
 function MessageVideoPreview({ className, render, ...props }) {
 	const { root } = messageVideoPreview();
 	const defaultProps = { className: root({ className }) };
@@ -88,5 +88,4 @@ function MessageVideoPreviewAction({ className, render, ...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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-attachment/message-video-preview.recipe.ts
+// src/components/message-attachment/message-video-preview.recipe.ts
 const messageVideoPreview = tv({ slots: {
 	root: [
 		"group/video relative aspect-video w-full overflow-hidden",
@@ -29,5 +29,4 @@ const messageVideoPreview = tv({ slots: {
 		"[&_svg]:size-4"
 	]
 } });
-//#endregion
 export { messageVideoPreview };

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

@@ -1,5 +1,4 @@
 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({ interactive, size, className, render, ...props }: MessageEmbedProps): 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>>;
@@ -24,4 +23,4 @@ export type MessageEmbedProps = DivProps & {
 export type MessageEmbedHeaderProps = DivProps;
 export type MessageEmbedContentProps = DivProps;
 export type MessageEmbedFooterProps = DivProps;
-//#endregion
+export {};

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

@@ -1,7 +1,7 @@
 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
+// src/components/message-embed/message-embed.tsx
 function MessageEmbed({ interactive = false, size, className, render, ...props }) {
 	const { root } = messageEmbed({ size });
 	const defaultProps = {
@@ -42,5 +42,4 @@ function MessageEmbedFooter({ className, render, ...props }) {
 		state: { slot: "message-embed-footer" }
 	});
 }
-//#endregion
 export { MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader };