@dust-tt/sparkle 0.2.6 → 0.2.7

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

@@ -7,8 +7,9 @@ type AvatarProps = {
     onClick?: () => void;
     busy?: boolean;
     isRounded?: boolean;
+    backgroundColor?: string;
 };
-export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, }: AvatarProps): React.JSX.Element;
+export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, backgroundColor, }: AvatarProps): React.JSX.Element;
 export declare namespace Avatar {
     var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
 }

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

@@ -5,7 +5,7 @@ interface CitationProps {
     description?: string;
     index?: ReactNode;
     isBlinking?: boolean;
-    href: string;
+    href?: string;
 }
 export declare function Citation({ title, index, type, description, href, isBlinking, }: CitationProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -413,7 +413,7 @@ var textSize = {
     auto: "s-text-xl",
 };
 function Avatar(_a) {
-    var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e;
+    var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e, backgroundColor = _a.backgroundColor;
     var getColor = function (name) {
         if (/\+/.test(name)) {
             //find if there is a plus
@@ -439,7 +439,11 @@ function Avatar(_a) {
         ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
         : "";
     var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
-    var avatarClass = classNames(sizeClasses$4[size], isRounded ? "s-rounded-full" : roundedClasses[size], name ? getColor(name) : "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
+    var avatarClass = classNames(sizeClasses$4[size], isRounded ? "s-rounded-full" : roundedClasses[size], backgroundColor
+        ? backgroundColor
+        : name
+            ? getColor(name)
+            : "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
     return (React.createElement("div", { className: avatarClass },
         size === "auto" && React.createElement("div", { style: { paddingBottom: "100%" } }),
         typeof visual === "string" ? (React.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$4[size], "s-h-full s-w-full s-object-cover s-object-center") })) : visual ? (visual) : name ? (React.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, /\+/.test(name) ? name : name[0].toUpperCase())) : (React.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }))));
@@ -32450,13 +32454,13 @@ var typeIcons = {
 };
 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;
-    return (React.createElement("div", { className: classNames("w-48 s-flex s-flex-none s-flex-col s-gap-1 s-rounded-xl s-border s-border-structure-100 s-p-3 s-shadow-sm sm:s-w-64", isBlinking ? "animate-[bgblink_500ms_3]" : "") },
+    return (React.createElement("div", { className: classNames("w-48 s-flex 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 ? "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("div", { className: "s-flex-grow s-text-xs" }),
-            React.createElement("a", { target: "_blank", rel: "noopener noreferrer", href: href },
-                React.createElement(IconButton, { icon: SvgExternalLink$1, size: "sm", variant: "primary" }))),
+            href && (React.createElement("a", { target: "_blank", rel: "noopener noreferrer", href: href },
+                React.createElement(IconButton, { icon: SvgExternalLink$1, size: "sm", variant: "primary" })))),
         React.createElement("div", { className: "s-text-sm s-font-bold s-text-element-900" }, title),
         description && (React.createElement("div", { className: "s-text-xs s-font-normal s-text-element-700" }, description))));
 }