@lindaui/blocks 0.4.2 → 0.5.0

package/dist/channel-settings.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Tabs } from '@lindaui/ui/compound';
+import { useState } from 'react';
+
+/** Every panel stays mounted so switching channels preserves form and challenge state. */ function ChannelSettings({ channels, navigationLabel, selected, defaultSelected, onSelect, className = "w-full gap-5", listClassName }) {
+    const [localSelected, setLocalSelected] = useState(defaultSelected ?? channels[0]?.id);
+    const current = selected ?? localSelected;
+    return /*#__PURE__*/ jsxs(Tabs, {
+        className: className,
+        onSelectionChange: (key)=>{
+            const id = String(key);
+            if (selected === undefined) setLocalSelected(id);
+            onSelect?.(id);
+        },
+        selectedKey: current,
+        variant: "secondary",
+        children: [
+            /*#__PURE__*/ jsx(Tabs.ListContainer, {
+                className: "w-full",
+                children: /*#__PURE__*/ jsx(Tabs.List, {
+                    "aria-label": navigationLabel,
+                    className: listClassName ?? (channels.length === 2 ? "grid w-full grid-cols-2" : "grid w-full auto-cols-fr grid-flow-col"),
+                    children: channels.map(({ id, label, status, icon, isDisabled })=>/*#__PURE__*/ jsxs(Tabs.Tab, {
+                            className: "h-auto min-w-0 justify-start gap-3 px-3 py-4",
+                            id: id,
+                            isDisabled: isDisabled,
+                            children: [
+                                icon,
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "min-w-0 text-left",
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "block font-semibold text-sm",
+                                            children: label
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "block whitespace-normal font-normal text-muted text-xs",
+                                            children: status
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Tabs.Indicator, {})
+                            ]
+                        }, id))
+                })
+            }),
+            [
+                ...channels
+            ].sort((a, b)=>(a.panelOrder ?? 0) - (b.panelOrder ?? 0)).map(({ id, panel })=>/*#__PURE__*/ jsx(Tabs.Panel, {
+                    className: current === id ? "" : "hidden",
+                    id: id,
+                    shouldForceMount: true,
+                    children: typeof panel === "function" ? panel(current === id) : panel
+                }, id))
+        ]
+    });
+}
+
+export { ChannelSettings };

package/dist/chat-avatar-jdmeyf2o.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Avatar } from '@lindaui/ui/compound';
+
+function getInitials(name) {
+    return name.split(" ").map((part)=>part[0]).filter(Boolean).join("").toUpperCase().slice(0, 2);
+}
+/** Image refresh stays in the consumer's onError callback. */ function ChatAvatar({ name, src, size, className, classNames, onError }) {
+    return /*#__PURE__*/ jsxs(Avatar, {
+        className: [
+            className,
+            classNames?.base
+        ].filter(Boolean).join(" "),
+        size: size,
+        children: [
+            src ? /*#__PURE__*/ jsx(Avatar.Image, {
+                alt: name,
+                className: classNames?.img,
+                onError: onError,
+                src: src
+            }) : null,
+            /*#__PURE__*/ jsx(Avatar.Fallback, {
+                className: classNames?.fallback,
+                children: getInitials(name)
+            })
+        ]
+    });
+}
+
+export { ChatAvatar as C };

package/dist/chat-layout-fwx3x26g.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@lindaui/ui/cn';
+
+/** Mobile selection switching, 350px tablet sidebar, 320px desktop detail. */ function ChatLayout({ sidebar, main, detail, selectedChatId }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full w-full overflow-hidden bg-background",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: cn("border-border border-r", "md:flex md:w-[350px] md:flex-col", selectedChatId ? "hidden" : "flex w-full flex-col"),
+                children: sidebar
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: cn("flex-1 flex-col overflow-hidden", "md:flex", selectedChatId ? "flex" : "hidden"),
+                children: main
+            }),
+            detail && /*#__PURE__*/ jsx("div", {
+                className: "hidden w-[320px] flex-col border-border border-l lg:flex",
+                children: detail
+            })
+        ]
+    });
+}
+
+export { ChatLayout as C };

package/dist/chat.d.ts

