@botiverse/raft-ui 0.51.0 → 0.52.0

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

@@ -0,0 +1,63 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/logo/raft-logo.tsx
+function RaftLogo(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 113 104",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: /* @__PURE__ */ jsx(RaftMarkArtwork, {})
+	});
+}
+function RaftWordmark(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "128 0 294 104",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: /* @__PURE__ */ jsx(RaftWordmarkArtwork, {})
+	});
+}
+function RaftLogoLockup(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 422 104",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [/* @__PURE__ */ jsx(RaftMarkArtwork, {}), /* @__PURE__ */ jsx(RaftWordmarkArtwork, {})]
+	});
+}
+function RaftMarkArtwork() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#141111",
+			d: "m112.754 38.743-3.954-22.44c-.572-3.208-2.477-5.797-5.003-7.845-1.254-1.017-5.717-4.876-7.527-6.273C93.713.184 90.362-.325 87.186.184L21.82 11.84c-4.94.73-8.878 1.636-11.91 5.75-3.51 4.748-2.478 9.337-1.652 14.022l3.08 17.517c.128.715.334 1.382.556 2.033-4.32.762-7.734 2.318-9.814 5.383-2.255 3.32-2.43 5.75-1.684 10.005l3.526 20.01c.905 4.209 4.113 6.369 8.782 10.561 5.416 4.828 7.56 7.528 12.975 6.575l70.623-12.45c6.59-1.176 11.005-7.465 9.846-14.055l-3.875-22.012a12 12 0 0 0-.588-2.143l1.287-.239c6.543-1.19 10.926-7.495 9.782-14.038z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fffaef",
+			d: "M18.326 87.196 85.17 75.412a4.004 4.004 0 0 0 3.256-4.653l-3.208-18.232a4.004 4.004 0 0 0-4.653-3.255c-2.192.38-4.653.826-5.892 1.048-1.954.35-5.273-.858-5.844-4.066l-1.033-5.844-28.919 31.508c-.905.826-2.97 1.922-5.114 1.413-1.858-.444-3.208-2.064-3.541-3.938l-1.922-10.91-14.578 2.573c-2.192.397-3.653 2.477-3.272 4.653l3.208 18.215a4.004 4.004 0 0 0 4.653 3.256z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fffaef",
+			d: "M20.915 45.508c.397 2.192 2.477 3.653 4.653 3.271l5.923-1.048c2.732-.476 5.336 1.35 5.813 4.066l1.032 5.844 28.92-31.508a5.03 5.03 0 0 1 5.113-1.413 5.05 5.05 0 0 1 3.541 3.938l1.922 10.879 13.944-2.541a4.024 4.024 0 0 0 3.24-4.653l-3.288-18.66a4.01 4.01 0 0 0-4.67-3.256L20.868 22.195c-2.192.38-3.637 2.477-3.256 4.653L20.9 45.492z"
+		})
+	] });
+}
+function RaftWordmarkArtwork() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#141111",
+			d: "M190.396 17.32c8.719 0 17.39 3.747 14.897 15.642-.715 3.399-2.271 6.289-4.701 8.703q-3.645 3.597-9.767 6.336c5.495 1.906 8.258 6.528 7.845 13.849-.444 7.734-1.064 17.93-1.064 17.93h-22.503c.54-7.036 1.747-17.168-.27-20.328-1.858-2.922-9.179-1.35-9.179-1.35l-4.574 21.677s-21.661.08-21.757 0l13.134-62.444h37.939zM176.119 29.5h-4.51s-2.922 13.53-3.192 15.389c8.338-.19 14.785-3.383 16.278-8.989 1.699-6.4-5.129-6.4-8.576-6.4M274.756 79.875h-23.551l-.191-12.42-16.087.16-4.876 12.26h-24.314l29.46-62.603h33.096zm-23.583-27.268-.111-21.058h-3.272l-8.226 21.042h11.609zM339.011 33.042h-23.615l-2.113 10.052h22.52l-3.701 16.294h-22.249l-4.288 20.407h-21.757l13.118-62.317h45.483l-3.382 15.563zM401.232 34.264h-16.389l-9.576 45.531-21.598-.08 9.56-45.45h-15.182l3.446-16.787h52.344l-2.62 16.786z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#141111",
+			d: "M419.051 17.002c-1.287-1.493-5.511-5.48-6.75-6.75-2.271-2.334-5.193-3.89-8.448-3.89H296.91a11.116 11.116 0 0 0-10.878 8.83l-.89 4.192c-1.254-2.732-3.462-4.272-5.574-6.4-3.255-3.256-6.479-6.845-11.275-6.845h-33.096a11.11 11.11 0 0 0-10.053 6.384l-5.13 10.895c-.381-.572-.746-1.128-1.159-1.588-1.715-1.859-5.669-5.67-6.749-6.75-5.209-5.24-12.372-8.893-21.694-8.893h-37.939a11.12 11.12 0 0 0-10.879 8.83L128.461 77.46a11.1 11.1 0 0 0 3.303 10.433c1.302 1.207 5.431 5.527 6.749 6.75 3.224 3.001 5.972 3.08 10.99 3.08h18.39c2.62 0 5.05-1.032 6.972-2.588 1.969 1.604 4.447 2.589 7.003 2.589h59.411c2.366 0 4.24-.763 5.971-2.589 2.033 2.271 3.335 2.589 7.719 2.589l57.346-.064c5.256 0 9.798-3.684 10.878-8.83l2.446-11.577h17.199l-.032.175c-.683 3.271-.032 6.813 2.239 9.274 1.461 1.588 5.686 5.654 6.75 6.75 2.318 2.414 5.256 4.113 8.607 4.129l21.598.08h.048c5.257 0 9.799-3.685 10.879-8.83l7.718-36.702h7.369c5.478 0 10.132-3.986 10.989-9.401l2.621-16.786a11.08 11.08 0 0 0-2.541-8.941z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fffaef",
+			d: "M190.396 17.32c8.719 0 17.39 3.747 14.897 15.642-.715 3.399-2.271 6.289-4.701 8.703q-3.645 3.597-9.767 6.336c5.495 1.906 8.258 6.528 7.845 13.849-.444 7.734-1.064 17.93-1.064 17.93h-22.503c.54-7.036 1.747-17.168-.27-20.328-1.858-2.922-9.179-1.35-9.179-1.35l-4.574 21.677s-21.661.08-21.757 0l13.134-62.444h37.939zM176.119 29.5h-4.51s-2.922 13.53-3.192 15.389c8.338-.19 14.785-3.383 16.278-8.989 1.699-6.4-5.129-6.4-8.576-6.4M274.756 79.875h-23.551l-.191-12.42-16.087.16-4.876 12.26h-24.314l29.46-62.603h33.096zm-23.583-27.268-.111-21.058h-3.272l-8.226 21.042h11.609zM339.011 33.042h-23.615l-2.113 10.052h22.52l-3.701 16.294h-22.249l-4.288 20.407h-21.757l13.118-62.317h45.483l-3.382 15.563zM401.232 34.264h-16.389l-9.576 45.531-21.598-.08 9.56-45.45h-15.182l3.446-16.787h52.344l-2.62 16.786z"
+		})
+	] });
+}
+//#endregion
+export { RaftLogo, RaftLogoLockup, RaftWordmark };

