@botiverse/raft-ui 0.94.0 → 0.95.1

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

@@ -1,5 +1,4 @@
-//#region src/components/message-embed/message-embed.recipe.d.ts
-export declare const messageEmbed: import("tailwind-variants/lite").TVReturnType<{
+export declare const messageEmbed: import("tailwind-variants/config").TVReturnType<{
   size: {
     item: {
       root: string[];
@@ -13,133 +12,8 @@ export declare const messageEmbed: import("tailwind-variants/lite").TVReturnType
   header: string[];
   content: string[];
   footer: string[];
-}, undefined, {
-  size: {
-    item: {
-      root: string[];
-    };
-    content: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  header: string[];
-  content: string[];
-  footer: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  size: {
-    item: {
-      root: string[];
-    };
-    content: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  header: string[];
-  content: string[];
-  footer: string[];
-}>>;
-export declare const messageCard: import("tailwind-variants/lite").TVReturnType<{
-  [key: string]: {
-    [key: string]: {
-      actionGroup?: import("tailwind-variants/lite").ClassValue;
-      actionRow?: import("tailwind-variants/lite").ClassValue;
-      actions?: import("tailwind-variants/lite").ClassValue;
-      body?: import("tailwind-variants/lite").ClassValue;
-      eyebrow?: import("tailwind-variants/lite").ClassValue;
-      heading?: import("tailwind-variants/lite").ClassValue;
-      inset?: import("tailwind-variants/lite").ClassValue;
-      meta?: import("tailwind-variants/lite").ClassValue;
-      popover?: import("tailwind-variants/lite").ClassValue;
-      source?: import("tailwind-variants/lite").ClassValue;
-      sourceFooter?: import("tailwind-variants/lite").ClassValue;
-      sourceHost?: import("tailwind-variants/lite").ClassValue;
-      sourceHostText?: import("tailwind-variants/lite").ClassValue;
-      sourceIcon?: import("tailwind-variants/lite").ClassValue;
-      sourceName?: import("tailwind-variants/lite").ClassValue;
-      title?: import("tailwind-variants/lite").ClassValue;
-    } | import("tailwind-variants/lite").ClassValue;
-  };
-} | {
-  [x: string]: {
-    [x: string]: {
-      actionGroup?: import("tailwind-variants/lite").ClassValue;
-      actionRow?: import("tailwind-variants/lite").ClassValue;
-      actions?: import("tailwind-variants/lite").ClassValue;
-      body?: import("tailwind-variants/lite").ClassValue;
-      eyebrow?: import("tailwind-variants/lite").ClassValue;
-      heading?: import("tailwind-variants/lite").ClassValue;
-      inset?: import("tailwind-variants/lite").ClassValue;
-      meta?: import("tailwind-variants/lite").ClassValue;
-      popover?: import("tailwind-variants/lite").ClassValue;
-      source?: import("tailwind-variants/lite").ClassValue;
-      sourceFooter?: import("tailwind-variants/lite").ClassValue;
-      sourceHost?: import("tailwind-variants/lite").ClassValue;
-      sourceHostText?: import("tailwind-variants/lite").ClassValue;
-      sourceIcon?: import("tailwind-variants/lite").ClassValue;
-      sourceName?: import("tailwind-variants/lite").ClassValue;
-      title?: import("tailwind-variants/lite").ClassValue;
-    } | import("tailwind-variants/lite").ClassValue;
-  };
-} | {}, {
-  source: string[];
-  sourceIcon: string[];
-  sourceName: string[];
-  sourceHost: string[];
-  sourceHostText: string[];
-  sourceFooter: string[];
-  body: string[];
-  eyebrow: string[];
-  title: string[];
-  heading: string[];
-  meta: string[];
-  actions: string[];
-  actionRow: string[];
-  actionGroup: string[];
-  inset: string[];
-  popover: string[];
-}, undefined, {
-  [key: string]: {
-    [key: string]: {
-      actionGroup?: import("tailwind-variants/lite").ClassValue;
-      actionRow?: import("tailwind-variants/lite").ClassValue;
-      actions?: import("tailwind-variants/lite").ClassValue;
-      body?: import("tailwind-variants/lite").ClassValue;
-      eyebrow?: import("tailwind-variants/lite").ClassValue;
-      heading?: import("tailwind-variants/lite").ClassValue;
-      inset?: import("tailwind-variants/lite").ClassValue;
-      meta?: import("tailwind-variants/lite").ClassValue;
-      popover?: import("tailwind-variants/lite").ClassValue;
-      source?: import("tailwind-variants/lite").ClassValue;
-      sourceFooter?: import("tailwind-variants/lite").ClassValue;
-      sourceHost?: import("tailwind-variants/lite").ClassValue;
-      sourceHostText?: import("tailwind-variants/lite").ClassValue;
-      sourceIcon?: import("tailwind-variants/lite").ClassValue;
-      sourceName?: import("tailwind-variants/lite").ClassValue;
-      title?: import("tailwind-variants/lite").ClassValue;
-    } | import("tailwind-variants/lite").ClassValue;
-  };
-} | {}, {
-  source: string[];
-  sourceIcon: string[];
-  sourceName: string[];
-  sourceHost: string[];
-  sourceHostText: string[];
-  sourceFooter: string[];
-  body: string[];
-  eyebrow: string[];
-  title: string[];
-  heading: string[];
-  meta: string[];
-  actions: string[];
-  actionRow: string[];
-  actionGroup: string[];
-  inset: string[];
-  popover: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<unknown, {
+}, undefined, undefined, undefined, undefined>;
+export declare const messageCard: import("tailwind-variants/config").TVReturnType<{}, {
   source: string[];
   sourceIcon: string[];
   sourceName: string[];
@@ -156,5 +30,4 @@ export declare const messageCard: import("tailwind-variants/lite").TVReturnType<
   actionGroup: string[];
   inset: string[];
   popover: string[];
-}>>;
-//#endregion
+}, undefined, undefined, undefined, undefined>;

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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-embed/message-embed.recipe.ts
+// src/components/message-embed/message-embed.recipe.ts
 const messageEmbed = tv({
 	slots: {
 		root: [
@@ -50,5 +50,4 @@ const messageCard = tv({ slots: {
 	inset: ["p-3"],
 	popover: ["w-[400px] max-w-(--available-width)"]
 } });
-//#endregion
 export { messageCard, messageEmbed };

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

@@ -1,6 +1,5 @@
 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">;
@@ -89,4 +88,4 @@ export type MessageForwardedBundleGalleryTileProps = DivProps;
  * (its surface and rounding come from MessageImageGalleryItem).
  */
 export declare function MessageForwardedBundleGalleryTile({ className, render, ...props }: MessageForwardedBundleGalleryTileProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/message-forwarded-bundle/message-forwarded-bundle.mjs

@@ -1,11 +1,11 @@
-import { MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader } from "../message-embed/message-embed.mjs";
 import { MessageImageGallery, MessageImageGalleryItem } from "../message-attachment/message-image-gallery.mjs";
+import { MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader } from "../message-embed/message-embed.mjs";
 import { messageForwardedBundle, messageForwardedBundleGallery, messageForwardedBundleItem } from "./message-forwarded-bundle.recipe.mjs";
 import { Children, createContext, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from "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/message-forwarded-bundle/message-forwarded-bundle.tsx
+// src/components/message-forwarded-bundle/message-forwarded-bundle.tsx
 const MessageForwardedBundleFoldContext = createContext(null);
 /**
 * The card folds when the items' text renders beyond this many lines in
@@ -321,5 +321,4 @@ function MessageForwardedBundleGalleryTile({ className, render, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel };

package/dist/components/message-forwarded-bundle/message-forwarded-bundle.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-forwarded-bundle/message-forwarded-bundle.recipe.ts
+// src/components/message-forwarded-bundle/message-forwarded-bundle.recipe.ts
 const messageForwardedBundle = tv({
 	slots: {
 		root: ["mt-1"],
@@ -77,5 +77,4 @@ const messageForwardedBundleGallery = tv({
 		3: { row: "grid-cols-3 auto-rows-28 @min-[360px]/bundle:auto-rows-32" }
 	} }
 });
-//#endregion
 export { messageForwardedBundle, messageForwardedBundleGallery, messageForwardedBundleItem };

package/dist/components/message-item/message-footer.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-footer.d.ts
 export type MessageItemBadgeStatus = "read" | "unread";
 export type MessageItemBadgeProps = useRender.ComponentProps<"span"> & {
   status?: MessageItemBadgeStatus;
@@ -16,5 +15,4 @@ export type MessageItemSavedIndicatorProps = useRender.ComponentProps<"span"> &
 };
 export declare function MessageItemSavedIndicator({ className, iconOnly, render, ...props }: MessageItemSavedIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemReadReceiptProps = useRender.ComponentProps<"span">;
-export declare function MessageItemReadReceipt({ className, render, ...props }: MessageItemReadReceiptProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageItemReadReceipt({ className, render, ...props }: MessageItemReadReceiptProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-footer.mjs

@@ -3,7 +3,7 @@ import { messageFooter } from "./message-footer.recipe.mjs";
 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/message-item/message-footer.tsx
+// src/components/message-item/message-footer.tsx
 function MessageItemBadge({ className, status = "read", ...props }) {
 	const { badge } = messageFooter({ badgeStatus: status });
 	return /* @__PURE__ */ jsx(Badge, {
@@ -50,5 +50,4 @@ function MessageItemReadReceipt({ className, render, ...props }) {
 		state: { slot: "message-item-read-receipt" }
 	});
 }
-//#endregion
 export { MessageItemBadge, MessageItemBadgeSeparator, MessageItemReadReceipt, MessageItemSavedIndicator };

package/dist/components/message-item/message-footer.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-item/message-footer.recipe.ts
+// src/components/message-item/message-footer.recipe.ts
 const messageFooter = tv({
 	slots: {
 		savedIndicator: [
@@ -42,5 +42,4 @@ const messageFooter = tv({
 	},
 	defaultVariants: { iconOnly: false }
 });
-//#endregion
 export { messageFooter };

package/dist/components/message-item/message-item-content.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-content.d.ts
 export type MessageItemContentProps = useRender.ComponentProps<"div">;
 export declare function MessageItemContent({ className, render, ...props }: MessageItemContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemBodyProps = useRender.ComponentProps<"div">;
@@ -32,5 +31,4 @@ export type MessageItemTrailingProps = useRender.ComponentProps<"span">;
  * `data-trailing="block"` on the body), so the CSS needs no structural selector,
  * and one shared ResizeObserver sets the room (`--message-trailing-width`).
  */
-export declare function MessageItemTrailing({ className, render, ref, ...props }: MessageItemTrailingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageItemTrailing({ className, render, ref, ...props }: MessageItemTrailingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-item-content.mjs

@@ -2,7 +2,7 @@ import { messageItem } from "./message-item.recipe.mjs";
 import { useCallback, useLayoutEffect, useRef } from "react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-content.tsx
+// src/components/message-item/message-item-content.tsx
 function MessageItemContent({ className, render, ...props }) {
 	const { content } = messageItem();
 	const defaultProps = { className: content({ className }) };
@@ -222,5 +222,4 @@ function MessageItemTrailing({ className, render, ref, ...props }) {
 		state: { slot: "message-item-trailing" }
 	});
 }
-//#endregion
 export { MessageItemAttachments, MessageItemBody, MessageItemContent, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemSearchMatch, MessageItemTrailing };

package/dist/components/message-item/message-item-delegated.d.mts

@@ -1,7 +1,6 @@
 import { AvatarBadgeProps } from "../avatar/avatar.mjs";
 import "../avatar/index.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-delegated.d.ts
 export type MessageItemDelegatedByProps = useRender.ComponentProps<"span">;
 /**
  * Says an assistant sent the message for its owner, the sender: "sent by
@@ -34,5 +33,4 @@ export type MessageItemDelegatedAvatarProps = Omit<AvatarBadgeProps, "presence"
  * `MessageItemDelegatedBy` already says who sent the message. Only on a
  * person's avatar: an agent's corner is its presence light.
  */
-export declare function MessageItemDelegatedAvatar({ className, deleted, ...props }: MessageItemDelegatedAvatarProps): import("react").JSX.Element;
-//#endregion
+export declare function MessageItemDelegatedAvatar({ className, deleted, ...props }: MessageItemDelegatedAvatarProps): import("react").JSX.Element;

package/dist/components/message-item/message-item-delegated.mjs

@@ -3,7 +3,7 @@ import { messageItem } from "./message-item.recipe.mjs";
 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/message-item/message-item-delegated.tsx
+// src/components/message-item/message-item-delegated.tsx
 /**
 * Says an assistant sent the message for its owner, the sender: "sent by
 * Friday". Put it in `MessageItemHeader` after `MessageItemSenderGroup`, and
@@ -68,5 +68,4 @@ function MessageItemDelegatedAvatar({ className, deleted, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName };

package/dist/components/message-item/message-item-gutter.d.mts

@@ -1,10 +1,8 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-gutter.d.ts
 export type MessageItemGutterProps = useRender.ComponentProps<"div">;
 export declare function MessageItemGutter({ className, render, ...props }: MessageItemGutterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemAvatarSlotProps = useRender.ComponentProps<"div">;
 export declare function MessageItemAvatarSlot({ className, render, ...props }: MessageItemAvatarSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemContinuationTimeProps = useRender.ComponentProps<"time">;
 /** Left-gutter hover clock for continuation rows, a `<time>`: pass the moment in `dateTime`. Show the hour and minute only, in the person's 12h/24h format, with no AM/PM (`6:35`, `18:35`). */
-export declare function MessageItemContinuationTime({ className, id, render, ...props }: MessageItemContinuationTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageItemContinuationTime({ className, id, render, ...props }: MessageItemContinuationTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-item-gutter.mjs

@@ -2,7 +2,7 @@ import { useMessageItemLabelId } from "./message-item-label.mjs";
 import { messageItem } from "./message-item.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-gutter.tsx
+// src/components/message-item/message-item-gutter.tsx
 function MessageItemGutter({ className, render, ...props }) {
 	const { gutter } = messageItem();
 	const defaultProps = { className: gutter({ className }) };
@@ -37,5 +37,4 @@ function MessageItemContinuationTime({ className, id, render, ...props }) {
 		state: { slot: "message-item-continuation-time" }
 	});
 }
-//#endregion
 export { MessageItemAvatarSlot, MessageItemContinuationTime, MessageItemGutter };

package/dist/components/message-item/message-item-header.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-header.d.ts
 export type MessageItemHeaderProps = useRender.ComponentProps<"div">;
 export declare function MessageItemHeader({ className, render, ...props }: MessageItemHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemSenderGroupProps = useRender.ComponentProps<"span">;
@@ -25,5 +24,4 @@ export type MessageItemTimeProps = useRender.ComponentProps<"time">;
  */
 export declare function MessageItemTime({ className, id, render, ...props }: MessageItemTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemInlineStatusProps = useRender.ComponentProps<"span">;
-export declare function MessageItemInlineStatus({ className, render, ...props }: MessageItemInlineStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageItemInlineStatus({ className, render, ...props }: MessageItemInlineStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-item-header.mjs

@@ -2,7 +2,7 @@ import { useMessageItemLabelId } from "./message-item-label.mjs";
 import { messageItem } from "./message-item.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-header.tsx
+// src/components/message-item/message-item-header.tsx
 function MessageItemHeader({ className, render, ...props }) {
 	const { header } = messageItem();
 	const defaultProps = { className: header({ className }) };
@@ -103,5 +103,4 @@ function MessageItemInlineStatus({ className, render, ...props }) {
 		state: { slot: "message-item-inline-status" }
 	});
 }
-//#endregion
 export { MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime };

package/dist/components/message-item/message-item-label.mjs

@@ -1,5 +1,5 @@
 import { createContext, isValidElement, useContext, useId, useLayoutEffect, useRef, useState } from "react";
-//#region src/components/message-item/message-item-label.ts
+// src/components/message-item/message-item-label.ts
 const MessageItemLabelContext = createContext(null);
 const MessageItemLabelProvider = MessageItemLabelContext.Provider;
 /**
@@ -109,5 +109,4 @@ function readConsumerLabel(props, render) {
 		ariaLabelledBy: pick("aria-labelledby")
 	};
 }
-//#endregion
 export { MessageItemLabelProvider, readConsumerLabel, useMessageItemLabel, useMessageItemLabelId };

package/dist/components/message-item/message-item-root.d.mts

@@ -1,6 +1,5 @@
 import { MessageItemVariantProps } from "./message-item.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-root.d.ts
 export type MessageItemProps = useRender.ComponentProps<"div"> & Pick<MessageItemVariantProps, "compact"> & {
   /**
    * The message someone just jumped to: the row shows `info-soft` at once
@@ -21,5 +20,4 @@ export type MessageItemProps = useRender.ComponentProps<"div"> & Pick<MessageIte
  * either; a `render` function's props can't be read, so pass them on
  * MessageItem then.
  */
-export declare function MessageItem({ className, compact, located, render, ...props }: MessageItemProps): import("react").JSX.Element;
-//#endregion
+export declare function MessageItem({ className, compact, located, render, ...props }: MessageItemProps): import("react").JSX.Element;

package/dist/components/message-item/message-item-root.mjs

@@ -3,7 +3,7 @@ import { messageItem } from "./message-item.recipe.mjs";
 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/message-item/message-item-root.tsx
+// src/components/message-item/message-item-root.tsx
 /**
 * One message: an `article` named by its sender and its time
 * (`aria-labelledby` pointing at `MessageItemSender` or
@@ -35,5 +35,4 @@ function MessageItem({ className, compact, located = false, render, ...props })
 		children: element
 	});
 }
-//#endregion
 export { MessageItem };

package/dist/components/message-item/message-item-toolbar.d.mts

@@ -1,9 +1,7 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-toolbar.d.ts
 export type MessageItemToolbarProps = useRender.ComponentProps<"div">;
 export declare function MessageItemToolbar({ className, render, ref, ...props }: MessageItemToolbarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageItemToolbarButtonProps = useRender.ComponentProps<"button"> & {
   active?: boolean;
 };
-export declare function MessageItemToolbarButton({ active, className, render, ...props }: MessageItemToolbarButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageItemToolbarButton({ active, className, render, ...props }: MessageItemToolbarButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-item-toolbar.mjs

@@ -1,7 +1,7 @@
 import { messageItem } from "./message-item.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-item-toolbar.tsx
+// src/components/message-item/message-item-toolbar.tsx
 const TOOLBAR_WIDTH = "--mi-toolbar-width";
 /**
 * Five buttons' width (5 × 28px, 4 × 4px apart, 4px from the frame each
@@ -127,5 +127,4 @@ function MessageItemToolbarButton({ active = false, className, render, ...props
 		state: { slot: "message-item-toolbar-button" }
 	});
 }
-//#endregion
 export { MessageItemToolbar, MessageItemToolbarButton };

package/dist/components/message-item/message-item.recipe.d.mts

@@ -1,6 +1,5 @@
 import { VariantProps } from "../../lib/tv.mjs";
-//#region src/components/message-item/message-item.recipe.d.ts
-export declare const messageItem: import("tailwind-variants/lite").TVReturnType<{
+export declare const messageItem: import("tailwind-variants/config").TVReturnType<{
   compact: {
     true: {
       root: string[];
@@ -33,72 +32,5 @@ export declare const messageItem: import("tailwind-variants/lite").TVReturnType<
   footer: string[];
   toolbar: string[];
   toolbarButton: string[];
-}, undefined, {
-  compact: {
-    true: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  gutter: string[];
-  avatarSlot: string[];
-  continuationTime: string[];
-  content: string[];
-  header: string[];
-  senderGroup: string[];
-  sender: string[];
-  senderButton: string[];
-  senderBadges: string[];
-  meta: string[];
-  time: string[];
-  inlineStatus: string[];
-  delegatedBy: string[];
-  delegatedByName: string[];
-  delegatedByButton: string[];
-  delegatedAvatar: string[];
-  edited: string[];
-  trailing: string[];
-  body: string[];
-  searchMatch: string[];
-  embedded: string[];
-  attachments: string[];
-  footer: string[];
-  toolbar: string[];
-  toolbarButton: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  compact: {
-    true: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  gutter: string[];
-  avatarSlot: string[];
-  continuationTime: string[];
-  content: string[];
-  header: string[];
-  senderGroup: string[];
-  sender: string[];
-  senderButton: string[];
-  senderBadges: string[];
-  meta: string[];
-  time: string[];
-  inlineStatus: string[];
-  delegatedBy: string[];
-  delegatedByName: string[];
-  delegatedByButton: string[];
-  delegatedAvatar: string[];
-  edited: string[];
-  trailing: string[];
-  body: string[];
-  searchMatch: string[];
-  embedded: string[];
-  attachments: string[];
-  footer: string[];
-  toolbar: string[];
-  toolbarButton: string[];
-}>>;
-export type MessageItemVariantProps = VariantProps<typeof messageItem>;
-//#endregion
+}, undefined, undefined, undefined, undefined>;
+export type MessageItemVariantProps = VariantProps<typeof messageItem>;

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

@@ -1,6 +1,6 @@
-import { tv } from "../../lib/tv.mjs";
 import { searchHit } from "../../lib/search-hit.mjs";
-//#region src/components/message-item/message-item.recipe.ts
+import { tv } from "../../lib/tv.mjs";
+// src/components/message-item/message-item.recipe.ts
 const sender = [
 	"min-w-0 truncate",
 	"text-subhead font-bold text-foreground",
@@ -111,5 +111,4 @@ const messageItem = tv({
 	},
 	variants: { compact: { true: { root: ["border-t-0"] } } }
 });
-//#endregion
 export { messageItem };

package/dist/components/message-item/message-multi-select.d.mts

@@ -1,7 +1,6 @@
 import { CheckboxProps } from "../checkbox/checkbox.mjs";
 import "../checkbox/index.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/message-item/message-multi-select.d.ts
 export type MessageMultiSelectProps = useRender.ComponentProps<"div">;
 export declare function MessageMultiSelect({ className, render, ...props }: MessageMultiSelectProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageMultiSelectToolbarProps = useRender.ComponentProps<"div">;
@@ -11,5 +10,4 @@ export type MessageMultiSelectToolbarActionsProps = useRender.ComponentProps<"di
 /** The toolbar's actions, at its end, 4px apart like every floating toolbar's buttons. */
 export declare function MessageMultiSelectToolbarActions({ className, render, ...props }: MessageMultiSelectToolbarActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageMultiSelectCheckboxProps = CheckboxProps;
-export declare function MessageMultiSelectCheckbox({ className, ...props }: MessageMultiSelectCheckboxProps): import("react").JSX.Element;
-//#endregion
+export declare function MessageMultiSelectCheckbox({ className, ...props }: MessageMultiSelectCheckboxProps): import("react").JSX.Element;

package/dist/components/message-item/message-multi-select.mjs

@@ -3,7 +3,7 @@ import { messageMultiSelect } from "./message-multi-select.recipe.mjs";
 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/message-item/message-multi-select.tsx
+// src/components/message-item/message-multi-select.tsx
 function MessageMultiSelect({ className, render, ...props }) {
 	const { root } = messageMultiSelect();
 	const defaultProps = { className: root({ className }) };
@@ -45,5 +45,4 @@ function MessageMultiSelectCheckbox({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions };

package/dist/components/message-item/message-multi-select.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-item/message-multi-select.recipe.ts
+// src/components/message-item/message-multi-select.recipe.ts
 const messageMultiSelect = tv({ slots: {
 	root: ["flex min-h-0 min-w-0 flex-1 flex-col"],
 	checkbox: [
@@ -19,5 +19,4 @@ const messageMultiSelect = tv({ slots: {
 	],
 	toolbarActions: ["flex min-w-0 flex-1 flex-wrap items-center justify-end", "gap-1"]
 } });
-//#endregion
 export { messageMultiSelect };

package/dist/components/message-item/message-reaction.d.mts

@@ -5,7 +5,6 @@ import { TooltipContentProps } from "../tooltip/tooltip.mjs";
 import "../tooltip/index.mjs";
 import { useRender } from "@base-ui/react/use-render";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/message-item/message-reaction.d.ts
 export type MessageReactionChipProps = Omit<StyledProps<Toggle.Props>, "type">;
 export declare function MessageReactionChip({ className, ...props }: MessageReactionChipProps): import("react").JSX.Element;
 export type MessageReactionErrorIndicatorProps = useRender.ComponentProps<"span">;
@@ -35,5 +34,4 @@ export declare function MessageReactionTooltipNameText({ className, render, ...p
 export type MessageReactionTooltipSeparatorProps = useRender.ComponentProps<"span">;
 export declare function MessageReactionTooltipSeparator({ className, render, ...props }: MessageReactionTooltipSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type MessageReactionTooltipMetaProps = useRender.ComponentProps<"span">;
-export declare function MessageReactionTooltipMeta({ className, render, ...props }: MessageReactionTooltipMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function MessageReactionTooltipMeta({ className, render, ...props }: MessageReactionTooltipMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/message-item/message-reaction.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/message-item/message-reaction.tsx
+// src/components/message-item/message-reaction.tsx
 function MessageReactionChip({ className, ...props }) {
 	const { chip } = messageReaction();
 	return /* @__PURE__ */ jsx(Toggle, {
@@ -184,5 +184,4 @@ function MessageReactionTooltipMeta({ className, render, ...props }) {
 		state: { slot: "message-reaction-tooltip-meta" }
 	});
 }
-//#endregion
 export { MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator };

package/dist/components/message-item/message-reaction.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/message-item/message-reaction.recipe.ts
+// src/components/message-item/message-reaction.recipe.ts
 const reactionCountKeyframes = [
 	{
 		opacity: .7,
@@ -73,5 +73,4 @@ const messageReaction = tv({ slots: {
 	tooltipSeparator: ["shrink-0", "text-foreground-on-hud/70"],
 	tooltipMeta: ["leading-5", "text-foreground-on-hud/70"]
 } });
-//#endregion
 export { messageReaction, reactionCountKeyframes, reactionCountTiming };