@dust-tt/sparkle 0.2.272-rc-1 → 0.2.272-rc-2

package/dist/cjs/index.js

@@ -43895,7 +43895,7 @@ var ListVariantContent = function (_a) {
 };
 var MinimalVariantContent = function (_a) {
     var title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, _b = _a.hasAction, hasAction = _b === void 0 ? true : _b, actionElement = _a.actionElement, description = _a.description, onClick = _a.onClick, onActionClick = _a.onActionClick;
-    var actionButton = actionElement !== null && actionElement !== void 0 ? actionElement : (React.createElement(Button, { icon: MoreIcon, variant: "outline", size: "sm", onClick: function (e) {
+    var actionButton = actionElement !== null && actionElement !== void 0 ? actionElement : (React.createElement(Button, { icon: MoreIcon, variant: "ghost", size: "sm", onClick: function (e) {
             e.stopPropagation();
             onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick();
         } }));
@@ -78276,7 +78276,7 @@ function Banner(_a) {
         children,
         allowDismiss && (React.createElement("div", { className: "s-flex s-flex-1 s-items-center s-justify-end" },
             React.createElement("span", { className: "s-sr-only" }, "Dismiss"),
-            React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "highlight", onClick: function () {
+            React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "outline", onClick: function () {
                     setIsDismissed(true);
                     if (onDismiss) {
                         onDismiss();
@@ -78296,19 +78296,19 @@ function BarHeader(_a) {
 BarHeader.ButtonBar = function (props) {
     switch (props.variant) {
         case "back":
-            return (React.createElement(Button, { size: "sm", icon: ChevronLeftIcon, variant: "outline", label: "Back", onClick: props.onBack }));
+            return (React.createElement(Button, { size: "sm", icon: ChevronLeftIcon, variant: "ghost", tooltip: "Back", onClick: props.onBack }));
         case "close":
-            return (React.createElement(Button, { size: "sm", icon: XMarkIcon, variant: "outline", label: "Close", onClick: props.onClose }));
+            return (React.createElement(Button, { size: "sm", icon: XMarkIcon, variant: "ghost", tooltip: "Close", onClick: props.onClose }));
         case "validate":
             return (React.createElement(React.Fragment, null,
-                React.createElement(Button, { size: "sm", label: "Cancel", variant: "outline", onClick: props.onCancel, disabled: !props.onCancel || props.isSaving }),
+                React.createElement(Button, { size: "sm", label: "Cancel", variant: "ghost", onClick: props.onCancel, disabled: !props.onCancel || props.isSaving }),
                 React.createElement(Button, { size: "sm", label: props.isSaving
                         ? props.savingLabel || "Processing..."
                         : props.saveLabel || "Save", variant: "primary", onClick: props.onSave, disabled: !props.onSave || props.isSaving })));
         case "conversation":
             return (React.createElement(React.Fragment, null,
-                React.createElement(Button, { size: "sm", icon: TrashIcon, variant: "outline", onClick: props.onDelete }),
-                React.createElement(Button, { size: "sm", label: "Share", icon: ArrowUpOnSquareIcon, variant: "outline", onClick: props.onShare })));
+                React.createElement(Button, { size: "sm", icon: TrashIcon, tooltip: "Delete", variant: "ghost", onClick: props.onDelete }),
+                React.createElement(Button, { size: "sm", label: "Share", icon: ArrowUpOnSquareIcon, variant: "ghost", onClick: props.onShare })));
         default:
             return null;
     }
@@ -106050,7 +106050,7 @@ function Citation(_a) {
             onClose && (React.createElement("div", { className: classNames(type === "image"
                     ? "s-z-50 s-h-5 s-w-5 s-rounded-full s-bg-slate-950/30"
                     : "") },
-                React.createElement(IconButton, { icon: XCircleIcon, variant: type === "image" ? "ghost" : "outline", onClick: onClose })))),
+                React.createElement(IconButton, { icon: XCircleIcon, variant: type === "image" ? "primary" : "ghost", 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))));
     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" })),
@@ -109924,9 +109924,9 @@ function Pagination(_a) {
     var pageButtons = getPageButtons(pageIndex, numPages, pagesShownInControls, onPaginationButtonClick, size);
     return (React.createElement("div", { className: classNames("s-flex s-w-full s-items-center", controlsAreHidden ? "s-justify-end" : "s-justify-between") },
         React.createElement("div", { className: classNames("s-flex", controlsAreHidden ? "s-invisible" : "s-visible", showPageButtons ? "s-gap-0" : "s-gap-2") },
-            React.createElement(Button, { variant: "outline", size: size === "xs" ? "xs" : "sm", disabled: !canPreviousPage, icon: ChevronLeftIcon, onClick: previousPage }),
+            React.createElement(Button, { variant: "ghost", size: size === "xs" ? "xs" : "sm", disabled: !canPreviousPage, icon: ChevronLeftIcon, onClick: previousPage }),
             React.createElement("div", { className: classNames("s-items-center", size === "xs" ? "s-gap-3 s-px-3" : "s-gap-4 s-px-4", showPageButtons ? "s-flex" : "s-hidden") }, pageButtons),
-            React.createElement(Button, { variant: "outline", size: size === "xs" ? "xs" : "sm", disabled: !canNextPage, icon: ChevronRightIcon, onClick: nextPage })),
+            React.createElement(Button, { variant: "ghost", size: size === "xs" ? "xs" : "sm", disabled: !canNextPage, icon: ChevronRightIcon, onClick: nextPage })),
         React.createElement("span", { className: classNames("s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm", showDetails ? "s-visible" : "s-collapse") }, controlsAreHidden
             ? "".concat(rowCount, " items")
             : "Showing ".concat(firstItemOnPageIndex, "-").concat(lastItemOnPageIndex, " of ").concat(rowCount, " items"))));
@@ -110124,7 +110124,7 @@ DataTable.Row = function Row(_a) {
         children,
         React.createElement("td", { className: "s-flex s-w-8 s-cursor-pointer s-items-center s-pl-1 s-text-element-600" }, moreMenuItems && moreMenuItems.length > 0 && (React.createElement(DropdownMenu$1, { className: "s-mr-1.5 s-flex" },
             React.createElement(DropdownMenu$1.Button, null,
-                React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "outline", className: "s-m-1" })),
+                React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "ghost", className: "s-m-1" })),
             React.createElement(DropdownMenu$1.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React.createElement(DropdownMenu$1.Item, __assign({ key: index }, item))); })))))));
 };
 DataTable.Cell = function Cell(_a) {
@@ -110169,7 +110169,7 @@ DataTable.CellContentWithCopy = function CellContentWithCopy(_a) {
     }); };
     return (React.createElement("div", { className: classNames("s-flex s-items-center s-space-x-2", className || "") },
         React.createElement("span", { className: "s-truncate" }, children),
-        React.createElement(IconButton, { icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, variant: "outline", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+        React.createElement(IconButton, { icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, variant: "ghost", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -110206,7 +110206,7 @@ function Dialog(_a) {
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement("div", { className: "s-flex s-gap-2" },
                                     !isSaving && (React.createElement(React.Fragment, null,
-                                        props.onCancel && (React.createElement(Button, { label: (_b = props.cancelLabel) !== null && _b !== void 0 ? _b : "Cancel", variant: "outline", onClick: props.onCancel })),
+                                        props.onCancel && (React.createElement(Button, { label: (_b = props.cancelLabel) !== null && _b !== void 0 ? _b : "Cancel", variant: "ghost", onClick: props.onCancel })),
                                         React.createElement(Button, { disabled: disabled, label: validateLabel, variant: validateVariant, onClick: onValidate }))),
                                     isSaving && React.createElement(Spinner$1, { variant: "color" }))),
                             backgroundType !== "none" && (React.createElement("div", { className: "s-absolute s-bottom-0 s-left-0 s-right-0 s-top-0 s-z-0" },
@@ -113657,7 +113657,7 @@ function FilterChips(_a) {
             onFilterClick(filterName);
         }
     }, [onFilterClick, selectedFilter]);
-    return (React.createElement("div", { className: "s-flex s-flex-row s-flex-wrap s-gap-2" }, filters.map(function (filterName) { return (React.createElement(Button, { label: filterName, variant: selectedFilter === filterName ? "primary" : "outline", key: filterName, size: "xs", onClick: function () { return handleFilterClick(filterName); } })); })));
+    return (React.createElement("div", { className: "s-flex s-flex-row s-flex-wrap s-gap-2" }, filters.map(function (filterName) { return (React.createElement(Button, { label: filterName, variant: selectedFilter === filterName ? "primary" : "ghost", key: filterName, size: "xs", onClick: function () { return handleFilterClick(filterName); } })); })));
 }
 
 // Context to share hover state
@@ -135326,7 +135326,7 @@ function Markdown(_a) {
                 }); };
                 return (React.createElement("div", { className: "s-my-2 s-flex s-w-auto s-flex-row s-rounded-3xl s-border s-border-structure-100 s-bg-structure-0 s-py-2 s-pl-5 s-pr-2" },
                     React.createElement("blockquote", { className: classNames("s-w-full s-italic", paragraphSize, "s-text-element-800") }, children),
-                    childrenContent && (React.createElement(Button, { size: "xs", variant: "outline", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                    childrenContent && (React.createElement(Button, { size: "xs", variant: "ghost", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0:
@@ -135337,7 +135337,7 @@ function Markdown(_a) {
                                         return [2 /*return*/];
                                 }
                             });
-                        }); }, icon: isCopied ? ClipboardCheckIcon : ClipboardIcon }))));
+                        }); }, tooltip: "Copy", icon: isCopied ? ClipboardCheckIcon : ClipboardIcon }))));
             },
         }, className: className }, content));
 }