package/dist/components/markdown/index.d.mts

@@ -0,0 +1,2 @@
+import { MarkdownBlockquote, MarkdownBlockquoteProps, MarkdownCell, MarkdownCellProps, MarkdownCheckbox, MarkdownCheckboxProps, MarkdownHeaderCell, MarkdownHeaderCellProps, MarkdownHeading, MarkdownHeadingLevel, MarkdownHeadingProps, MarkdownImage, MarkdownImageProps, MarkdownInlineCode, MarkdownInlineCodeProps, MarkdownLink, MarkdownLinkProps, MarkdownList, MarkdownListItem, MarkdownListItemProps, MarkdownListProps, MarkdownMark, MarkdownMarkProps, MarkdownOrderedList, MarkdownOrderedListProps, MarkdownParagraph, MarkdownParagraphProps, MarkdownRule, MarkdownRuleProps, MarkdownTable, MarkdownTableProps, MarkdownTableRow, MarkdownTableRowProps, MarkdownTableScroll, MarkdownTableScrollProps } from "./markdown-parts.mjs";
+export { MarkdownBlockquote, type MarkdownBlockquoteProps, MarkdownCell, type MarkdownCellProps, MarkdownCheckbox, type MarkdownCheckboxProps, MarkdownHeaderCell, type MarkdownHeaderCellProps, MarkdownHeading, type MarkdownHeadingLevel, type MarkdownHeadingProps, MarkdownImage, type MarkdownImageProps, MarkdownInlineCode, type MarkdownInlineCodeProps, MarkdownLink, type MarkdownLinkProps, MarkdownList, MarkdownListItem, type MarkdownListItemProps, type MarkdownListProps, MarkdownMark, type MarkdownMarkProps, MarkdownOrderedList, type MarkdownOrderedListProps, MarkdownParagraph, type MarkdownParagraphProps, MarkdownRule, type MarkdownRuleProps, MarkdownTable, type MarkdownTableProps, MarkdownTableRow, type MarkdownTableRowProps, MarkdownTableScroll, type MarkdownTableScrollProps };

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

