@lindaui/blocks 0.3.0 → 0.4.0

package/dist/audio-player.d.ts

@@ -0,0 +1,9 @@
+export interface AudioPlayerProps {
+    src: string;
+    durationSeconds?: number;
+    playLabel?: string;
+    pauseLabel?: string;
+}
+/** Reproductor de nota de voz genérico: play/pause + waveform estática + duración. */
+export declare function AudioPlayer({ src, durationSeconds, playLabel, pauseLabel, }: AudioPlayerProps): import("react").JSX.Element;
+//# sourceMappingURL=audio-player.d.ts.map

package/dist/audio-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../src/audio-player.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAeD,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,eAAe,EACf,SAAwB,EACxB,UAAqB,GACtB,EAAE,gBAAgB,+BA0ClB"}

package/dist/audio-player.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
+import { Pause, Play } from 'lucide-react';
+import { IconButton } from '@lindaui/ui/icon-button';
+
+function formatDuration(seconds) {
+    const m = Math.floor(seconds / 60);
+    const s = Math.floor(seconds % 60);
+    return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+// Alturas deterministas (mismo seed que recording-overlay) — barra estática,
+// no una waveform real del audio.
+const BAR_HEIGHTS = Array.from({
+    length: 24
+}, (_, i)=>{
+    const seed = Math.abs(Math.sin(i * 12.9898) * 43758.5453) % 1;
+    return Math.max(20, Math.round((0.25 + seed * 0.75) * 100));
+});
+/** Reproductor de nota de voz genérico: play/pause + waveform estática + duración. */ function AudioPlayer({ src, durationSeconds, playLabel = "Reproducir", pauseLabel = "Pausar" }) {
+    const audioRef = useRef(null);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const toggle = ()=>{
+        const audio = audioRef.current;
+        if (!audio) return;
+        if (isPlaying) audio.pause();
+        else void audio.play();
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-2.5 rounded-full bg-secondary px-2 py-1.5",
+        children: [
+            /*#__PURE__*/ jsx("audio", {
+                ref: audioRef,
+                src: src,
+                onPlay: ()=>setIsPlaying(true),
+                onPause: ()=>setIsPlaying(false),
+                onEnded: ()=>setIsPlaying(false),
+                onTimeUpdate: (e)=>setCurrentTime(e.currentTarget.currentTime),
+                children: /*#__PURE__*/ jsx("track", {
+                    kind: "captions"
+                })
+            }),
+            /*#__PURE__*/ jsx(IconButton, {
+                "aria-label": isPlaying ? pauseLabel : playLabel,
+                onPress: toggle,
+                variant: "ghost",
+                size: "sm",
+                children: isPlaying ? /*#__PURE__*/ jsx(Pause, {
+                    className: "size-4"
+                }) : /*#__PURE__*/ jsx(Play, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex h-6 flex-1 items-end gap-[2px]",
+                "aria-hidden": "true",
+                children: BAR_HEIGHTS.map((h, i)=>/*#__PURE__*/ jsx("span", {
+                        className: "w-[2.5px] rounded-full bg-primary/60",
+                        style: {
+                            height: `${h}%`
+                        }
+                    }, i))
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "font-mono text-[11px] tabular-nums text-muted-foreground",
+                children: formatDuration(durationSeconds ?? currentTime)
+            })
+        ]
+    });
+}
+
+export { AudioPlayer };

package/dist/chat-avatar.d.ts

@@ -0,0 +1,15 @@
+export type ChatAvatarSize = "sm" | "md" | "lg";
+export interface ChatAvatarProps {
+    src?: string;
+    name: string;
+    size?: ChatAvatarSize;
+    /** Se dispara cuando `src` falla en cargar (además del fallback automático a iniciales). */
+    onError?: () => void;
+}
+/**
+ * Avatar de chat con fallback a iniciales. Bespoke (no compone
+ * `@lindaui/ui/avatar`): ese wrapper solo expone el Root de HeroUI, sin
+ * `Avatar.Image`/`Avatar.Fallback` — no alcanza para un fallback-on-error real.
+ */
+export declare function ChatAvatar({ src, name, size, onError }: ChatAvatarProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-avatar.d.ts","sourceRoot":"","sources":["../src/chat-avatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAeD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAW,EAAE,OAAO,EAAE,EAAE,eAAe,+BAyB9E"}

package/dist/chat-avatar.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+const sizeClasses = {
+    sm: "size-8 text-xs",
+    md: "size-10 text-sm",
+    lg: "size-12 text-base"
+};
+function initials(name) {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (parts.length === 0) return "?";
+    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+/**
+ * Avatar de chat con fallback a iniciales. Bespoke (no compone
+ * `@lindaui/ui/avatar`): ese wrapper solo expone el Root de HeroUI, sin
+ * `Avatar.Image`/`Avatar.Fallback` — no alcanza para un fallback-on-error real.
+ */ function ChatAvatar({ src, name, size = "md", onError }) {
+    const [broken, setBroken] = useState(false);
+    const showImage = src != null && !broken;
+    return /*#__PURE__*/ jsx("div", {
+        role: "img",
+        "aria-label": name,
+        className: `grid shrink-0 place-items-center overflow-hidden rounded-full bg-secondary font-medium text-secondary-foreground ${sizeClasses[size]}`,
+        children: showImage ? /*#__PURE__*/ jsx("img", {
+            src: src,
+            alt: "",
+            className: "h-full w-full object-cover",
+            onError: ()=>{
+                setBroken(true);
+                onError?.();
+            }
+        }) : /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            children: initials(name)
+        })
+    });
+}
+
+export { ChatAvatar };

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

@@ -0,0 +1,6 @@
+export interface ChatDateDividerProps {
+    date: Date | number | string;
+}
+/** Divider centrado de día ("Hoy"/"Ayer"/fecha corta) para timelines de chat. */
+export declare function ChatDateDivider({ date }: ChatDateDividerProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-date-divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-date-divider.d.ts","sourceRoot":"","sources":["../src/chat-date-divider.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,+BAS7D"}

package/dist/chat-date-divider.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { formatRelativeTime } from '@lindaui/ui/date';
+
+/** Divider centrado de día ("Hoy"/"Ayer"/fecha corta) para timelines de chat. */ function ChatDateDivider({ date }) {
+    const label = formatRelativeTime(date);
+    return /*#__PURE__*/ jsx("div", {
+        className: "my-3 flex items-center justify-center",
+        role: "separator",
+        "aria-label": label,
+        children: /*#__PURE__*/ jsx("span", {
+            className: "rounded-full bg-secondary px-3 py-1 text-xs font-medium text-secondary-foreground",
+            children: label
+        })
+    });
+}
+
+export { ChatDateDivider };

package/dist/chat-header.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-header.d.ts","sourceRoot":"","sources":["../src/chat-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,+BAa/E"}

package/dist/chat-header.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ChatHeader({ avatar, title, subtitle, actions }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-3 border-b border-border bg-card px-4 py-3",
+        children: [
+            avatar,
+            /*#__PURE__*/ jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "truncate text-sm font-semibold",
+                        children: title
+                    }),
+                    subtitle != null && /*#__PURE__*/ jsx("div", {
+                        className: "truncate text-xs text-muted-foreground",
+                        children: subtitle
+                    })
+                ]
+            }),
+            actions != null && /*#__PURE__*/ jsx("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: actions
+            })
+        ]
+    });
+}
+
+export { ChatHeader };