@@ -0,0 +1,22 @@
+/** Generic migration API. The existing individual chat entry points are unchanged. */
+export { ChatAvatar } from "./compat-chat/chat-avatar.js";
+export type { ChatAvatarProps, ChatAvatarClassNames } from "./compat-chat/chat-avatar.js";
+export { ChatHeader } from "./compat-chat/chat-header.js";
+export type { ChatHeaderProps } from "./compat-chat/chat-header.js";
+export { ChatLayout } from "./compat-chat/chat-layout.js";
+export type { ChatLayoutProps } from "./compat-chat/chat-layout.js";
+export { ConversationList } from "./compat-chat/conversation-list.js";
+export type { ConversationListProps, ConversationListLabels } from "./compat-chat/conversation-list.js";
+export { ConversationListItem } from "./compat-chat/conversation-list-item.js";
+export type { ConversationListItemProps } from "./compat-chat/conversation-list-item.js";
+export { ConversationThread } from "./compat-chat/conversation-thread.js";
+export type { ConversationThreadProps } from "./compat-chat/conversation-thread.js";
+export { EmptyChatView } from "./compat-chat/empty-chat-view.js";
+export type { EmptyChatViewProps } from "./compat-chat/empty-chat-view.js";
+export { MessageBubble } from "./compat-chat/message-bubble.js";
+export type { MessageBubbleProps } from "./compat-chat/message-bubble.js";
+export { MessageComposer } from "./compat-chat/message-composer.js";
+export type { MessageComposerProps } from "./compat-chat/message-composer.js";
+export type { ConversationSummary, ConversationThreadLabels, GenericMessage, GenericMessageMedia, MessageMediaKind, MessageSide } from "./compat-chat/types.js";
+export type { TimeGroup } from "./compat-chat/time-grouping.js";
+//# sourceMappingURL=chat.d.ts.map

package/dist/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../src/chat.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA2B,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,8BAA2B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA2B,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA2B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA2B,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAiC,CAAC;AACnE,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,oCAAiC,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAsC,CAAC;AAC5E,YAAY,EAAE,yBAAyB,EAAE,MAAM,yCAAsC,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAmC,CAAC;AACvE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sCAAmC,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAA+B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAA+B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAA8B,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iCAA8B,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAgC,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAgC,CAAC;AAC3E,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,cAAc,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,wBAAqB,CAAC;AAC7J,YAAY,EAAE,SAAS,EAAE,MAAM,gCAA6B,CAAC"}

package/dist/chat.js