@@ -0,0 +1,54 @@
+import { CheckboxProps } from "../checkbox/checkbox.mjs";
+import "../checkbox/index.mjs";
+import { InlineCodeProps } from "../inline-code/inline-code.mjs";
+import "../inline-code/index.mjs";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/markdown/markdown-parts.d.ts
+declare const HEADING_TAGS: {
+  readonly 1: "h1";
+  readonly 2: "h2";
+  readonly 3: "h3";
+  readonly 4: "h4";
+  readonly 5: "h5";
+  readonly 6: "h6";
+};
+export type MarkdownHeadingLevel = keyof typeof HEADING_TAGS;
+export type MarkdownHeadingProps = ComponentPropsWithRef<"h1"> & {
+  level: MarkdownHeadingLevel;
+};
+export declare function MarkdownHeading({ className, level, ...props }: MarkdownHeadingProps): import("react").JSX.Element;
+export type MarkdownParagraphProps = ComponentPropsWithRef<"p">;
+export declare function MarkdownParagraph({ className, ...props }: MarkdownParagraphProps): import("react").JSX.Element;
+export type MarkdownLinkProps = ComponentPropsWithRef<"a">;
+export declare function MarkdownLink({ className, ...props }: MarkdownLinkProps): import("react").JSX.Element;
+export type MarkdownMarkProps = ComponentPropsWithRef<"mark">;
+export declare function MarkdownMark({ className, ...props }: MarkdownMarkProps): import("react").JSX.Element;
+export type MarkdownListProps = ComponentPropsWithRef<"ul">;
+export declare function MarkdownList({ className, ...props }: MarkdownListProps): import("react").JSX.Element;
+export type MarkdownOrderedListProps = ComponentPropsWithRef<"ol">;
+export declare function MarkdownOrderedList({ className, ...props }: MarkdownOrderedListProps): import("react").JSX.Element;
+export type MarkdownListItemProps = ComponentPropsWithRef<"li">;
+export declare function MarkdownListItem({ className, ...props }: MarkdownListItemProps): import("react").JSX.Element;
+export type MarkdownBlockquoteProps = ComponentPropsWithRef<"blockquote">;
+export declare function MarkdownBlockquote({ className, ...props }: MarkdownBlockquoteProps): import("react").JSX.Element;
+export type MarkdownRuleProps = ComponentPropsWithRef<"hr">;
+export declare function MarkdownRule({ className, ...props }: MarkdownRuleProps): import("react").JSX.Element;
+export type MarkdownTableScrollProps = ComponentPropsWithRef<"div">;
+/** Horizontal scroll container for wide tables. */
+export declare function MarkdownTableScroll({ className, ...props }: MarkdownTableScrollProps): import("react").JSX.Element;
+export type MarkdownTableProps = ComponentPropsWithRef<"table">;
+export declare function MarkdownTable({ className, ...props }: MarkdownTableProps): import("react").JSX.Element;
+export type MarkdownTableRowProps = ComponentPropsWithRef<"tr">;
+export declare function MarkdownTableRow({ className, ...props }: MarkdownTableRowProps): import("react").JSX.Element;
+export type MarkdownHeaderCellProps = ComponentPropsWithRef<"th">;
+export declare function MarkdownHeaderCell({ className, ...props }: MarkdownHeaderCellProps): import("react").JSX.Element;
+export type MarkdownCellProps = ComponentPropsWithRef<"td">;
+export declare function MarkdownCell({ className, ...props }: MarkdownCellProps): import("react").JSX.Element;
+export type MarkdownImageProps = ComponentPropsWithRef<"img">;
+export declare function MarkdownImage({ className, ...props }: MarkdownImageProps): import("react").JSX.Element;
+export type MarkdownInlineCodeProps = InlineCodeProps;
+export declare function MarkdownInlineCode({ className, ...props }: MarkdownInlineCodeProps): import("react").JSX.Element;
+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

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

