@igne-agency/react-web-ui 0.5.0 → 0.6.0

package/dist/components/conversation/conversation.css

@@ -1,138 +1,138 @@
 @layer kit.reset, kit.base, kit.components;
 @layer kit.components {
-  ._root_1jpsu_3 {
+  ._root_1vjy3_3 {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     gap: var(--conversation-gap, var(--sys-unit-12));
   }
-  ._group_1jpsu_9 {
+  ._group_1vjy3_9 {
     display: flex;
     flex-direction: column;
-    gap: var(--sys-unit-4);
+    gap: var(--conversation-group-gap, var(--sys-unit-4));
   }
-  ._groupSeparator_1jpsu_14 {
+  ._groupSeparator_1vjy3_14 {
     position: sticky;
     top: 0;
     align-self: center;
-    border-radius: var(--sys-radius-full);
+    border-radius: var(--conversation-separator-radius, var(--sys-radius-full));
     background: var(--conversation-separator-bg, var(--sys-color-surface-high));
-    padding: var(--sys-unit-2) var(--sys-unit-6);
+    padding: var(--conversation-separator-pad-y, var(--sys-unit-2)) var(--conversation-separator-pad-x, var(--sys-unit-6));
     color: var(--conversation-muted-fg, var(--sys-color-text-muted));
-    font: var(--sys-font-label-small);
+    font: var(--conversation-separator-font, var(--sys-font-label-small));
   }
-  ._message_1jpsu_24 {
+  ._message_1vjy3_24 {
     display: flex;
     flex-direction: column;
-    gap: var(--sys-unit-2);
-    max-inline-size: min(72ch, 80%);
+    gap: var(--conversation-message-gap, var(--sys-unit-2));
+    max-inline-size: var(--conversation-message-max-inline-size, min(72ch, 80%));
   }
-  ._message_1jpsu_24 + ._message_1jpsu_24 {
-    margin-block-start: var(--sys-unit-6);
+  ._message_1vjy3_24 + ._message_1vjy3_24 {
+    margin-block-start: var(--conversation-message-space, var(--sys-unit-6));
   }
-  ._message_1jpsu_24[data-side=own], ._message_1jpsu_24[data-side=colleague],
-  ._messageAuthor_1jpsu_34[data-side=own],
-  ._messageAuthor_1jpsu_34[data-side=colleague] {
+  ._message_1vjy3_24[data-side=own], ._message_1vjy3_24[data-side=colleague],
+  ._messageAuthor_1vjy3_34[data-side=own],
+  ._messageAuthor_1vjy3_34[data-side=colleague] {
     align-self: flex-end;
     align-items: flex-end;
   }
-  ._message_1jpsu_24[data-side=other],
-  ._messageAuthor_1jpsu_34[data-side=other] {
+  ._message_1vjy3_24[data-side=other],
+  ._messageAuthor_1vjy3_34[data-side=other] {
     align-self: flex-start;
     align-items: flex-start;
   }
-  ._messageBubble_1jpsu_44 {
+  ._messageBubble_1vjy3_44 {
     display: flex;
     flex-direction: column;
-    gap: var(--sys-unit-2);
+    gap: var(--conversation-bubble-gap, var(--sys-unit-2));
     border-radius: var(--conversation-bubble-radius, var(--sys-radius-lg));
     background: var(--conversation-bubble-bg, var(--sys-color-surface-high));
-    padding: var(--sys-unit-6) var(--sys-unit-8);
+    padding: var(--conversation-bubble-pad-y, var(--sys-unit-6)) var(--conversation-bubble-pad-x, var(--sys-unit-8));
     color: var(--conversation-bubble-fg, var(--sys-color-text));
   }
-  ._message_1jpsu_24[data-side=own] ._messageBubble_1jpsu_44,
-  ._message_1jpsu_24[data-side=colleague] ._messageBubble_1jpsu_44 {
+  ._message_1vjy3_24[data-side=own] ._messageBubble_1vjy3_44,
+  ._message_1vjy3_24[data-side=colleague] ._messageBubble_1vjy3_44 {
     border-start-end-radius: var(--conversation-bubble-point-radius, var(--sys-radius-xs));
   }
-  ._message_1jpsu_24[data-side=other] ._messageBubble_1jpsu_44 {
+  ._message_1vjy3_24[data-side=other] ._messageBubble_1vjy3_44 {
     border-start-start-radius: var(--conversation-bubble-point-radius, var(--sys-radius-xs));
   }
-  ._message_1jpsu_24[data-side=own] ._messageBubble_1jpsu_44 {
+  ._message_1vjy3_24[data-side=own] ._messageBubble_1vjy3_44 {
     background: var(--conversation-bubble-own-bg, var(--sys-color-primary-container));
     color: var(--conversation-bubble-own-fg, var(--sys-color-on-primary-container));
   }
-  ._messageAuthor_1jpsu_34 {
+  ._messageAuthor_1vjy3_34 {
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: var(--sys-unit-4);
-    padding-inline: var(--sys-unit-8);
-    font: var(--sys-font-label-small);
+    gap: var(--conversation-author-gap, var(--sys-unit-4));
+    padding-inline: var(--conversation-author-pad-x, var(--sys-unit-8));
+    font: var(--conversation-author-font, var(--sys-font-label-small));
   }
-  ._message_1jpsu_24 + ._messageAuthor_1jpsu_34 {
-    margin-block-start: var(--sys-unit-12);
+  ._message_1vjy3_24 + ._messageAuthor_1vjy3_34 {
+    margin-block-start: var(--conversation-author-space, var(--sys-unit-12));
   }
-  ._messageAvatar_1jpsu_75 {
+  ._messageAvatar_1vjy3_75 {
     flex-shrink: 0;
   }
-  ._messageTimestamp_1jpsu_78 {
+  ._messageTimestamp_1vjy3_78 {
     color: var(--conversation-muted-fg, var(--sys-color-text-muted));
-    font: var(--sys-font-body-medium);
-    font-size: 0.75em;
+    font: var(--conversation-timestamp-font, var(--sys-font-body-medium));
+    font-size: var(--conversation-timestamp-font-size, 0.75em);
   }
-  ._messageReadIndicator_1jpsu_83 {
+  ._messageReadIndicator_1vjy3_83 {
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: var(--sys-unit-2);
+    gap: var(--conversation-read-indicator-gap, var(--sys-unit-2));
     color: var(--conversation-muted-fg, var(--sys-color-text-muted));
-    font-size: 0.75em;
+    font-size: var(--conversation-read-indicator-font-size, 0.75em);
   }
-  ._statusDot_1jpsu_91 {
-    inline-size: var(--sys-unit-4);
-    block-size: var(--sys-unit-4);
-    border-radius: var(--sys-radius-circle);
-    background: transparent;
+  ._statusDot_1vjy3_91 {
+    inline-size: var(--conversation-status-dot-size, var(--sys-unit-4));
+    block-size: var(--conversation-status-dot-size, var(--sys-unit-4));
+    border-radius: var(--conversation-status-dot-radius, var(--sys-radius-circle));
+    background: var(--conversation-status-dot-bg, transparent);
   }
-  ._messageReadIndicator_1jpsu_83[data-status=unread] ._statusDot_1jpsu_91 {
+  ._messageReadIndicator_1vjy3_83[data-status=unread] ._statusDot_1vjy3_91 {
     background: var(--conversation-unread-bg, var(--sys-color-primary));
   }
-  ._messageContent_1jpsu_100 {
+  ._messageContent_1vjy3_100 {
     overflow-wrap: anywhere;
     white-space: pre-wrap;
   }
-  ._messageContent_1jpsu_100[data-clamped] {
+  ._messageContent_1vjy3_100[data-clamped] {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: var(--line-clamp);
     line-clamp: var(--line-clamp);
     overflow: hidden;
   }
-  ._messageFiles_1jpsu_111 {
+  ._messageFiles_1vjy3_111 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
-    gap: var(--sys-unit-4);
+    gap: var(--conversation-files-gap, var(--sys-unit-4));
   }
-  ._message_1jpsu_24[data-side=own] ._messageFiles_1jpsu_111 {
+  ._message_1vjy3_24[data-side=own] ._messageFiles_1vjy3_111 {
     justify-content: flex-end;
   }
-  ._scrollToBottom_1jpsu_121 {
+  ._scrollToBottom_1vjy3_121 {
     position: absolute;
     inset-block-end: var(--sys-unit-8);
     inset-inline-end: var(--sys-unit-8);
   }
-  ._emptyState_1jpsu_126 {
+  ._emptyState_1vjy3_126 {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     align-items: center;
     justify-content: center;
-    gap: var(--sys-unit-6);
+    gap: var(--conversation-empty-gap, var(--sys-unit-6));
     color: var(--conversation-muted-fg, var(--sys-color-text-muted));
   }
-  ._visuallyHidden_1jpsu_135 {
+  ._visuallyHidden_1vjy3_135 {
     position: absolute;
     overflow: hidden;
     clip-path: inset(50%);

package/dist/components/conversation/conversation.d.ts

@@ -55,11 +55,21 @@ export type ConversationMessageReadIndicatorProps = Readonly<{
     status: ConversationMessageStatus;
     /** What the status is announced as, such as "Read" or "Unread". */
     label: string;
-    /** Replaces the dot shown for the status. */
+    /** What shows for the status, such as a `MessageReadDot`. */
     children?: ReactNode;
 }> & Omit<ComponentProps<"div">, "children">;
-/** Whether the other party has read the message: a dot, and its `label` for assistive tech. */
+/** Whether the other party has read the message: its children, and its `label` for assistive tech. */
 declare const MessageReadIndicator: ({ status, label, className, children, ...props }: ConversationMessageReadIndicatorProps) => ReactNode;
+export type ConversationMessageReadDotProps = useRender.ComponentProps<"span">;
+/**
+ * The dot a `MessageReadIndicator` shows, filled while the message is unread.
+ *
+ * @example
+ * <Conversation.MessageReadIndicator status="unread" label="Unread">
+ * 	<Conversation.MessageReadDot />
+ * </Conversation.MessageReadIndicator>
+ */
+declare const MessageReadDot: ({ className, render, ref, ...props }: ConversationMessageReadDotProps) => ReactElement;
 export type ConversationMessageContentProps = Readonly<{
     /** Cuts the text off after this many lines. */
     lineClamp?: number;
@@ -69,22 +79,36 @@ declare const MessageContent: ({ lineClamp, className, render, style: inlineStyl
 export type ConversationMessageFilesProps = useRender.ComponentProps<"div">;
 /** The files sent with a message, as a wrapping row of tiles. */
 declare const MessageFiles: ({ className, render, ...props }: ConversationMessageFilesProps) => ReactElement;
-export type ConversationMessageFilesDownloadAllProps = Readonly<{
-    /** The button's accessible name and tooltip, such as "Download all files". */
-    label: string;
-    /** The download glyph. */
-    children: ReactNode;
-}> & Omit<useRender.ComponentProps<"button">, "children">;
-/** An icon button that downloads every file of a message; its children are the glyph. */
-declare const MessageFilesDownloadAll: ({ label, children, render, ...props }: ConversationMessageFilesDownloadAllProps) => ReactElement;
-export type ConversationScrollToBottomProps = Readonly<{
-    /** The button's accessible name and tooltip, such as "Scroll to latest". */
-    label: string;
-    /** The jump glyph, such as a down arrow. */
-    children: ReactNode;
-}> & Omit<useRender.ComponentProps<"button">, "children">;
-/** An icon button, pinned to the log's bottom corner, that jumps to the latest message; its children are the glyph. */
-declare const ScrollToBottom: ({ label, children, className, render, ...props }: ConversationScrollToBottomProps) => ReactElement;
+export type ConversationMessageFilesDownloadAllProps = Omit<useRender.ComponentProps<"button">, "render"> & Readonly<{
+    /** The button to render, such as `<IconButton label="Download all files"><DownloadIcon /></IconButton>`. */
+    render: useRender.RenderProp;
+}>;
+/**
+ * The button that downloads every file of a message. It renders whichever
+ * button it is given.
+ *
+ * @example
+ * <Conversation.MessageFilesDownloadAll
+ * 	onClick={downloadAll}
+ * 	render={<IconButton label="Download all files" variant="tertiary" size="sm"><DownloadIcon /></IconButton>}
+ * />
+ */
+declare const MessageFilesDownloadAll: ({ render, ...props }: ConversationMessageFilesDownloadAllProps) => ReactElement;
+export type ConversationScrollToBottomProps = Omit<useRender.ComponentProps<"button">, "render"> & Readonly<{
+    /** The button to render, such as `<IconButton label="Scroll to latest"><ArrowDownIcon /></IconButton>`. */
+    render: useRender.RenderProp;
+}>;
+/**
+ * The button, pinned to the log's bottom corner, that jumps to the latest
+ * message. It renders whichever button it is given.
+ *
+ * @example
+ * <Conversation.ScrollToBottom
+ * 	onClick={scrollToLatest}
+ * 	render={<IconButton label="Scroll to latest" variant="tertiary"><ArrowDownIcon /></IconButton>}
+ * />
+ */
+declare const ScrollToBottom: ({ className, render, ...props }: ConversationScrollToBottomProps) => ReactElement;
 export type ConversationEmptyStateProps = useRender.ComponentProps<"div">;
 /** What the log shows before there are any messages. */
 declare const EmptyState: ({ className, render, ...props }: ConversationEmptyStateProps) => ReactElement;
@@ -136,6 +160,7 @@ export type ConversationParts = typeof Prefab & Readonly<{
     MessageAvatar: typeof MessageAvatar;
     MessageTimestamp: typeof MessageTimestamp;
     MessageReadIndicator: typeof MessageReadIndicator;
+    MessageReadDot: typeof MessageReadDot;
     MessageContent: typeof MessageContent;
     MessageFiles: typeof MessageFiles;
     MessageFilesDownloadAll: typeof MessageFilesDownloadAll;

package/dist/components/conversation/conversation.js

@@ -1,5 +1,4 @@
 import { Avatar } from "../avatar/avatar.js";
-import { Button } from "../button/button.js";
 import { useLocale } from "../locale-provider/locale-provider.js";
 import { useTimeZone } from "../time-zone-provider/time-zone-provider.js";
 import conversation_module_default from "./conversation.module.js";
@@ -419,9 +418,9 @@ var MessageTimestamp = (t0) => {
 	} else t4 = $[2];
 	return useRender(t4);
 };
-/** Whether the other party has read the message: a dot, and its `label` for assistive tech. */
+/** Whether the other party has read the message: its children, and its `label` for assistive tech. */
 var MessageReadIndicator = (t0) => {
-	const $ = c(18);
+	const $ = c(16);
 	let children;
 	let className;
 	let label;
@@ -449,39 +448,89 @@ var MessageReadIndicator = (t0) => {
 		$[7] = t1;
 	} else t1 = $[7];
 	let t2;
-	if ($[8] !== children) {
-		t2 = children ?? /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: conversation_module_default.statusDot
+	if ($[8] !== label) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: conversation_module_default.visuallyHidden,
+			children: label
 		});
-		$[8] = children;
+		$[8] = label;
 		$[9] = t2;
 	} else t2 = $[9];
 	let t3;
-	if ($[10] !== label) {
-		t3 = /* @__PURE__ */ jsx("span", {
-			className: conversation_module_default.visuallyHidden,
-			children: label
-		});
-		$[10] = label;
-		$[11] = t3;
-	} else t3 = $[11];
-	let t4;
-	if ($[12] !== props || $[13] !== status || $[14] !== t1 || $[15] !== t2 || $[16] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+	if ($[10] !== children || $[11] !== props || $[12] !== status || $[13] !== t1 || $[14] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
 			className: t1,
 			"data-status": status,
 			...props,
-			children: [t2, t3]
+			children: [children, t2]
 		});
-		$[12] = props;
-		$[13] = status;
-		$[14] = t1;
-		$[15] = t2;
-		$[16] = t3;
-		$[17] = t4;
-	} else t4 = $[17];
-	return t4;
+		$[10] = children;
+		$[11] = props;
+		$[12] = status;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
+};
+/**
+* The dot a `MessageReadIndicator` shows, filled while the message is unread.
+*
+* @example
+* <Conversation.MessageReadIndicator status="unread" label="Unread">
+* 	<Conversation.MessageReadDot />
+* </Conversation.MessageReadIndicator>
+*/
+var MessageReadDot = (t0) => {
+	const $ = c(14);
+	let className;
+	let props;
+	let ref;
+	let render;
+	if ($[0] !== t0) {
+		({className, render, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = render;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		render = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = clsx(conversation_module_default.statusDot, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== props || $[8] !== t1) {
+		t2 = {
+			"aria-hidden": true,
+			...props,
+			className: t1
+		};
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== ref || $[11] !== render || $[12] !== t2) {
+		t3 = {
+			defaultTagName: "span",
+			render,
+			ref,
+			props: t2
+		};
+		$[10] = ref;
+		$[11] = render;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return useRender(t3);
 };
 /** A message's text, wrapped anywhere and kept as typed. */
 var MessageContent = (t0) => {
@@ -588,34 +637,28 @@ var MessageFiles = (t0) => {
 	} else t5 = $[8];
 	return t4(t5);
 };
-/** An icon button that downloads every file of a message; its children are the glyph. */
+/**
+* The button that downloads every file of a message. It renders whichever
+* button it is given.
+*
+* @example
+* <Conversation.MessageFilesDownloadAll
+* 	onClick={downloadAll}
+* 	render={<IconButton label="Download all files" variant="tertiary" size="sm"><DownloadIcon /></IconButton>}
+* />
+*/
 var MessageFilesDownloadAll = (t0) => {
-	const $ = c(13);
+	const $ = c(9);
 	let t1;
 	let t2;
 	let t3;
 	let t4;
 	if ($[0] !== t0) {
-		const { label, children, render, ...props } = t0;
+		const { render, ...props } = t0;
 		t4 = useRender;
 		t1 = "button";
-		if ($[5] !== children || $[6] !== label || $[7] !== render) {
-			t2 = render ?? /* @__PURE__ */ jsx(Button, {
-				variant: "tertiary",
-				size: "sm",
-				iconOnly: true,
-				icon: children,
-				label
-			});
-			$[5] = children;
-			$[6] = label;
-			$[7] = render;
-			$[8] = t2;
-		} else t2 = $[8];
-		t3 = mergeProps({
-			type: "button",
-			children: render === void 0 ? void 0 : children
-		}, props);
+		t2 = render;
+		t3 = mergeProps({ type: "button" }, props);
 		$[0] = t0;
 		$[1] = t1;
 		$[2] = t2;
@@ -628,46 +671,43 @@ var MessageFilesDownloadAll = (t0) => {
 		t4 = $[4];
 	}
 	let t5;
-	if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
+	if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
 		t5 = {
 			defaultTagName: t1,
 			render: t2,
 			props: t3
 		};
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t5;
-	} else t5 = $[12];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t5;
+	} else t5 = $[8];
 	return t4(t5);
 };
-/** An icon button, pinned to the log's bottom corner, that jumps to the latest message; its children are the glyph. */
+/**
+* The button, pinned to the log's bottom corner, that jumps to the latest
+* message. It renders whichever button it is given.
+*
+* @example
+* <Conversation.ScrollToBottom
+* 	onClick={scrollToLatest}
+* 	render={<IconButton label="Scroll to latest" variant="tertiary"><ArrowDownIcon /></IconButton>}
+* />
+*/
 var ScrollToBottom = (t0) => {
-	const $ = c(13);
+	const $ = c(9);
 	let t1;
 	let t2;
 	let t3;
 	let t4;
 	if ($[0] !== t0) {
-		const { label, children, className, render, ...props } = t0;
+		const { className, render, ...props } = t0;
 		t4 = useRender;
 		t1 = "button";
-		if ($[5] !== children || $[6] !== label || $[7] !== render) {
-			t2 = render ?? /* @__PURE__ */ jsx(Button, {
-				variant: "tertiary",
-				iconOnly: true,
-				icon: children,
-				label
-			});
-			$[5] = children;
-			$[6] = label;
-			$[7] = render;
-			$[8] = t2;
-		} else t2 = $[8];
+		t2 = render;
 		t3 = mergeProps({
 			type: "button",
-			className: clsx(conversation_module_default.scrollToBottom, className),
-			children: render === void 0 ? void 0 : children
+			className: clsx(conversation_module_default.scrollToBottom, className)
 		}, props);
 		$[0] = t0;
 		$[1] = t1;
@@ -681,17 +721,17 @@ var ScrollToBottom = (t0) => {
 		t4 = $[4];
 	}
 	let t5;
-	if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
+	if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
 		t5 = {
 			defaultTagName: t1,
 			render: t2,
 			props: t3
 		};
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t5;
-	} else t5 = $[12];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t5;
+	} else t5 = $[8];
 	return t4(t5);
 };
 /** What the log shows before there are any messages. */
@@ -797,7 +837,8 @@ var Prefab = (t0) => {
 					/* @__PURE__ */ jsx(MessageTimestamp, { date: first.sentAt }),
 					status === void 0 ? null : /* @__PURE__ */ jsx(MessageReadIndicator, {
 						status,
-						label: statusLabel[status]
+						label: statusLabel[status],
+						children: /* @__PURE__ */ jsx(MessageReadDot, {})
 					})
 				] }), burst.items.map((message_1) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MessageBubble, { children: /* @__PURE__ */ jsx(MessageContent, {
 					lineClamp,
@@ -858,6 +899,7 @@ var Conversation = Object.assign(Prefab, {
 	MessageAvatar,
 	MessageTimestamp,
 	MessageReadIndicator,
+	MessageReadDot,
 	MessageContent,
 	MessageFiles,
 	MessageFilesDownloadAll,

package/dist/components/conversation/conversation.module.js

@@ -1,19 +1,19 @@
 import './conversation.css';// src/components/conversation/conversation.module.scss
-var root = "_root_1jpsu_3";
-var group = "_group_1jpsu_9";
-var groupSeparator = "_groupSeparator_1jpsu_14";
-var message = "_message_1jpsu_24";
-var messageAuthor = "_messageAuthor_1jpsu_34";
-var messageBubble = "_messageBubble_1jpsu_44";
-var messageAvatar = "_messageAvatar_1jpsu_75";
-var messageTimestamp = "_messageTimestamp_1jpsu_78";
-var messageReadIndicator = "_messageReadIndicator_1jpsu_83";
-var statusDot = "_statusDot_1jpsu_91";
-var messageContent = "_messageContent_1jpsu_100";
-var messageFiles = "_messageFiles_1jpsu_111";
-var scrollToBottom = "_scrollToBottom_1jpsu_121";
-var emptyState = "_emptyState_1jpsu_126";
-var visuallyHidden = "_visuallyHidden_1jpsu_135";
+var root = "_root_1vjy3_3";
+var group = "_group_1vjy3_9";
+var groupSeparator = "_groupSeparator_1vjy3_14";
+var message = "_message_1vjy3_24";
+var messageAuthor = "_messageAuthor_1vjy3_34";
+var messageBubble = "_messageBubble_1vjy3_44";
+var messageAvatar = "_messageAvatar_1vjy3_75";
+var messageTimestamp = "_messageTimestamp_1vjy3_78";
+var messageReadIndicator = "_messageReadIndicator_1vjy3_83";
+var statusDot = "_statusDot_1vjy3_91";
+var messageContent = "_messageContent_1vjy3_100";
+var messageFiles = "_messageFiles_1vjy3_111";
+var scrollToBottom = "_scrollToBottom_1vjy3_121";
+var emptyState = "_emptyState_1vjy3_126";
+var visuallyHidden = "_visuallyHidden_1vjy3_135";
 var conversation_module_default = {
 	root,
 	group,

package/dist/components/date-field/date-field.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { CalendarIcons, CalendarLabels } from "../../lib/calendar/temporal.tsx";
+import { type CalendarIcons, type CalendarLabels } from "../../lib/calendar/calendar-prefab.tsx";
 import { type FieldBlurHandler, type FieldProps } from "../field/index.ts";
 export type DateFieldProps = FieldProps & CalendarLabels & CalendarIcons & Readonly<{
     /** Accessible name of the button that opens the calendar, such as "Open calendar". */