@@ -0,0 +1,66 @@
+export { C as ChatAvatar } from './chat-avatar-jdmeyf2o.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+export { C as ChatLayout } from './chat-layout-fwx3x26g.js';
+export { C as ConversationList } from './conversation-list-ekq2dzca.js';
+export { C as ConversationListItem } from './conversation-list-item-fy6t5af2.js';
+export { C as ConversationThread } from './conversation-thread-c60431oa.js';
+import { MessageCircle } from 'lucide-react';
+export { M as MessageBubble } from './message-bubble-odjvhroq.js';
+export { M as MessageComposer } from './message-composer-m2n6soo7.js';
+
+function ChatHeader({ title, subtitle, avatar, actions }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center justify-between gap-3 border-border border-b px-4 py-3",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex min-w-0 flex-1 items-center gap-3",
+                children: [
+                    avatar,
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "min-w-0 flex-1",
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                className: "truncate font-medium text-foreground text-sm",
+                                children: title
+                            }),
+                            subtitle && /*#__PURE__*/ jsx("p", {
+                                className: "truncate text-muted text-xs",
+                                children: subtitle
+                            })
+                        ]
+                    })
+                ]
+            }),
+            actions
+        ]
+    });
+}
+
+function EmptyChatView({ title, description }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full flex-col items-center justify-center gap-4 px-6 py-8 text-center",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "rounded-full bg-surface-secondary p-4",
+                children: /*#__PURE__*/ jsx(MessageCircle, {
+                    className: "h-8 w-8 text-muted"
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "space-y-2",
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        className: "font-semibold text-foreground text-lg",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-muted text-sm",
+                        children: description
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { ChatHeader, EmptyChatView };

package/dist/command-palette.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+export interface CommandPaletteItem {
+    description?: string;
+    identifier: string;
+    name: string;
+}
+export interface CommandPaletteProps<T extends CommandPaletteItem = CommandPaletteItem> {
+    isOpen: boolean;
+    items: T[];
+    onClose: () => void;
+    onSelect: (item: T) => void;
+    placeholder?: string;
+    recentIds?: string[];
+    title?: string;
+    recentLabel?: string;
+    allItemsLabel?: string;
+    renderEmptyState?: (query: string) => ReactNode;
+    renderAvatar?: (item: T) => ReactNode;
+}
+/** Search names and descriptions, keeping recent items first in their original collection order. */
+export declare function CommandPalette<T extends CommandPaletteItem>({ isOpen, onClose, items, onSelect, placeholder, title, recentIds, recentLabel, allItemsLabel, renderEmptyState, renderAvatar, }: CommandPaletteProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=command-palette.d.ts.map

package/dist/command-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../src/command-palette.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IACpF,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CACvC;AAED,oGAAoG;AACpG,wBAAgB,cAAc,CAAC,CAAC,SAAS,kBAAkB,EAAE,EAC3D,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAuB,EAAE,KAAgB,EAC3E,SAAc,EAAE,WAAsB,EAAE,aAA2B,EACnE,gBAAgB,EAAE,YAAY,GAC/B,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BA0ExB"}

package/dist/command-palette.js

@@ -0,0 +1,141 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Modal, TextField, InputGroup, Kbd, ScrollShadow, ListBox, Header, Separator, Avatar, Label, Description } from '@lindaui/ui/compound';
+import { Search } from 'lucide-react';
+import { useState, useMemo, useCallback } from 'react';
+
+/** Search names and descriptions, keeping recent items first in their original collection order. */ function CommandPalette({ isOpen, onClose, items, onSelect, placeholder = "Search…", title = "Search", recentIds = [], recentLabel = "Recent", allItemsLabel = "All items", renderEmptyState, renderAvatar }) {
+    const [query, setQuery] = useState("");
+    const filtered = useMemo(()=>{
+        if (!query.trim()) return items;
+        const search = query.toLowerCase();
+        return items.filter((item)=>item.name.toLowerCase().includes(search) || item.description?.toLowerCase().includes(search));
+    }, [
+        items,
+        query
+    ]);
+    const recents = filtered.filter((item)=>recentIds.includes(item.identifier));
+    const rest = filtered.filter((item)=>!recentIds.includes(item.identifier));
+    const handleClose = useCallback(()=>{
+        onClose();
+        setQuery("");
+    }, [
+        onClose
+    ]);
+    const handleSelect = useCallback((key)=>{
+        const item = items.find((candidate)=>candidate.identifier === String(key));
+        if (item) {
+            onSelect(item);
+            setQuery("");
+        }
+    }, [
+        items,
+        onSelect
+    ]);
+    const renderItem = (item)=>/*#__PURE__*/ jsxs(ListBox.Item, {
+            id: item.identifier,
+            textValue: item.name,
+            children: [
+                /*#__PURE__*/ jsx(Avatar, {
+                    size: "sm",
+                    children: renderAvatar ? renderAvatar(item) : /*#__PURE__*/ jsx(Avatar.Fallback, {
+                        children: item.name.charAt(0).toUpperCase()
+                    })
+                }),
+                /*#__PURE__*/ jsx(Label, {
+                    children: item.name
+                }),
+                item.description ? /*#__PURE__*/ jsx(Description, {
+                    children: item.description
+                }) : null
+            ]
+        }, item.identifier);
+    return /*#__PURE__*/ jsx(Modal.Backdrop, {
+        isOpen: isOpen,
+        onOpenChange: (open)=>{
+            if (!open) handleClose();
+        },
+        variant: "blur",
+        children: /*#__PURE__*/ jsx(Modal.Container, {
+            placement: "top",
+            size: "lg",
+            children: /*#__PURE__*/ jsx(Modal.Dialog, {
+                "aria-label": title,
+                children: /*#__PURE__*/ jsxs(Modal.Body, {
+                    className: "gap-0 p-0",
+                    children: [
+                        /*#__PURE__*/ jsx(TextField, {
+                            "aria-label": title,
+                            value: query,
+                            children: /*#__PURE__*/ jsxs(InputGroup, {
+                                className: "rounded-none rounded-t-xl border-b shadow-none",
+                                children: [
+                                    /*#__PURE__*/ jsx(InputGroup.Prefix, {
+                                        children: /*#__PURE__*/ jsx(Search, {
+                                            className: "text-muted",
+                                            size: 18
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(InputGroup.Input, {
+                                        autoFocus: true,
+                                        onChange: (event)=>setQuery(event.target.value),
+                                        placeholder: placeholder,
+                                        value: query
+                                    }),
+                                    /*#__PURE__*/ jsx(InputGroup.Suffix, {
+                                        children: /*#__PURE__*/ jsxs(Kbd, {
+                                            children: [
+                                                /*#__PURE__*/ jsx(Kbd.Abbr, {
+                                                    keyValue: "escape"
+                                                }),
+                                                /*#__PURE__*/ jsx(Kbd.Content, {
+                                                    children: "ESC"
+                                                })
+                                            ]
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(ScrollShadow, {
+                            className: "max-h-[360px]",
+                            children: /*#__PURE__*/ jsxs(ListBox, {
+                                "aria-label": title,
+                                onAction: handleSelect,
+                                renderEmptyState: ()=>renderEmptyState ? renderEmptyState(query) : /*#__PURE__*/ jsxs("p", {
+                                        className: "py-6 text-center text-muted text-sm",
+                                        children: [
+                                            "No results for “",
+                                            query,
+                                            "”"
+                                        ]
+                                    }),
+                                children: [
+                                    recents.length > 0 ? /*#__PURE__*/ jsxs(ListBox.Section, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Header, {
+                                                children: recentLabel
+                                            }),
+                                            recents.map(renderItem),
+                                            /*#__PURE__*/ jsx(Separator, {})
+                                        ]
+                                    }) : null,
+                                    /*#__PURE__*/ jsxs(ListBox.Section, {
+                                        children: [
+                                            recents.length > 0 ? /*#__PURE__*/ jsx(Header, {
+                                                children: allItemsLabel
+                                            }) : null,
+                                            rest.map(renderItem)
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+
+export { CommandPalette };

package/dist/compat-chat/chat-avatar.d.ts

@@ -0,0 +1,16 @@
+export interface ChatAvatarClassNames {
+    base?: string;
+    fallback?: string;
+    img?: string;
+}
+export interface ChatAvatarProps {
+    className?: string;
+    classNames?: ChatAvatarClassNames;
+    name: string;
+    onError?: () => void;
+    size?: "lg" | "md" | "sm";
+    src?: string | null;
+}
+/** Image refresh stays in the consumer's onError callback. */
+export declare function ChatAvatar({ name, src, size, className, classNames, onError }: ChatAvatarProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-avatar.d.ts.map

package/dist/compat-chat/chat-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-avatar.d.ts","sourceRoot":"","sources":["../../src/compat-chat/chat-avatar.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IAAG,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;CAAE;AACzF,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAID,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,eAAe,+BAK9F"}

package/dist/compat-chat/chat-header.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface ChatHeaderProps {
+    actions?: ReactNode;
+    avatar?: ReactNode;
+    subtitle?: ReactNode;
+    title: ReactNode;
+}
+export declare function ChatHeader({ title, subtitle, avatar, actions }: ChatHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-header.d.ts.map

package/dist/compat-chat/chat-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-header.d.ts","sourceRoot":"","sources":["../../src/compat-chat/chat-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAAG,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;CAAE;AACrH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,+BAQ/E"}

package/dist/compat-chat/chat-layout.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface ChatLayoutProps {
+    detail?: ReactNode;
+    main: ReactNode;
+    selectedChatId?: string;
+    sidebar: ReactNode;
+}
+/** Mobile selection switching, 350px tablet sidebar, 320px desktop detail. */
+export declare function ChatLayout({ sidebar, main, detail, selectedChatId }: ChatLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-layout.d.ts.map

package/dist/compat-chat/chat-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-layout.d.ts","sourceRoot":"","sources":["../../src/compat-chat/chat-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAAG,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,CAAC;CAAE;AACtH,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,eAAe,+BAMpF"}

package/dist/compat-chat/conversation-list-item.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import type { ConversationSummary } from "./types.js";
+export interface ConversationListItemProps {
+    avatar?: ReactNode;
+    emptyPreview?: string;
+    item: ConversationSummary;
+    onClick: () => void;
+}
+export declare const ConversationListItem: import("react").MemoExoticComponent<({ item, onClick, avatar, emptyPreview }: ConversationListItemProps) => import("react").JSX.Element>;
+//# sourceMappingURL=conversation-list-item.d.ts.map

package/dist/compat-chat/conversation-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list-item.d.ts","sourceRoot":"","sources":["../../src/compat-chat/conversation-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAS,CAAC;AAEnD,MAAM,WAAW,yBAAyB;IAAG,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,mBAAmB,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAAE;AACzI,eAAO,MAAM,oBAAoB,gFAAkD,yBAAyB,iCAmB1G,CAAC"}

package/dist/compat-chat/conversation-list.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+import { type TimeGroup } from "./time-grouping.js";
+import type { ConversationSummary } from "./types.js";
+export interface ConversationListLabels {
+    emptyPreview?: string;
+    loading: string;
+    periods: Record<TimeGroup, string>;
+}
+export interface ConversationListProps {
+    emptyMessage?: ReactNode;
+    filters?: ReactNode;
+    isLoading?: boolean;
+    items: ConversationSummary[];
+    labels: ConversationListLabels;
+    onItemSelect: (id: string) => void;
+    onSearchChange: (value: string) => void;
+    renderAvatar?: (item: ConversationSummary) => ReactNode;
+    searchPlaceholder?: string;
+    searchValue: string;
+    /** Optional virtualized list. The consumer owns row placement and group headers. */
+    renderItems?: (items: ConversationSummary[], renderItem: (item: ConversationSummary) => ReactNode) => ReactNode;
+}
+export declare function ConversationList({ items, searchValue, onSearchChange, searchPlaceholder, filters, labels, isLoading, emptyMessage, onItemSelect, renderAvatar, renderItems }: ConversationListProps): import("react").JSX.Element;
+//# sourceMappingURL=conversation-list.d.ts.map

package/dist/compat-chat/conversation-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list.d.ts","sourceRoot":"","sources":["../../src/compat-chat/conversation-list.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,oBAAiB,CAAC;AAEhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAS,CAAC;AAEnD,MAAM,WAAW,sBAAsB;IAAG,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;CAAE;AACvH,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,KAAK,SAAS,CAAC;CACjH;AACD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,SAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,qBAAqB,+BAuB3M"}

package/dist/compat-chat/conversation-thread.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+import type { ConversationThreadLabels, GenericMessage } from "./types.js";
+export interface ConversationThreadProps {
+    /** undefined uses the original light/dark pattern; null uses a flat background. */
+    backgroundImage?: {
+        dark: string;
+        light: string;
+    } | null;
+    isError?: boolean;
+    isLoading?: boolean;
+    labels: ConversationThreadLabels;
+    messages: GenericMessage[];
+    showPollingFallback?: boolean;
+    /** Optional virtualizer. The consumer owns row placement and date dividers. */
+    renderMessages?: (messages: GenericMessage[], renderMessage: (message: GenericMessage) => ReactNode) => ReactNode;
+}
+export declare function ConversationThread({ messages, isLoading, isError, labels, backgroundImage, showPollingFallback, renderMessages }: ConversationThreadProps): import("react").JSX.Element;
+//# sourceMappingURL=conversation-thread.d.ts.map

package/dist/compat-chat/conversation-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-thread.d.ts","sourceRoot":"","sources":["../../src/compat-chat/conversation-thread.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjG,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,aAAa,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,SAAS,KAAK,SAAS,CAAC;CACnH;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,OAAe,EAAE,MAAM,EAAE,eAAe,EAAE,mBAA2B,EAAE,cAAc,EAAE,EAAE,uBAAuB,+BAoEjL"}

package/dist/compat-chat/date-divider.d.ts

@@ -0,0 +1,5 @@
+export interface DateDividerProps {
+    date: string | Date;
+}
+export declare function DateDivider({ date }: DateDividerProps): import("react").JSX.Element;
+//# sourceMappingURL=date-divider.d.ts.map

package/dist/compat-chat/date-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-divider.d.ts","sourceRoot":"","sources":["../../src/compat-chat/date-divider.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAAE;AAC1D,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,+BAErD"}

package/dist/compat-chat/empty-chat-view.d.ts

@@ -0,0 +1,6 @@
+export interface EmptyChatViewProps {
+    description: string;
+    title: string;
+}
+export declare function EmptyChatView({ title, description }: EmptyChatViewProps): import("react").JSX.Element;
+//# sourceMappingURL=empty-chat-view.d.ts.map

package/dist/compat-chat/empty-chat-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-chat-view.d.ts","sourceRoot":"","sources":["../../src/compat-chat/empty-chat-view.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAAG,WAAW,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;CAAE;AAC3E,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,kBAAkB,+BAKvE"}

package/dist/compat-chat/image-lightbox.d.ts

@@ -0,0 +1,7 @@
+export interface ImageLightboxProps {
+    alt?: string;
+    className?: string;
+    src: string;
+}
+export declare function ImageLightbox({ src, alt, className }: ImageLightboxProps): import("react").JSX.Element;
+//# sourceMappingURL=image-lightbox.d.ts.map

package/dist/compat-chat/image-lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-lightbox.d.ts","sourceRoot":"","sources":["../../src/compat-chat/image-lightbox.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IAAG,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;CAAE;AACtF,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAclF"}

package/dist/compat-chat/message-bubble.d.ts

@@ -0,0 +1,6 @@
+import type { GenericMessage } from "./types.js";
+export interface MessageBubbleProps {
+    message: GenericMessage;
+}
+export declare function MessageBubble({ message }: MessageBubbleProps): import("react").JSX.Element;
+//# sourceMappingURL=message-bubble.d.ts.map

package/dist/compat-chat/message-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/compat-chat/message-bubble.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IAAG,OAAO,EAAE,cAAc,CAAC;CAAE;AAEhE,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,+BAgB5D"}

package/dist/compat-chat/message-composer.d.ts

@@ -0,0 +1,11 @@
+export interface MessageComposerProps {
+    disabled?: boolean;
+    isSending?: boolean;
+    onSend: () => void;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    value: string;
+}
+/** Controlled glass composer; Enter sends and Shift+Enter retains a newline. */
+export declare function MessageComposer({ value, onValueChange, onSend, isSending, placeholder, disabled }: MessageComposerProps): import("react").JSX.Element;
+//# sourceMappingURL=message-composer.d.ts.map

package/dist/compat-chat/message-composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-composer.d.ts","sourceRoot":"","sources":["../../src/compat-chat/message-composer.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IAAG,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;CAAE;AACnL,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,SAAiB,EAAE,WAAW,EAAE,QAAgB,EAAE,EAAE,oBAAoB,+BAiBvI"}

package/dist/compat-chat/time-divider.d.ts

@@ -0,0 +1,5 @@
+export declare function TimeDivider({ label, className }: {
+    className?: string;
+    label: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=time-divider.d.ts.map

package/dist/compat-chat/time-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-divider.d.ts","sourceRoot":"","sources":["../../src/compat-chat/time-divider.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,+BAEtF"}

package/dist/compat-chat/time-grouping.d.ts

@@ -0,0 +1,5 @@
+export type TimeGroup = "Hoy" | "Ayer" | "Esta semana" | "Este mes" | "Más antiguos";
+export declare const TIME_GROUP_ORDER: readonly ["Hoy", "Ayer", "Esta semana", "Este mes", "Más antiguos"];
+export declare function getTimeGroup(date: string | Date): TimeGroup;
+export declare function groupByTime<T>(items: T[], getDate: (item: T) => string | Date): Record<TimeGroup, T[]>;
+//# sourceMappingURL=time-grouping.d.ts.map

package/dist/compat-chat/time-grouping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-grouping.d.ts","sourceRoot":"","sources":["../../src/compat-chat/time-grouping.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC;AACrF,eAAO,MAAM,gBAAgB,qEAAqG,CAAC;AACnI,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAQ3D;AACD,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAKtG"}

package/dist/compat-chat/types.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+/** Presentation-only types: map domain data in the consumer. */
+export type MessageSide = "center" | "left" | "right";
+export type MessageMediaKind = "audio" | "image" | "pdf";
+export interface GenericMessageMedia {
+    kind: MessageMediaKind;
+    label?: string;
+    url: string;
+}
+export interface GenericMessage {
+    authorTag?: string;
+    id: string;
+    media?: GenericMessageMedia;
+    side: MessageSide;
+    text: string;
+    timestamp: Date | string;
+}
+export interface ConversationSummary {
+    avatarUrl?: string;
+    badge?: ReactNode;
+    id: string;
+    isSelected?: boolean;
+    preview?: string;
+    subtitle?: string;
+    timestamp?: Date | string;
+    title: string;
+    unreadCount?: number;
+}
+export interface ConversationThreadLabels {
+    errorLoading: string;
+    loading: string;
+    noMessages: string;
+    pollingFallback?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/compat-chat/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/compat-chat/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,gEAAgE;AAChE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AACzD,MAAM,WAAW,mBAAmB;IAAG,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;CAAE;AAC7F,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}