@@ -0,0 +1,153 @@
+import { Checkbox } from "../checkbox/checkbox.mjs";
+import { InlineCode } from "../inline-code/inline-code.mjs";
+import { markdown } from "./markdown.recipe.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/markdown/markdown-parts.tsx
+const HEADING_TAGS = {
+	1: "h1",
+	2: "h2",
+	3: "h3",
+	4: "h4",
+	5: "h5",
+	6: "h6"
+};
+function MarkdownHeading({ className, level, ...props }) {
+	const { heading } = markdown({ level });
+	const Tag = HEADING_TAGS[level];
+	return /* @__PURE__ */ jsx(Tag, {
+		"data-slot": "markdown-heading",
+		className: heading({ className }),
+		...props
+	});
+}
+function MarkdownParagraph({ className, ...props }) {
+	const { paragraph } = markdown();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "markdown-paragraph",
+		className: paragraph({ className }),
+		...props
+	});
+}
+function MarkdownLink({ className, ...props }) {
+	const { link } = markdown();
+	return /* @__PURE__ */ jsx("a", {
+		"data-slot": "markdown-link",
+		className: link({ className }),
+		...props
+	});
+}
+function MarkdownMark({ className, ...props }) {
+	const { mark } = markdown();
+	return /* @__PURE__ */ jsx("mark", {
+		"data-slot": "markdown-mark",
+		className: mark({ className }),
+		...props
+	});
+}
+function MarkdownList({ className, ...props }) {
+	const { list } = markdown();
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "markdown-list",
+		className: list({ className }),
+		...props
+	});
+}
+function MarkdownOrderedList({ className, ...props }) {
+	const { list } = markdown({ ordered: true });
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "markdown-list",
+		className: list({ className }),
+		...props
+	});
+}
+function MarkdownListItem({ className, ...props }) {
+	const { listItem } = markdown();
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "markdown-list-item",
+		className: listItem({ className }),
+		...props
+	});
+}
+function MarkdownBlockquote({ className, ...props }) {
+	const { blockquote } = markdown();
+	return /* @__PURE__ */ jsx("blockquote", {
+		"data-slot": "markdown-blockquote",
+		className: blockquote({ className }),
+		...props
+	});
+}
+function MarkdownRule({ className, ...props }) {
+	const { rule } = markdown();
+	return /* @__PURE__ */ jsx("hr", {
+		"data-slot": "markdown-rule",
+		className: rule({ className }),
+		...props
+	});
+}
+/** Horizontal scroll container for wide tables. */
+function MarkdownTableScroll({ className, ...props }) {
+	const { tableScroll } = markdown();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "markdown-table-scroll",
+		className: tableScroll({ className }),
+		...props
+	});
+}
+function MarkdownTable({ className, ...props }) {
+	const { table } = markdown();
+	return /* @__PURE__ */ jsx("table", {
+		"data-slot": "markdown-table",
+		className: table({ className }),
+		...props
+	});
+}
+function MarkdownTableRow({ className, ...props }) {
+	const { tableRow } = markdown();
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "markdown-table-row",
+		className: tableRow({ className }),
+		...props
+	});
+}
+function MarkdownHeaderCell({ className, ...props }) {
+	const { headerCell } = markdown();
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "markdown-header-cell",
+		className: headerCell({ className }),
+		...props
+	});
+}
+function MarkdownCell({ className, ...props }) {
+	const { cell } = markdown();
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "markdown-cell",
+		className: cell({ className }),
+		...props
+	});
+}
+function MarkdownImage({ className, ...props }) {
+	const { image } = markdown();
+	return /* @__PURE__ */ jsx("img", {
+		"data-slot": "markdown-image",
+		className: image({ className }),
+		...props
+	});
+}
+function MarkdownInlineCode({ className, ...props }) {
+	const { inlineCode } = markdown();
+	return /* @__PURE__ */ jsx(InlineCode, {
+		className: inlineCode({ className }),
+		...props
+	});
+}
+/** Task-list checkbox. Markdown task items are display-only, so it defaults to read-only. */
+function MarkdownCheckbox({ className, ...props }) {
+	const { checkbox } = markdown();
+	return /* @__PURE__ */ jsx(Checkbox, {
+		readOnly: true,
+		className: checkbox({ className }),
+		...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

@@ -0,0 +1,77 @@
+import { tv } from "../../lib/tv.mjs";
+import { searchHit } from "../../lib/search-hit.mjs";
+//#region src/components/markdown/markdown.recipe.ts
+const markdown = tv({
+	slots: {
+		heading: ["leading-tight", "font-bold text-foreground"],
+		paragraph: ["mb-1 last:mb-0"],
+		link: [
+			"select-text underline decoration-2 underline-offset-2",
+			"rounded-[2px]",
+			"text-foreground-link hover:text-[color-mix(in_oklab,var(--foreground-link)_80%,var(--foreground))]",
+			"decoration-foreground-link/40 hover:decoration-current",
+			"outline-none focus-visible:shadow-focus"
+		],
+		mark: searchHit,
+		list: ["mb-1 pl-5"],
+		listItem: ["mb-0.5"],
+		blockquote: ["my-1 border-l-2 border-line-seam pl-2.5", "text-foreground-muted not-italic"],
+		rule: ["my-3 border-0 border-t border-line-hairline"],
+		tableScroll: [
+			"overflow-x-auto",
+			"my-2 w-fit max-w-full",
+			"rounded-container border border-line-hairline bg-layer-card"
+		],
+		table: ["border-collapse", "border-0 text-callout"],
+		tableRow: ["last:[&>td]:border-b-0"],
+		headerCell: [
+			"px-3 py-1.5",
+			"border-0 border-b border-line-hairline not-last:border-r",
+			"bg-fill-muted",
+			"text-left font-semibold whitespace-nowrap text-foreground"
+		],
+		cell: ["px-3 py-1.5", "border-0 border-b border-line-hairline not-last:border-r"],
+		checkbox: ["mr-1.5 align-middle"],
+		image: ["image-transparency-bg max-w-full", "my-2 rounded-container border border-line-hairline"],
+		inlineCode: ["inline leading-[inherit] wrap-anywhere"]
+	},
+	variants: {
+		level: {
+			1: { heading: "mt-3 mb-1 text-[1.286em]" },
+			2: { heading: "mt-2 mb-1 text-[1.143em]" },
+			3: { heading: "mt-2 mb-1 text-[1.071em]" },
+			4: { heading: "mt-1 mb-0.5 text-[1em]" },
+			5: { heading: "mt-1 mb-0.5 text-[1em]" },
+			6: { heading: "mt-1 mb-0.5 text-[1em]" }
+		},
+		ordered: {
+			false: { list: "list-disc" },
+			true: { list: "list-decimal" }
+		}
+	},
+	compoundVariants: [
+		{
+			level: 1,
+			class: { heading: "mt-4 mb-1 text-title" }
+		},
+		{
+			level: 2,
+			class: { heading: "mt-3 mb-1 text-headline" }
+		},
+		{
+			level: 3,
+			class: { heading: "mt-3 mb-0.5 text-subhead font-bold" }
+		},
+		{
+			level: [
+				4,
+				5,
+				6
+			],
+			class: { heading: "mt-2 mb-0.5 text-footnote font-bold text-foreground-muted" }
+		}
+	],
+	defaultVariants: { ordered: false }
+});
+//#endregion
+export { markdown };

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

@@ -0,0 +1,2 @@
+import { MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardActionsNoteProps, MessageActionCardActionsProps, MessageActionCardCollapseTrigger, MessageActionCardCollapseTriggerProps, MessageActionCardCompletion, MessageActionCardCompletionProps, MessageActionCardContent, MessageActionCardContentProps, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderDescriptionProps, MessageActionCardHeaderIcon, MessageActionCardHeaderIconProps, MessageActionCardHeaderProps, MessageActionCardHeaderStatus, MessageActionCardHeaderStatusProps, MessageActionCardHeaderTitle, MessageActionCardHeaderTitleProps, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardHintLabelProps, MessageActionCardHintProps, MessageActionCardNotice, MessageActionCardNoticeProps, MessageActionCardProperties, MessageActionCardPropertiesProps, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyLabelProps, MessageActionCardPropertyProps, MessageActionCardPropertyValue, MessageActionCardPropertyValueProps, MessageActionCardProps, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeDescriptionProps, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListLabelProps, MessageActionCardScopeListProps, MessageActionCardScopeListViewport, MessageActionCardScopeListViewportProps, MessageActionCardScopeName, MessageActionCardScopeNameProps, MessageActionCardScopeProps, MessageActionCardStatus, MessageActionCardStatusProps } from "./message-action-card.mjs";
+export { MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, type MessageActionCardActionsNoteProps, type MessageActionCardActionsProps, MessageActionCardCollapseTrigger, type MessageActionCardCollapseTriggerProps, MessageActionCardCompletion, type MessageActionCardCompletionProps, MessageActionCardContent, type MessageActionCardContentProps, MessageActionCardHeader, MessageActionCardHeaderDescription, type MessageActionCardHeaderDescriptionProps, MessageActionCardHeaderIcon, type MessageActionCardHeaderIconProps, type MessageActionCardHeaderProps, MessageActionCardHeaderStatus, type MessageActionCardHeaderStatusProps, MessageActionCardHeaderTitle, type MessageActionCardHeaderTitleProps, MessageActionCardHint, MessageActionCardHintLabel, type MessageActionCardHintLabelProps, type MessageActionCardHintProps, MessageActionCardNotice, type MessageActionCardNoticeProps, MessageActionCardProperties, type MessageActionCardPropertiesProps, MessageActionCardProperty, MessageActionCardPropertyLabel, type MessageActionCardPropertyLabelProps, type MessageActionCardPropertyProps, MessageActionCardPropertyValue, type MessageActionCardPropertyValueProps, type MessageActionCardProps, MessageActionCardScope, MessageActionCardScopeDescription, type MessageActionCardScopeDescriptionProps, MessageActionCardScopeList, MessageActionCardScopeListLabel, type MessageActionCardScopeListLabelProps, type MessageActionCardScopeListProps, MessageActionCardScopeListViewport, type MessageActionCardScopeListViewportProps, MessageActionCardScopeName, type MessageActionCardScopeNameProps, type MessageActionCardScopeProps, MessageActionCardStatus, type MessageActionCardStatusProps };

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

@@ -0,0 +1,50 @@
+import { tv } from "../../lib/tv.mjs";
+//#region src/components/message-action-card/message-action-card-content.recipe.ts
+const messageActionCardContent = tv({ slots: {
+	root: ["p-3", "@container/action-card flex flex-col gap-2 px-3 pt-0 pb-3"],
+	panel: [
+		"h-(--collapsible-panel-height) overflow-hidden",
+		"transition-[height] duration-200 ease-out motion-reduce:transition-none",
+		"data-starting-style:h-0 data-ending-style:h-0"
+	],
+	properties: [
+		"m-0 grid",
+		"@max-sm/action-card:grid-cols-1",
+		"grid-cols-[minmax(88px,max-content)_minmax(0,1fr)] items-baseline gap-x-4 gap-y-0.5"
+	],
+	property: ["contents"],
+	propertyLabel: [
+		"max-w-40 min-w-0 wrap-break-word",
+		"text-footnote font-medium text-foreground-hint",
+		"[[data-slot=message-action-card-property]+[data-slot=message-action-card-property]>&]:@max-sm/action-card:mt-2"
+	],
+	propertyValue: [
+		"m-0 min-w-0 wrap-break-word",
+		"min-h-8 py-1.5 text-callout text-foreground",
+		"@max-sm/action-card:min-h-0 @max-sm/action-card:py-0"
+	],
+	scopeList: ["mt-0 stack-y-1.5"],
+	scopeListViewport: ["overflow-y-auto overscroll-contain", "max-h-[164px] stack-y-1.5 pr-1"],
+	scopeListLabel: ["text-footnote font-medium text-foreground-hint"],
+	scope: ["min-w-0 border p-1.5", "rounded-control border-line-hairline bg-layer-card px-2.5 py-2"],
+	scopeName: ["break-all font-mono", "text-mono-meta font-normal text-foreground"],
+	scopeDescription: ["mt-0.5 text-footnote text-pretty text-foreground-muted"],
+	hintLabel: ["text-footnote font-medium text-foreground-hint"],
+	hint: [
+		"border-l-2 border-line-seam pl-2.5",
+		"text-footnote text-foreground-muted",
+		"[[data-slot=message-action-card-hint-label]+&]:-mt-1"
+	],
+	notice: [
+		"flex items-start gap-2",
+		"[&>svg]:size-3.5 [&>svg]:shrink-0",
+		"mb-0 rounded-control bg-fill-muted px-2.5 py-2",
+		"text-footnote text-foreground-muted",
+		"[&>svg]:mt-[calc((1lh-14px)/2)] [&>svg]:text-foreground-muted"
+	],
+	completion: ["inline-flex items-center gap-1.5 text-footnote text-foreground-muted", "[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-foreground"],
+	actions: ["flex flex-wrap items-center justify-end", "mt-1 gap-2"],
+	actionsNote: ["min-w-0 flex-1 basis-40", "text-footnote text-foreground-muted"]
+} });
+//#endregion
+export { messageActionCardContent };

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

@@ -0,0 +1,95 @@
+import { BadgeProps } from "../badge/badge.mjs";
+import "../badge/index.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
+ * control it with `open` / `onOpenChange`). The fold is offered by placing a
+ * MessageActionCardCollapseTrigger in the header; without one the card simply
+ * stays open.
+ */
+export declare function MessageActionCard({ className, render, open, defaultOpen, onOpenChange, ...props }: MessageActionCardProps): import("react").JSX.Element;
+export declare function MessageActionCardContent({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").JSX.Element;
+/** The card type's icon. Without children it shows a generic action icon. */
+export declare function MessageActionCardHeaderIcon({ className, render, children, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardHeaderTitle({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * A line under the title: what happened on a resolved card ("Installed by Ada
+ * → Lens"), or why you cannot act on a view-only one. Place it inside
+ * MessageActionCardHeaderTitle; it stays visible while the card is folded.
+ */
+export declare function MessageActionCardHeaderDescription({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * The card's state label in the header: plain text led by a square pixel in
+ * the variant's colour, so a column of "Done" cards does not shout.
+ */
+export declare function MessageActionCardStatus({ className, appearance, ...props }: BadgeProps): import("react").JSX.Element;
+/** Folds the card to its header and back. Needs an accessible `aria-label`. */
+export declare function MessageActionCardCollapseTrigger({ className, ...props }: MessageActionCardCollapseTriggerProps): import("react").JSX.Element;
+export declare function MessageActionCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").JSX.Element;
+export declare function MessageActionCardHeaderStatus({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardProperties({ className, render, ...props }: useRender.ComponentProps<"dl">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardProperty({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardPropertyLabel({ className, render, ...props }: useRender.ComponentProps<"dt">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardPropertyValue({ className, render, ...props }: useRender.ComponentProps<"dd">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardScopeList({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardScopeListLabel({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Scrolls a long permission list. It is a Tab stop only while it overflows, so
+ * keyboard users can scroll it; a short list adds no empty stop.
+ */
+export declare function MessageActionCardScopeListViewport({ className, render, ...props }: MessageActionCardScopeListViewportProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardScope({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardScopeName({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardScopeDescription({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardHintLabel({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardHint({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Raft's standing note. Leads with an info icon unless `icon` replaces it. */
+export declare function MessageActionCardNotice({ className, render, icon, children, ...props }: MessageActionCardNoticeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardCompletion({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardActions({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function MessageActionCardActionsNote({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type MessageActionCardProps = useRender.ComponentProps<"div"> & {
+  /** Controlled open state. Open shows the content; closed folds to the header. */
+  open?: boolean;
+  /** Uncontrolled initial state. Defaults to open. */
+  defaultOpen?: boolean;
+  onOpenChange?: ComponentProps<typeof Collapsible.Root>["onOpenChange"];
+};
+export type MessageActionCardHeaderIconProps = useRender.ComponentProps<"span">;
+export type MessageActionCardHeaderTitleProps = useRender.ComponentProps<"span">;
+export type MessageActionCardHeaderDescriptionProps = useRender.ComponentProps<"span">;
+export type MessageActionCardStatusProps = BadgeProps;
+export type MessageActionCardCollapseTriggerProps = Omit<ComponentProps<typeof Collapsible.Trigger>, "className"> & {
+  className?: string;
+  "aria-label": string;
+};
+export type MessageActionCardScopeListViewportProps = useRender.ComponentProps<"div"> & {
+  /** Names the scroll area for screen readers, e.g. "Permissions". */
+  "aria-label": string;
+};
+export type MessageActionCardActionsNoteProps = useRender.ComponentProps<"div">;
+export type MessageActionCardContentProps = useRender.ComponentProps<"div">;
+export type MessageActionCardHeaderProps = useRender.ComponentProps<"div">;
+export type MessageActionCardHeaderStatusProps = useRender.ComponentProps<"span">;
+export type MessageActionCardPropertiesProps = useRender.ComponentProps<"dl">;
+export type MessageActionCardPropertyProps = useRender.ComponentProps<"div">;
+export type MessageActionCardPropertyLabelProps = useRender.ComponentProps<"dt">;
+export type MessageActionCardPropertyValueProps = useRender.ComponentProps<"dd">;
+export type MessageActionCardScopeListProps = useRender.ComponentProps<"div">;
+export type MessageActionCardScopeListLabelProps = useRender.ComponentProps<"div">;
+export type MessageActionCardScopeProps = useRender.ComponentProps<"div">;
+export type MessageActionCardScopeNameProps = useRender.ComponentProps<"div">;
+export type MessageActionCardScopeDescriptionProps = useRender.ComponentProps<"div">;
+export type MessageActionCardHintProps = useRender.ComponentProps<"div">;
+export type MessageActionCardHintLabelProps = useRender.ComponentProps<"div">;
+export interface MessageActionCardNoticeProps extends useRender.ComponentProps<"div"> {
+  /** Replaces the default info icon. */
+  icon?: ReactNode;
+}
+export type MessageActionCardCompletionProps = useRender.ComponentProps<"div">;
+export type MessageActionCardActionsProps = useRender.ComponentProps<"div">;
+//#endregion