@shane_donnelly/dsi-internal-react-utils 0.2.1 → 1.0.0

package/dist/SessionContainer-RrzUh_no.js

@@ -0,0 +1,50 @@
+import { useTheme as e } from "./chatbot/theme/useTheme.js";
+import { t } from "./SessionHistory-BUYwbZjE.js";
+import { t as n } from "./InputBar-CxSc2du6.js";
+import { useEffect as r, useMemo as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/chatbot/SessionContainer/styles.module.css
+var c = {
+	"dsi-session-container": "_dsi-session-container_1iida_1",
+	"dsi-session-container-history": "_dsi-session-container-history_1iida_11",
+	"dsi-session-container-inputbar": "_dsi-session-container-inputbar_1iida_18"
+};
+//#endregion
+//#region lib/chatbot/SessionContainer/index.tsx
+function l({ userMessages: l, botMessages: u, orderedIds: d, botMessageRegistry: f, userMessageSlots: p, value: m, onChange: h, placeholder: g, actionButtonType: _, actionButtonEnabled: v, onActionButtonClick: y, plusSlot: b, upperSlot: x }) {
+	let S = e(), C = a(null), w = i(() => {
+		let e = new Map(l.map((e) => [e.id, e]));
+		return d.filter((t) => e.has(t)).map((t) => e.get(t).text);
+	}, [l, d]);
+	return r(() => {
+		C.current?.scrollIntoView({ behavior: "smooth" });
+	}, [d.length]), /* @__PURE__ */ s("div", {
+		className: c["dsi-session-container"],
+		style: { "--dsi-bg": S.background },
+		children: [/* @__PURE__ */ s("div", {
+			className: c["dsi-session-container-history"],
+			children: [/* @__PURE__ */ o(t, {
+				userMessages: l,
+				botMessages: u,
+				orderedIds: d,
+				botMessageRegistry: f,
+				userMessageSlots: p
+			}), /* @__PURE__ */ o("div", { ref: C })]
+		}), /* @__PURE__ */ o("div", {
+			className: c["dsi-session-container-inputbar"],
+			children: /* @__PURE__ */ o(n, {
+				value: m,
+				onChange: h,
+				placeholder: g,
+				actionButtonType: _,
+				actionButtonEnabled: v,
+				onActionButtonClick: y,
+				plusSlot: b,
+				upperSlot: x,
+				messageHistory: w
+			})
+		})]
+	});
+}
+//#endregion
+export { l as t };

package/dist/SessionHistory-BUYwbZjE.js

@@ -0,0 +1,67 @@
+import { t as e } from "./UserMessage-CkrDUpkQ.js";
+import { n as t, t as n } from "./BotMessage-DegH8sM-.js";
+import { useEffect as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/chatbot/SessionHistory/styles.module.css
+var o = { "dsi-session-history": "_dsi-session-history_ju41j_1" };
+//#endregion
+//#region lib/chatbot/SessionHistory/index.tsx
+function s({ userMessages: s, botMessages: c, orderedIds: l, botMessageRegistry: u = t, userMessageSlots: d }) {
+	let f = new Map(s.map((e) => [e.id, e])), p = new Map(c.map((e) => [e.id, e])), m = i(null), h = i(null), g = i(!0);
+	r(() => {
+		let e = m.current;
+		if (!e) return;
+		let t = e.parentElement;
+		for (; t;) {
+			let { overflowY: e } = window.getComputedStyle(t);
+			if (e === "auto" || e === "scroll") break;
+			t = t.parentElement;
+		}
+		h.current = t ?? document.documentElement;
+	}, []);
+	let _ = c.some((e) => e.isLoading);
+	return r(() => {
+		let e = h.current;
+		if (!e) return;
+		let t = (e) => {
+			e.deltaY < 0 && _ && (g.current = !1);
+		};
+		return e.addEventListener("wheel", t, { passive: !0 }), () => e.removeEventListener("wheel", t);
+	}, [_]), r(() => {
+		_ && (g.current = !0);
+	}, [_]), r(() => {
+		if (!g.current) return;
+		let e = h.current;
+		e && (e.scrollTop = e.scrollHeight);
+	}, [l.length * 1e5 + c.reduce((e, t) => e + t.elements.reduce((e, t) => {
+		let n = t;
+		return e + (n.markdownText?.length ?? 0) + (n.content?.length ?? 0);
+	}, 0), 0)]), /* @__PURE__ */ a("div", {
+		ref: m,
+		className: o["dsi-session-history"],
+		children: l.map((t) => {
+			let r = f.get(t);
+			if (r) {
+				let n = d?.topSlotPropsMap?.[t], i = d?.bottomSlotPropsMap?.[t], o = d?.leftSlotPropsMap?.[t], s = d?.rightSlotPropsMap?.[t];
+				return /* @__PURE__ */ a(e, {
+					message: r,
+					TopSlot: d?.TopSlot,
+					topSlotProps: n,
+					BottomSlot: d?.BottomSlot,
+					bottomSlotProps: i,
+					LeftSlot: d?.LeftSlot,
+					leftSlotProps: o,
+					RightSlot: d?.RightSlot,
+					rightSlotProps: s
+				}, t);
+			}
+			let i = p.get(t);
+			return i ? /* @__PURE__ */ a(n, {
+				message: i,
+				registry: u
+			}, t) : null;
+		})
+	});
+}
+//#endregion
+export { s as t };

package/dist/UserMessage-CkrDUpkQ.js

@@ -0,0 +1,76 @@
+import { useTheme as e } from "./chatbot/theme/useTheme.js";
+import { n as t, t as n } from "./bs-CmZftXMO.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/chatbot/UserMessage/styles.module.css
+var o = {
+	"dsi-user-msg-wrapper": "_dsi-user-msg-wrapper_e7uu3_1",
+	"dsi-user-msg-top-slot": "_dsi-user-msg-top-slot_e7uu3_12",
+	"dsi-user-msg-row": "_dsi-user-msg-row_e7uu3_19",
+	"dsi-user-msg-left-slot": "_dsi-user-msg-left-slot_e7uu3_26",
+	"dsi-user-msg-right-slot": "_dsi-user-msg-right-slot_e7uu3_27",
+	"dsi-user-msg-bubble": "_dsi-user-msg-bubble_e7uu3_34",
+	"dsi-user-msg-bottom-slot": "_dsi-user-msg-bottom-slot_e7uu3_46",
+	"dsi-user-msg-footer": "_dsi-user-msg-footer_e7uu3_53",
+	"dsi-user-msg-copy-btn": "_dsi-user-msg-copy-btn_e7uu3_69",
+	"dsi-user-msg-time": "_dsi-user-msg-time_e7uu3_92"
+};
+//#endregion
+//#region lib/chatbot/UserMessage/index.tsx
+function s({ message: s, TopSlot: c, topSlotProps: l, BottomSlot: u, bottomSlotProps: d, LeftSlot: f, leftSlotProps: p, RightSlot: m, rightSlotProps: h }) {
+	let g = e(), [_, v] = r.useState(!1), y = {
+		"--dsi-user-bubble-bg": g.userBubbleBg,
+		"--dsi-user-bubble-text": g.userBubbleText,
+		"--dsi-text-secondary": g.textSecondary
+	}, b = () => {
+		navigator.clipboard.writeText(s.text).then(() => {
+			v(!0), setTimeout(() => v(!1), 2e3);
+		});
+	};
+	return /* @__PURE__ */ a("div", {
+		className: o["dsi-user-msg-wrapper"],
+		style: y,
+		children: [
+			c && l && /* @__PURE__ */ i("div", {
+				className: o["dsi-user-msg-top-slot"],
+				children: /* @__PURE__ */ i(c, { ...l })
+			}),
+			/* @__PURE__ */ a("div", {
+				className: o["dsi-user-msg-row"],
+				children: [
+					f && p && /* @__PURE__ */ i("div", {
+						className: o["dsi-user-msg-left-slot"],
+						children: /* @__PURE__ */ i(f, { ...p })
+					}),
+					/* @__PURE__ */ i("div", {
+						className: o["dsi-user-msg-bubble"],
+						children: s.text
+					}),
+					m && h && /* @__PURE__ */ i("div", {
+						className: o["dsi-user-msg-right-slot"],
+						children: /* @__PURE__ */ i(m, { ...h })
+					})
+				]
+			}),
+			u && d && /* @__PURE__ */ i("div", {
+				className: o["dsi-user-msg-bottom-slot"],
+				children: /* @__PURE__ */ i(u, { ...d })
+			}),
+			/* @__PURE__ */ a("div", {
+				className: o["dsi-user-msg-footer"],
+				children: [/* @__PURE__ */ i("button", {
+					className: o["dsi-user-msg-copy-btn"],
+					onClick: b,
+					"aria-label": "Copier le message",
+					type: "button",
+					children: i(_ ? n : t, {})
+				}), s.timeOrDateToDisplay && /* @__PURE__ */ i("span", {
+					className: o["dsi-user-msg-time"],
+					children: s.timeOrDateToDisplay
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { s as t };

package/dist/bs-CmZftXMO.js

@@ -0,0 +1,35 @@
+import { t as e } from "./iconBase-CDbPVA4E.js";
+//#region node_modules/react-icons/bs/index.mjs
+function t(t) {
+	return e({
+		tag: "svg",
+		attr: {
+			fill: "currentColor",
+			viewBox: "0 0 16 16"
+		},
+		child: [{
+			tag: "path",
+			attr: {
+				fillRule: "evenodd",
+				d: "M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"
+			},
+			child: []
+		}]
+	})(t);
+}
+function n(t) {
+	return e({
+		tag: "svg",
+		attr: {
+			fill: "currentColor",
+			viewBox: "0 0 16 16"
+		},
+		child: [{
+			tag: "path",
+			attr: { d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" },
+			child: []
+		}]
+	})(t);
+}
+//#endregion
+export { t as n, n as t };

package/dist/chatbot/BotMessage/index.d.ts

@@ -0,0 +1,148 @@
+import { default as React } from 'react';
+/**
+ * Données de base pour tout élément d'un message bot.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class ElementData(BaseModel):
+ *     index: int
+ *     type: str
+ * ```
+ */
+export interface ElementData {
+    /** Ordre d'affichage de l'élément dans le message */
+    index: number;
+    /** Type d'élément — doit correspondre à une clé du registry utilisé */
+    type: string;
+}
+/**
+ * Élément de texte en markdown.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class TextElementData(ElementData):
+ *     type: Literal["text"] = "text"
+ *     markdownText: Optional[str] = None
+ * ```
+ */
+export interface TextElementData extends ElementData {
+    type: "text";
+    markdownText?: string;
+}
+/**
+ * Élément de raisonnement (thinking / chain-of-thought).
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class ReasoningElementData(ElementData):
+ *     type: Literal["reasoning"] = "reasoning"
+ *     title: Optional[str] = None
+ *     content: Optional[str] = None
+ *     isLoading: bool = False
+ * ```
+ */
+export interface ReasoningElementData extends ElementData {
+    type: "reasoning";
+    title?: string;
+    content?: string;
+    isLoading?: boolean;
+}
+/**
+ * Élément représentant une action / tâche d'outil.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class ToolElementData(ElementData):
+ *     type: Literal["tool"] = "tool"
+ *     title: Optional[str] = None
+ *     content: Optional[str] = None
+ *     isLoading: bool = False
+ * ```
+ */
+export interface ToolElementData extends ElementData {
+    type: "tool";
+    title?: string;
+    content?: string;
+    isLoading?: boolean;
+}
+/**
+ * Élément représentant une recherche internet.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class SearchElementData(ElementData):
+ *     type: Literal["search"] = "search"
+ *     title: Optional[str] = None
+ *     content: Optional[str] = None
+ *     isLoading: bool = False
+ * ```
+ */
+export interface SearchElementData extends ElementData {
+    type: "search";
+    title?: string;
+    content?: string;
+    isLoading?: boolean;
+}
+/** Type générique d'un registry de composants BotMessage */
+export type BotMessageRegistry = Record<string, React.ComponentType<any>>;
+/**
+ * Registry de base fourni par la librairie.
+ * Peut être étendu via spread : `{ ...defaultBotMessageRegistry, myType: MyComponent }`.
+ */
+export declare const defaultBotMessageRegistry: BotMessageRegistry;
+/**
+ * Données d'un message bot.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * from typing import Union
+ * BotElementDataUnion = Union[
+ *     TextElementData,
+ *     ReasoningElementData,
+ *     ToolElementData,
+ *     SearchElementData,
+ * ]
+ * class BotMessageData(BaseModel):
+ *     id: str
+ *     elements: list[BotElementDataUnion]
+ *     timeOrDateToDisplay: Optional[str] = None
+ * ```
+ */
+export interface BotMessageData {
+    /** Identifiant unique du message */
+    id: string;
+    /** Éléments du message, affichés dans l'ordre croissant de leur `index` */
+    elements: ElementData[];
+    /** Heure ou date d'envoi (format libre) — affiché au hover */
+    timeOrDateToDisplay?: string;
+    /** Indique si le message est en cours de génération (affiche l'indicateur de chargement) */
+    isLoading?: boolean;
+}
+export interface BotMessageProps {
+    /** Données du message bot */
+    message: BotMessageData;
+    /**
+     * Registry des composants d'affichage.
+     * Par défaut : `defaultBotMessageRegistry`.
+     * Pour étendre : `{ ...defaultBotMessageRegistry, myType: MyComp }`.
+     */
+    registry?: BotMessageRegistry;
+}
+/**
+ * Affichage d'un message bot en full-width sans bulle.
+ *
+ * Les éléments sont triés par leur `index` et rendus via le registry.
+ * Extensible via le pattern registry : passez un registry personnalisé
+ * pour ajouter de nouveaux types d'éléments.
+ *
+ * @example
+ * ```tsx
+ * <BotMessage
+ *   message={{
+ *     id: "1",
+ *     elements: [{ index: 0, type: "text", markdownText: "## Bonjour" }],
+ *   }}
+ * />
+ * ```
+ */
+export declare function BotMessage({ message, registry, }: BotMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/BotMessage/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../BotMessage-DegH8sM-.js";
+export { t as BotMessage, e as defaultBotMessageRegistry };

package/dist/chatbot/InputBar/index.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+/** Type du bouton d'action principal */
+export type ActionButtonType = "send" | "stop" | "vocal" | "none";
+export interface InputBarProps {
+    /** Valeur courante du champ texte */
+    value: string;
+    /** Callback de changement du texte */
+    onChange: (value: string) => void;
+    /** Placeholder du champ texte */
+    placeholder?: string;
+    /** Type du bouton d'action à droite */
+    actionButtonType?: ActionButtonType;
+    /** Active ou désactive le bouton d'action */
+    actionButtonEnabled?: boolean;
+    /** Callback du bouton d'action — reçoit le type d'action */
+    onActionButtonClick?: (type: ActionButtonType) => void;
+    /**
+     * Slot du bouton "+" — affiché dans un popup au-dessus de l'input.
+     * Le popup s'ouvre et se ferme au clic sur le bouton "+".
+     */
+    plusSlot?: React.ReactNode;
+    /**
+     * Slot supérieur — affiché au-dessus de la barre d'input,
+     * même largeur, visuellement lié (ex: aperçus de fichiers, suggestions).
+     */
+    upperSlot?: React.ReactNode;
+    /**
+     * Historique des messages précédents pour la navigation clavier.
+     * Quand le champ est vide et focusé, ↑ / ↓ parcourent cette liste.
+     * SessionContainer alimente automatiquement cette prop.
+     */
+    messageHistory?: string[];
+}
+/**
+ * Barre d'input pour envoyer des messages dans une interface chatbot.
+ *
+ * - Bouton "+" à gauche ouvre/ferme un slot popup (ex: menu de pièces jointes)
+ * - Zone de texte auto-extensible
+ * - Bouton d'action configurable à droite : send / stop / vocal / none
+ * - Slot supérieur optionnel (même largeur, visuellement fusionné)
+ *
+ * @example
+ * ```tsx
+ * <InputBar
+ *   value={input}
+ *   onChange={setInput}
+ *   actionButtonType="send"
+ *   actionButtonEnabled={input.trim().length > 0}
+ *   onActionButtonClick={() => handleSend()}
+ * />
+ * ```
+ */
+export declare function InputBar({ value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, messageHistory, }: InputBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/InputBar/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../InputBar-CxSc2du6.js";
+export { e as InputBar };

package/dist/chatbot/MarkdownRenderer/index.d.ts

@@ -0,0 +1,19 @@
+export interface MarkdownRendererProps {
+    /** Texte markdown à afficher */
+    text: string;
+}
+/**
+ * Composant d'affichage de contenu markdown.
+ *
+ * Wrapper simplifié autour de `react-markdown` avec :
+ * - Plugins `remarkGfm` et `rehypeRaw` préconfigurés
+ * - Bouton de copie au hover sur les blocs de code
+ * - Style neutre et moderne (inspiré ChatGPT)
+ * - Adaptatif : pas de background ni de largeur/hauteur imposés
+ *
+ * @example
+ * ```tsx
+ * <MarkdownRenderer text="## Bonjour\n\nUn **exemple** de markdown." />
+ * ```
+ */
+export declare function MarkdownRenderer({ text }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/MarkdownRenderer/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../MarkdownRenderer-vU2aoyaG.js";
+export { e as MarkdownRenderer };

package/dist/chatbot/SessionContainer/index.d.ts

@@ -0,0 +1,26 @@
+import { SessionHistoryProps } from '../SessionHistory';
+import { InputBarProps } from '../InputBar';
+export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> = SessionHistoryProps<TTop, TBottom, TLeft, TRight> & InputBarProps;
+/**
+ * Composant tout-en-un combinant `SessionHistory` et `InputBar`.
+ *
+ * Fait défiler automatiquement vers le dernier message à chaque
+ * mise à jour de la conversation.
+ *
+ * Ses props sont la somme des props de `SessionHistory` et `InputBar`.
+ *
+ * @example
+ * ```tsx
+ * <SessionContainer
+ *   userMessages={userMsgs}
+ *   botMessages={botMsgs}
+ *   orderedIds={ids}
+ *   value={input}
+ *   onChange={setInput}
+ *   actionButtonType="send"
+ *   actionButtonEnabled={input.trim().length > 0}
+ *   onActionButtonClick={handleSend}
+ * />
+ * ```
+ */
+export declare function SessionContainer<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, }: SessionContainerProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/SessionContainer/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../SessionContainer-RrzUh_no.js";
+export { e as SessionContainer };

package/dist/chatbot/SessionHistory/index.d.ts

@@ -0,0 +1,48 @@
+import { UserMessageData, UserMessageProps } from '../UserMessage';
+import { BotMessageData, BotMessageRegistry } from '../BotMessage';
+/** Props des slots partagés pour tous les UserMessage de la session */
+export interface SessionUserMessageSlots<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> {
+    TopSlot?: UserMessageProps<TTop, TBottom, TLeft, TRight>["TopSlot"];
+    BottomSlot?: UserMessageProps<TTop, TBottom, TLeft, TRight>["BottomSlot"];
+    LeftSlot?: UserMessageProps<TTop, TBottom, TLeft, TRight>["LeftSlot"];
+    RightSlot?: UserMessageProps<TTop, TBottom, TLeft, TRight>["RightSlot"];
+    /** Map id → topSlotProps (pour personnaliser par message) */
+    topSlotPropsMap?: Record<string, TTop>;
+    /** Map id → bottomSlotProps */
+    bottomSlotPropsMap?: Record<string, TBottom>;
+    /** Map id → leftSlotProps */
+    leftSlotPropsMap?: Record<string, TLeft>;
+    /** Map id → rightSlotProps */
+    rightSlotPropsMap?: Record<string, TRight>;
+}
+export interface SessionHistoryProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> {
+    /** Liste des messages utilisateur */
+    userMessages: UserMessageData[];
+    /** Liste des messages bot */
+    botMessages: BotMessageData[];
+    /**
+     * Liste ordonnée des ids qui définit l'ordre d'affichage.
+     * Doit contenir tous les ids de `userMessages` et `botMessages`.
+     */
+    orderedIds: string[];
+    /** Registry de composants pour BotMessage (défaut : defaultBotMessageRegistry) */
+    botMessageRegistry?: BotMessageRegistry;
+    /** Slots et données de slots partagés pour les UserMessage */
+    userMessageSlots?: SessionUserMessageSlots<TTop, TBottom, TLeft, TRight>;
+}
+/**
+ * Affiche une conversation complète (sans InputBar).
+ *
+ * Les messages sont ordonnés selon `orderedIds`. Les slots des messages
+ * utilisateur sont partagés et peuvent être personnalisés par message via les maps.
+ *
+ * @example
+ * ```tsx
+ * <SessionHistory
+ *   userMessages={userMsgs}
+ *   botMessages={botMsgs}
+ *   orderedIds={["1", "2", "3"]}
+ * />
+ * ```
+ */
+export declare function SessionHistory<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, }: SessionHistoryProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/SessionHistory/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../SessionHistory-BUYwbZjE.js";
+export { e as SessionHistory };

package/dist/chatbot/UserMessage/index.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+/**
+ * Données d'un message utilisateur.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class UserMessageData(BaseModel):
+ *     id: str
+ *     text: str
+ *     timeOrDateToDisplay: Optional[str] = None
+ * ```
+ */
+export interface UserMessageData {
+    /** Identifiant unique du message */
+    id: string;
+    /** Contenu textuel du message */
+    text: string;
+    /** Heure ou date d'envoi (format libre) — affiché au hover */
+    timeOrDateToDisplay?: string;
+}
+/**
+ * Props du composant `UserMessage`.
+ *
+ * Les slots sont typés génériquement pour passer des données typées
+ * aux composants de slot. Voir le pattern session_pattern pour l'usage.
+ */
+export interface UserMessageProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> {
+    /** Données du message */
+    message: UserMessageData;
+    TopSlot?: React.ComponentType<TTop>;
+    topSlotProps?: TTop;
+    BottomSlot?: React.ComponentType<TBottom>;
+    bottomSlotProps?: TBottom;
+    LeftSlot?: React.ComponentType<TLeft>;
+    leftSlotProps?: TLeft;
+    RightSlot?: React.ComponentType<TRight>;
+    rightSlotProps?: TRight;
+}
+/**
+ * Affichage d'un message utilisateur sous forme de bulle alignée à droite.
+ *
+ * Inclut un timestamp discret (visible au hover), et 4 slots optionnels
+ * typés (top, bottom, left, right) pour injecter des éléments d'UI
+ * autour de la bulle.
+ *
+ * @example
+ * ```tsx
+ * <UserMessage message={{ id: "1", text: "Bonjour !", timeOrDateToDisplay: "14:32" }} />
+ * ```
+ */
+export declare function UserMessage<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ message, TopSlot, topSlotProps, BottomSlot, bottomSlotProps, LeftSlot, leftSlotProps, RightSlot, rightSlotProps, }: UserMessageProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/UserMessage/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../UserMessage-CkrDUpkQ.js";
+export { e as UserMessage };

package/dist/chatbot/index.d.ts

@@ -0,0 +1,14 @@
+export { setTheme, getTheme, getCurrentTheme, useTheme } from './theme';
+export type { ColorPalette, Theme } from './theme';
+export { MarkdownRenderer } from './MarkdownRenderer';
+export type { MarkdownRendererProps } from './MarkdownRenderer';
+export { UserMessage } from './UserMessage';
+export type { UserMessageData, UserMessageProps } from './UserMessage';
+export { BotMessage, defaultBotMessageRegistry } from './BotMessage';
+export type { ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, BotMessageData, BotMessageRegistry, BotMessageProps, } from './BotMessage';
+export { SessionHistory } from './SessionHistory';
+export type { SessionHistoryProps, SessionUserMessageSlots } from './SessionHistory';
+export { InputBar } from './InputBar';
+export type { InputBarProps, ActionButtonType } from './InputBar';
+export { SessionContainer } from './SessionContainer';
+export type { SessionContainerProps } from './SessionContainer';

package/dist/chatbot/index.js

@@ -0,0 +1,10 @@
+import { t as e } from "../MarkdownRenderer-vU2aoyaG.js";
+import { getCurrentTheme as t, getTheme as n, setTheme as r } from "./theme/types.js";
+import { useTheme as i } from "./theme/useTheme.js";
+import "./theme/index.js";
+import { t as a } from "../UserMessage-CkrDUpkQ.js";
+import { n as o, t as s } from "../BotMessage-DegH8sM-.js";
+import { t as c } from "../SessionHistory-BUYwbZjE.js";
+import { t as l } from "../InputBar-CxSc2du6.js";
+import { t as u } from "../SessionContainer-RrzUh_no.js";
+export { s as BotMessage, l as InputBar, e as MarkdownRenderer, u as SessionContainer, c as SessionHistory, a as UserMessage, o as defaultBotMessageRegistry, t as getCurrentTheme, n as getTheme, r as setTheme, i as useTheme };

package/dist/chatbot/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { setTheme, getTheme, getCurrentTheme } from './types';
+export type { ColorPalette, Theme } from './types';
+export { useTheme } from './useTheme';

package/dist/chatbot/theme/index.js

@@ -0,0 +1,3 @@
+import { getCurrentTheme as e, getTheme as t, setTheme as n } from "./types.js";
+import { useTheme as r } from "./useTheme.js";
+export { e as getCurrentTheme, t as getTheme, n as setTheme, r as useTheme };