@dust-tt/sparkle 0.2.202 → 0.2.203

package/dist/cjs/index.js

@@ -40652,9 +40652,14 @@ Button.List = function (_a) {
 };
 
 var variantClasses$1 = {
-    primary: "s-bg-structure-50 s-border s-border-structure-200 hover:s-bg-white hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200",
-    secondary: "s-bg-structure-0 s-border s-border-structure-100 hover:s-bg-structure-50 hover:s-border-structure-200 active:s-bg-structure-100 active:s-border-structure-300",
-    tertiary: "s-border-structure-100/0 s-border s-border-structure-0 hover:s-bg-structure-50 hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200",
+    primary: "s-bg-structure-50 s-border s-border-structure-200",
+    secondary: "s-bg-structure-0 s-border s-border-structure-100",
+    tertiary: "s-border-structure-100/0 s-border s-border-structure-0",
+};
+var hoverVariantClasses = {
+    primary: "hover:s-bg-white hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200 s-cursor-pointer",
+    secondary: "hover:s-bg-structure-50 hover:s-border-structure-200 active:s-bg-structure-100 active:s-border-structure-300 s-cursor-pointer",
+    tertiary: "hover:s-bg-structure-50 hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200 s-cursor-pointer",
 };
 var sizeClasses$3 = {
     sm: "s-p-3 s-rounded-xl",
@@ -40665,7 +40670,7 @@ function CardButton(_a) {
     var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, href = _a.href, _e = _a.target, target = _e === void 0 ? "_blank" : _e, _f = _a.rel, rel = _f === void 0 ? "" : _f, replace = _a.replace, shallow = _a.shallow;
     var components = React.useContext(SparkleContext).components;
     var Link = href ? components.link : noHrefLink;
-    var commonClasses = classNames("s-flex s-group s-cursor-pointer s-transition s-duration-200 s-overflow-hidden", variantClasses$1[variant], sizeClasses$3[size], className);
+    var commonClasses = classNames("s-flex s-group s-transition s-duration-200 s-overflow-hidden", onClick ? hoverVariantClasses[variant] : "", variantClasses$1[variant], sizeClasses$3[size], className);
     if (href) {
         return (React.createElement(Link, { href: href, className: commonClasses, replace: replace, shallow: shallow, target: target, rel: rel }, children));
     }
@@ -75662,7 +75667,9 @@ var typeSizing = {
 function Citation(_a) {
     var avatarSrc = _a.avatarSrc, description = _a.description, href = _a.href, imgSrc = _a.imgSrc, index = _a.index, _b = _a.isBlinking, isBlinking = _b === void 0 ? false : _b, isLoading = _a.isLoading, onClose = _a.onClose, _c = _a.size, size = _c === void 0 ? "sm" : _c, _d = _a.sizing, sizing = _d === void 0 ? "fixed" : _d, title = _a.title, _e = _a.type, type = _e === void 0 ? "document" : _e;
     var cardContent = (React.createElement(React.Fragment, null,
-        type === "image" && imgSrc && (React.createElement("div", { className: "s-absolute s-left-0 s-top-0 s-brightness-90 s-filter s-transition s-duration-200 s-ease-out hover:s-brightness-110 active:s-brightness-100 group-hover:s-brightness-110 group-hover:s-filter group-active:s-brightness-100", style: {
+        type === "image" && imgSrc && (React.createElement("div", { className: classNames("s-absolute s-left-0 s-top-0 s-brightness-90 s-filter s-transition s-duration-200 s-ease-out active:s-brightness-100 group-active:s-brightness-100", href
+                ? "hover:s-brightness-110 group-hover:s-brightness-110 group-hover:s-filter"
+                : ""), style: {
                 backgroundImage: "url(".concat(imgSrc, ")"),
                 backgroundSize: "cover",
                 backgroundPosition: "center",
@@ -75680,11 +75687,11 @@ function Citation(_a) {
                 React.createElement(IconButton, { icon: SvgXCircle$1, variant: type === "image" ? "white" : "tertiary", onClick: onClose })))),
         React.createElement("div", { className: classNames("s-line-clamp-1 s-text-sm s-text-element-800", size === "sm" ? "s-font-bold" : "s-font-semibold") }, title),
         description && (React.createElement("div", { className: "s-line-clamp-2 s-text-xs s-font-normal s-text-element-700" }, description))));
-    return (React.createElement(Tooltip, { label: title, position: "above" },
-        React.createElement(CardButton, __assign({ variant: "secondary", size: "sm", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, (href && { href: href, target: "_blank", rel: "noopener noreferrer" })),
-            isLoading && (React.createElement("div", { className: "s-absolute s-inset-0 s-flex s-items-center s-justify-center" },
-                React.createElement(Spinner, { size: "xs", variant: "color" }))),
-            React.createElement("div", { className: isLoading ? "s-opacity-50" : "" }, cardContent))));
+    var cardButton = (React.createElement(CardButton, __assign({ variant: "secondary", size: "sm", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, (href && { href: href, target: "_blank", rel: "noopener noreferrer" })),
+        isLoading && (React.createElement("div", { className: "s-absolute s-inset-0 s-flex s-items-center s-justify-center" },
+            React.createElement(Spinner, { size: "xs", variant: "color" }))),
+        React.createElement("div", { className: isLoading ? "s-opacity-50" : "" }, cardContent)));
+    return href ? (React.createElement(Tooltip, { label: title, position: "above" }, cardButton)) : (cardButton);
 }
 
 function ZoomableImageCitationWrapper(_a) {