package/dist/chat-layout.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export type ChatLayoutPanel = "sidebar" | "main" | "detail";
+export interface ChatLayoutProps {
+    sidebar: ReactNode;
+    main: ReactNode;
+    detail?: ReactNode;
+    /** Panel visible en mobile (un solo panel a la vez). Default "sidebar". */
+    activePanel?: ChatLayoutPanel;
+}
+/** Shell responsive de 3 columnas (sidebar/main/detail); mobile-first, un panel a la vez. */
+export declare function ChatLayout({ sidebar, main, detail, activePanel }: ChatLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-layout.d.ts","sourceRoot":"","sources":["../src/chat-layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,WAAuB,EAAE,EAAE,eAAe,+BA0B7F"}

package/dist/chat-layout.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/** Shell responsive de 3 columnas (sidebar/main/detail); mobile-first, un panel a la vez. */ function ChatLayout({ sidebar, main, detail, activePanel = "sidebar" }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full min-h-0 w-full overflow-hidden",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: `w-full shrink-0 border-r border-border sm:block sm:w-80 ${activePanel === "sidebar" ? "block" : "hidden sm:block"}`,
+                children: sidebar
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: `min-w-0 flex-1 sm:block ${activePanel === "main" ? "block" : "hidden sm:block"}`,
+                children: main
+            }),
+            detail != null && /*#__PURE__*/ jsx("div", {
+                className: `w-full shrink-0 border-l border-border lg:block lg:w-96 ${activePanel === "detail" ? "block" : "hidden lg:block"}`,
+                children: detail
+            })
+        ]
+    });
+}
+
+export { ChatLayout };

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