@@ -138907,7 +138907,7 @@ function Notification(_a) {
                 React.createElement("div", { className: classNames("s-text-md s-line-clamp-1 s-grow s-font-semibold", variant === "success"
                         ? "s-text-success-500"
                         : "s-text-warning-500") }, title || variant),
-                React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "outline", onClick: onClick })),
+                React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "ghost", onClick: onClick })),
             description && (React.createElement("div", { className: "s-line-clamp-3 s-pr-2 s-text-sm s-font-normal s-text-element-700" }, description)))));
 }
 
@@ -140721,7 +140721,7 @@ function Popup(_a) {
             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" },
-                    React.createElement(IconButton, { icon: XMarkIcon, onClick: onClose, variant: "highlight", size: "sm" })))),
+                    React.createElement(IconButton, { icon: XMarkIcon, onClick: onClose, variant: "outline", size: "sm" })))),
             React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-900" }, description),
             React.createElement("div", { className: "s-self-center" },
                 React.createElement(Button, { variant: "primary", size: "sm", label: buttonLabel, onClick: buttonClick })))));
@@ -142643,7 +142643,7 @@ var Searchbar = React.forwardRef(function (_a, ref) {
                 : "s-text-element-900"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
             }, onKeyDown: onKeyDown, disabled: disabled }),
