@dust-tt/sparkle 0.2.1 → 0.2.2-aric

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/Chip.d.ts

@@ -9,10 +9,11 @@ type ChipProps = {
 };
 export declare function Chip({ size, color, label, children, className, isBusy, }: ChipProps): React.JSX.Element;
 export declare namespace Chip {
-    var List: ({ children, className }: ListChipProps) => React.JSX.Element;
+    var List: ({ children, className, isWrapping }: ListChipProps) => React.JSX.Element;
 }
 interface ListChipProps {
     children: ReactNode;
     className?: string;
+    isWrapping?: boolean;
 }
 export {};

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" }))));
@@ -32111,9 +32115,9 @@ function Chip(_a) {
         children));
 }
 Chip.List = function (_a) {
-    var children = _a.children, className = _a.className;
+    var children = _a.children, className = _a.className, isWrapping = _a.isWrapping;
     return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
-        React.createElement("div", { className: "s-flex s-flex-row s-gap-2" }, children)));
+        React.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "") }, children)));
 };
 
 var SvgArrowDownCircle = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
@@ -32455,8 +32459,8 @@ function Citation(_a) {
             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))));
 }