@@ -0,0 +1,6 @@
+export interface ChatTimeDividerProps {
+    label: string;
+}
+/** Header sticky de grupo horario (variante más chica que {@link ChatDateDivider}). */
+export declare function ChatTimeDivider({ label }: ChatTimeDividerProps): import("react").JSX.Element;
+//# sourceMappingURL=chat-time-divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-time-divider.d.ts","sourceRoot":"","sources":["../src/chat-time-divider.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,oBAAoB,+BAY9D"}

package/dist/chat-time-divider.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+
+/** Header sticky de grupo horario (variante más chica que {@link ChatDateDivider}). */ function ChatTimeDivider({ label }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "sticky top-0 z-10 flex justify-center bg-card/80 py-1.5 backdrop-blur",
+        role: "separator",
+        "aria-label": label,
+        children: /*#__PURE__*/ jsx("span", {
+            className: "rounded-full bg-secondary px-2.5 py-0.5 text-[11px] font-medium text-secondary-foreground",
+            children: label
+        })
+    });
+}
+
+export { ChatTimeDivider };

package/dist/chat-types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Tipos compartidos por la familia `chat-*`. Agnósticos de dominio — el
+ * consumidor mapea su shape real (mensajes de WhatsApp, tickets, etc.) a
+ * estos antes de pasarlos a los blocks.
+ */
+export type MessageSide = "incoming" | "outgoing";
+export type MessageStatus = "sending" | "sent" | "delivered" | "read" | "failed";
+export type GenericMessageMedia = {
+    kind: "image";
+    url: string;
+    alt?: string;
+} | {
+    kind: "audio";
+    url: string;
+    durationSeconds?: number;
+} | {
+    kind: "pdf";
+    url: string;
+    name?: string;
+};
+export interface GenericMessage {
+    id: string;
+    side: MessageSide;
+    text?: string;
+    media?: GenericMessageMedia;
+    sentAt: Date | number | string;
+    status?: MessageStatus;
+}
+export interface ConversationSummary {
+    id: string;
+    title: string;
+    subtitle?: string;
+    avatarUrl?: string;
+    lastMessageAt?: Date | number | string;
+    unreadCount?: number;
+}
+//# sourceMappingURL=chat-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-types.d.ts","sourceRoot":"","sources":["../src/chat-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjF,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/chat-types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chat-types.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-types.test.d.ts","sourceRoot":"","sources":["../src/chat-types.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { ConversationSummary } from "./chat-types.js";
+export interface ConversationListItemProps {
+    conversation: ConversationSummary;
+    selected?: boolean;
+    onSelect?: () => void;
+    trailing?: ReactNode;
+}
+export declare function ConversationListItem({ conversation, selected, onSelect, trailing, }: ConversationListItemProps): import("react").JSX.Element;
+//# sourceMappingURL=conversation-list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list-item.d.ts","sourceRoot":"","sources":["../src/conversation-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,QAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,+BAkC3B"}

