@factorialco/f0-react 6.16.4 → 6.17.0

package/dist/experimental.d.ts

@@ -1389,6 +1389,8 @@ declare type ButtonDropdownItem<T = string> = {
 };
 
 declare type ButtonInternalProps = Pick<ActionProps, "size" | "disabled" | "className" | "pressed" | "compact" | "tooltip" | "fontSize"> & DataAttributes & {
+    /** Native button behavior. */
+    type?: ButtonType;
     /**
      * The aria-label of the button if not provided title or label will be used.
      */
@@ -4152,6 +4154,7 @@ declare const defaultTranslations: {
         readonly closeSearch: "Close search";
         readonly noResults: "No chats found";
         readonly backToLatest: "Jump to latest";
+        readonly online: "Online";
         readonly muted: "Muted";
         readonly mute: "Mute";
         readonly unmute: "Unmute";
@@ -4254,6 +4257,14 @@ declare const defaultTranslations: {
             readonly one: "{{count}} unread";
             readonly other: "{{count}} unread";
         };
+        readonly unreadChatsAbove: {
+            readonly one: "{{count}} unread chat above";
+            readonly other: "{{count}} unread chats above";
+        };
+        readonly unreadChatsBelow: {
+            readonly one: "{{count}} unread chat below";
+            readonly other: "{{count}} unread chats below";
+        };
         readonly emptyConversation: "No messages yet";
         readonly emptyConversationDescription: "Send a message to start the conversation.";
         readonly error: "Couldn't load this conversation";
@@ -5619,7 +5630,6 @@ export declare type F0ChatChannel = {
     avatar: AvatarVariant;
     /** DM only — the other person's presence. */
     presence?: "online" | "offline";
-    muted?: boolean;
     /**
      * Whether the conversation is pinned (favourited) by the current user. Drives
      * the header pin toggle and lets the host surface a "Pinned" group in the
@@ -6060,8 +6070,8 @@ export declare type F0ChatRuntime = {
     /**
      * Toggle the conversation's muted state for the current user. Transport
      * capability only — the header no longer auto-renders a Mute action; the
-     * host surfaces one via {@link F0ChatHeaderAction} (the header still shows
-     * the `channel.muted` status icon either way). factorial →
+     * host surfaces one via {@link F0ChatHeaderAction}. The current muted state
+     * is represented like any other entry in `channel.statuses`. factorial →
      * `channel.mute()` / `channel.unmute()`.
      */
     toggleMute?: () => void | Promise<void>;
@@ -6086,6 +6096,10 @@ export declare type F0ChatSearchResult = {
     id: string;
 };
 
+export declare type F0ChatSenderColor = (typeof f0ChatSenderColors)[number];
+
+export declare const f0ChatSenderColors: readonly ["viridian", "malibu", "yellow", "purple", "lilac", "barbie", "smoke", "army", "flubber", "indigo", "camel", "radical", "orange", "red", "grass"];
+
 export declare type F0ChatSendInput = {
     body: string;
     attachments?: F0ChatAttachment[];
@@ -6159,6 +6173,12 @@ export declare type F0ChatUser = {
     id: string;
     name: string;
     avatar?: AvatarVariant;
+    /**
+     * Stable sender accent. For photo avatars, choose the palette hue closest to
+     * the image's dominant colour so the name and incoming bubble feel related.
+     * When omitted, F0 uses the same name hash as a generated person avatar.
+     */
+    avatarColor?: F0ChatSenderColor;
     /** Secondary line for the hover card (e.g. job title). */
     subtitle?: string;
     /** Link to the person's profile, shown as "View profile" in the hover card. */
@@ -10718,8 +10738,10 @@ export declare type SidebarChat = {
     /** When true, the name is replaced by a live "Writing…" label. */
     typing?: boolean;
     presence?: SidebarChatPresence;
-    /** Status icon shown to the right of the name. People only. */
+    /** Single status icon shown to the right of the conversation name. */
     status?: SidebarChatStatus;
+    /** Multiple status icons. Takes precedence over `status` when provided. */
+    statuses?: SidebarChatStatus[];
     /** Epoch ms of the last activity; used for ordering. */
     lastActivityAt?: number;
     /** Whether the chat is pinned (favourited) — selects the solid pin icon. */
@@ -10858,9 +10880,9 @@ export declare type SidebarChatProviderProps = {
 };
 
 /**
- * Status shown as a small icon avatar to the right of a person's name (people
- * only). The consumer fully controls it — pass any icon with an accessible
- * label. F0 does not hardcode any set of statuses.
+ * Status shown as a small icon to the right of a conversation name. The
+ * consumer fully controls it — pass any icon with an accessible label. F0
+ * does not hardcode any set of statuses.
  */
 export declare type SidebarChatStatus = {
     icon: IconType;