-        React.createElement("div", { className: classNames("s-absolute s-inset-y-0 s-right-0 s-flex s-items-center s-pr-3", iconClasses$1[size]) }, value && onChange ? (React.createElement(IconButton, { icon: XMarkIcon, variant: "highlight", size: size, onClick: clearInputField })) : (React.createElement("div", { className: classNames(disabled ? "s-text-element-600" : "s-text-element-900") },
+        React.createElement("div", { className: classNames("s-absolute s-inset-y-0 s-right-0 s-flex s-items-center s-pr-3", iconClasses$1[size]) }, value && onChange ? (React.createElement(IconButton, { icon: XMarkIcon, variant: "outline", size: size, onClick: clearInputField })) : (React.createElement("div", { className: classNames(disabled ? "s-text-element-600" : "s-text-element-900") },
             React.createElement(Icon, { visual: MagnifyingGlassStrokeIcon, size: size }))))));
 });
 Searchbar.displayName = "Searchbar";
@@ -142874,7 +142874,7 @@ Tree.Item = function (_a) {
                     ? treeItemStyleClasses.isNavigatableSelected
                     : treeItemStyleClasses.isNavigatableUnselected
                 : "", isExpanded ? "is-expanded" : "is-collapsed", type, className), onClick: onItemClick ? onItemClick : undefined },
-            type === "node" && (React.createElement(IconButton, { icon: isExpanded ? ArrowDownSIcon : ArrowRightSIcon, size: "xs", variant: "highlight", onClick: function (e) {
+            type === "node" && (React.createElement(IconButton, { icon: isExpanded ? ArrowDownSIcon : ArrowRightSIcon, size: "xs", variant: "outline", onClick: function (e) {
                     e.stopPropagation();
                     if (effectiveOnChevronClick) {
                         effectiveOnChevronClick();