package/dist/conversation-list-item.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { formatRelativeTime } from '@lindaui/ui/date';
+import { ChatAvatar } from './chat-avatar.js';
+
+function ConversationListItem({ conversation, selected = false, onSelect, trailing }) {
+    return /*#__PURE__*/ jsxs("button", {
+        type: "button",
+        "aria-pressed": selected,
+        onClick: onSelect,
+        className: `flex w-full items-center gap-3 border-b border-border px-3 py-3 text-left font-[inherit] text-[inherit] transition-colors ${selected ? "bg-primary/5" : "bg-card hover:bg-accent/50"}`,
+        children: [
+            /*#__PURE__*/ jsx(ChatAvatar, {
+                name: conversation.title,
+                src: conversation.avatarUrl
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "truncate text-sm font-semibold",
+                                children: conversation.title
+                            }),
+                            conversation.lastMessageAt != null && /*#__PURE__*/ jsx("span", {
+                                className: "shrink-0 text-[11px] text-muted-foreground",
+                                children: formatRelativeTime(conversation.lastMessageAt)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between gap-2",
+                        children: [
+                            conversation.subtitle != null && /*#__PURE__*/ jsx("span", {
+                                className: "truncate text-xs text-muted-foreground",
+                                children: conversation.subtitle
+                            }),
+                            !!conversation.unreadCount && /*#__PURE__*/ jsx("span", {
+                                className: "grid size-5 shrink-0 place-items-center rounded-full bg-primary text-[10px] font-semibold text-primary-foreground",
+                                children: conversation.unreadCount
+                            })
+                        ]
+                    })
+                ]
+            }),
+            trailing
+        ]
+    });
+}
+
+export { ConversationListItem };

package/dist/conversation-list.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import type { ConversationSummary } from "./chat-types.js";
+export interface ConversationListProps {
+    conversations: ConversationSummary[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    loading?: boolean;
+    emptyContent?: ReactNode;
+    filters?: ReactNode;
+}
+export declare function ConversationList({ conversations, selectedId, onSelect, searchValue, onSearchChange, searchLabel, searchPlaceholder, loading, emptyContent, filters, }: ConversationListProps): import("react").JSX.Element;
+//# sourceMappingURL=conversation-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list.d.ts","sourceRoot":"","sources":["../src/conversation-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,UAAU,EACV,QAAQ,EACR,WAAW,EACX,cAAc,EACd,WAAsB,EACtB,iBAA0C,EAC1C,OAAe,EACf,YAAY,EACZ,OAAO,GACR,EAAE,qBAAqB,+BAkCvB"}

package/dist/conversation-list.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchField } from '@lindaui/ui/search-field';
+import { ScrollShadow } from '@lindaui/ui/scroll-shadow';
+import { Spinner } from '@lindaui/ui/spinner';
+import { ConversationListItem } from './conversation-list-item.js';
+
+function ConversationList({ conversations, selectedId, onSelect, searchValue, onSearchChange, searchLabel = "Buscar", searchPlaceholder = "Buscar conversación…", loading = false, emptyContent, filters }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full flex-col",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "border-b border-border p-3",
+                children: /*#__PURE__*/ jsx(SearchField, {
+                    "aria-label": searchLabel,
+                    placeholder: searchPlaceholder,
+                    value: searchValue,
+                    onChange: onSearchChange
+                })
+            }),
+            filters != null && /*#__PURE__*/ jsx("div", {
+                className: "border-b border-border px-3 py-2",
+                children: filters
+            }),
+            /*#__PURE__*/ jsx(ScrollShadow, {
+                className: "flex-1",
+                children: loading ? /*#__PURE__*/ jsx("div", {
+                    className: "flex items-center justify-center p-8",
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        "aria-label": "Cargando"
+                    })
+                }) : conversations.length === 0 ? /*#__PURE__*/ jsx("div", {
+                    className: "p-8 text-center text-sm text-muted-foreground",
+                    children: emptyContent ?? "Sin conversaciones"
+                }) : conversations.map((c)=>/*#__PURE__*/ jsx(ConversationListItem, {
+                        conversation: c,
+                        selected: c.id === selectedId,
+                        onSelect: ()=>onSelect?.(c.id)
+                    }, c.id))
+            })
+        ]
+    });
+}
+
+export { ConversationList };

package/dist/conversation-thread.d.ts

@@ -0,0 +1,11 @@
+import type { GenericMessage } from "./chat-types.js";
+export interface ConversationThreadProps {
+    messages: GenericMessage[];
+    loading?: boolean;
+    onImageClick?: (url: string) => void;
+    emptyTitle?: string;
+    emptyDescription?: string;
+}
+/** Timeline scrolleable con auto-scroll al último mensaje + agrupado por día. */
+export declare function ConversationThread({ messages, loading, onImageClick, emptyTitle, emptyDescription, }: ConversationThreadProps): import("react").JSX.Element;
+//# sourceMappingURL=conversation-thread.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-thread.d.ts","sourceRoot":"","sources":["../src/conversation-thread.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAe,EACf,YAAY,EACZ,UAA2B,EAC3B,gBAAgB,GACjB,EAAE,uBAAuB,+BAsCzB"}

