@dust-tt/sparkle 0.2.37 → 0.2.38-rc1

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

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

package/dist/cjs/index.js

@@ -32587,14 +32587,18 @@ 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, _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;
+    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" },
             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" }),
+            React.createElement(Icon, { visual: typeIcons[type], size: "sm", className: "s-text-element-700" }),
             React.createElement("div", { className: "s-flex-grow s-text-xs" }),
             href && (React.createElement("a", { target: "_blank", rel: "noopener noreferrer", href: href },
-                React.createElement(IconButton, { icon: SvgExternalLink$1, size: "sm", variant: "primary" })))),
+                React.createElement(IconButton, { icon: SvgExternalLink$1, size: "sm", variant: "secondary" }))),
+            action && action),
         React.createElement(Tooltip, { label: title, position: "above" },
             React.createElement("div", { className: "s-line-clamp-1 s-text-sm s-font-bold s-text-element-900" }, title)),
         description && (React.createElement("div", { className: "s-line-clamp-2 s-text-xs s-font-normal  s-text-element-700" }, description))));
@@ -33289,7 +33293,7 @@ function RadioButton(_a) {
 
 function Popup(_a) {
     var show = _a.show, chipLabel = _a.chipLabel, description = _a.description, buttonLabel = _a.buttonLabel, buttonClick = _a.buttonClick, className = _a.className, onClose = _a.onClose;
-    return (React.createElement(tt, { show: show, enter: "s-transition-opacity s-duration-300", appear: true, enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-transition-opacity s-duration-300", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0", className: classNames("relative s-z-30 s-flex s-w-64 s-flex-col s-gap-3 s-rounded-xl s-border s-border-pink-100 s-bg-pink-50 s-p-4 s-shadow-xl", className || "") },
+    return (React.createElement(tt, { show: show, enter: "s-transition-opacity s-duration-300", appear: true, enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-transition-opacity s-duration-300", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0", className: classNames("s-z-30 s-flex s-w-64 s-flex-col s-gap-3 s-rounded-xl s-border s-border-pink-100 s-bg-pink-50 s-p-4 s-shadow-xl", className || "") },
         React.createElement("div", { className: "s-flex" },
             React.createElement(Chip, { color: "pink" }, chipLabel),
             onClose && (React.createElement("div", { className: "-s-mr-1 -s-mt-1 s-flex s-grow s-items-start s-justify-end" },