@dust-tt/sparkle 0.2.38-rc1 → 0.2.38-rc10

package/dist/cjs/components/Citation.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentType, ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface CitationProps {
     type?: "slack" | "google_drive" | "github" | "notion" | "document";
     title: string;
@@ -7,7 +7,7 @@ interface CitationProps {
     isBlinking?: boolean;
     href?: string;
     action?: React.ReactNode;
-    linkIcon?: ComponentType;
+    avatarUrl?: string;
 }
-export declare function Citation({ title, index, type, description, href, action, isBlinking, }: CitationProps): React.JSX.Element;
+export declare function Citation({ title, index, type, description, href, action, isBlinking, avatarUrl, }: CitationProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -32587,12 +32587,13 @@ var typeIcons = {
     document: SvgDocumentText,
 };
 function Citation(_a) {
-    var title = _a.title, index = _a.index, _b = _a.type, type = _b === void 0 ? "document" : _b, description = _a.description, href = _a.href, action = _a.action, _c = _a.isBlinking, isBlinking = _c === void 0 ? false : _c;
+    var title = _a.title, index = _a.index, _b = _a.type, type = _b === void 0 ? "document" : _b, description = _a.description, href = _a.href, action = _a.action, _c = _a.isBlinking, isBlinking = _c === void 0 ? false : _c, avatarUrl = _a.avatarUrl;
     if (action && href) {
         throw new Error("Citation cannot have both action and href");
     }
     return (React.createElement("div", { className: classNames("s-flex s-w-48 s-flex-none s-flex-col s-gap-1 s-rounded-xl s-border s-border-structure-100 s-bg-white s-p-3 s-shadow-sm sm:s-w-64", isBlinking ? "s-animate-[bgblink_500ms_3]" : "") },
         React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+            avatarUrl && React.createElement(Avatar, { visual: avatarUrl, size: "xs" }),
             index && (React.createElement("div", { className: "s-flex s-h-5 s-w-5 s-items-center s-justify-center s-rounded-full s-border s-border-violet-200 s-bg-violet-100 s-text-xs s-font-semibold s-text-element-800" }, index)),
             React.createElement(Icon, { visual: typeIcons[type], size: "sm", className: "s-text-element-700" }),
             React.createElement("div", { className: "s-flex-grow s-text-xs" }),