package/dist/conversation-thread.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { ScrollShadow } from '@lindaui/ui/scroll-shadow';
+import { Spinner } from '@lindaui/ui/spinner';
+import { groupByDay } from '@lindaui/ui/time-grouping';
+import { ChatDateDivider } from './chat-date-divider.js';
+import { MessageBubble } from './message-bubble.js';
+import { EmptyChatView } from './empty-chat-view.js';
+
+/** Timeline scrolleable con auto-scroll al último mensaje + agrupado por día. */ function ConversationThread({ messages, loading = false, onImageClick, emptyTitle = "Sin mensajes", emptyDescription }) {
+    const bottomRef = useRef(null);
+    useEffect(()=>{
+        bottomRef.current?.scrollIntoView({
+            block: "end"
+        });
+    }, [
+        messages.length
+    ]);
+    if (loading) {
+        return /*#__PURE__*/ jsx("div", {
+            className: "flex h-full items-center justify-center",
+            children: /*#__PURE__*/ jsx(Spinner, {
+                "aria-label": "Cargando mensajes"
+            })
+        });
+    }
+    if (messages.length === 0) {
+        return /*#__PURE__*/ jsx(EmptyChatView, {
+            title: emptyTitle,
+            description: emptyDescription
+        });
+    }
+    const groups = groupByDay(messages, (m)=>m.sentAt);
+    return /*#__PURE__*/ jsx(ScrollShadow, {
+        className: "h-full",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col gap-1 p-4",
+            children: [
+                groups.map((group)=>/*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx(ChatDateDivider, {
+                                date: group.items[0].sentAt
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex flex-col gap-1.5",
+                                children: group.items.map((message)=>/*#__PURE__*/ jsx(MessageBubble, {
+                                        message: message,
+                                        onImageClick: onImageClick
+                                    }, message.id))
+                            })
+                        ]
+                    }, group.key)),
+                /*#__PURE__*/ jsx("div", {
+                    ref: bottomRef
+                })
+            ]
+        })
+    });
+}
+
+export { ConversationThread };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-chat-view.d.ts","sourceRoot":"","sources":["../src/empty-chat-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAgC,EAChC,WAAW,EACX,IAAI,GACL,EAAE,kBAAkB,+BAUpB"}

package/dist/empty-chat-view.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { MessageCircle } from 'lucide-react';
+
+function EmptyChatView({ title = "Elegí una conversación", description, icon }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "grid size-14 place-items-center rounded-full bg-secondary",
+                children: icon ?? /*#__PURE__*/ jsx(MessageCircle, {
+                    className: "size-6",
+                    "aria-hidden": "true"
+                })
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "text-sm font-medium text-foreground",
+                children: title
+            }),
+            description != null && /*#__PURE__*/ jsx("p", {
+                className: "max-w-xs text-xs",
+                children: description
+            })
+        ]
+    });
+}
+
+export { EmptyChatView };

package/dist/entity-health-card.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+export type EntityHealthStatus = "default" | "success" | "warning" | "danger" | "info";
+export interface EntityHealthItem {
+    id: string;
+    label: string;
+    value: ReactNode;
+    status?: EntityHealthStatus;
+    statusLabel?: string;
+}
+export interface EntityHealthCardProps {
+    title: ReactNode;
+    description?: ReactNode;
+    items: EntityHealthItem[];
+    emptyLabel?: string;
+}
+/** Lista de salud de entidades genérica (ex-GymHealthCard, generalizado). */
+export declare function EntityHealthCard({ title, description, items, emptyLabel, }: EntityHealthCardProps): import("react").JSX.Element;
+//# sourceMappingURL=entity-health-card.d.ts.map

package/dist/entity-health-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-health-card.d.ts","sourceRoot":"","sources":["../src/entity-health-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAwB,GACzB,EAAE,qBAAqB,+BAuBvB"}