@dust-tt/sparkle 0.2.282 → 0.2.284

package/dist/cjs/index.js

@@ -43806,7 +43806,7 @@ var aLink = function (_a) {
 };
 var noHrefLink = function (_a) {
     var className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children;
-    return (React.createElement("a", { className: className, "aria-current": ariaCurrent, "arria-label": ariaLabel, onClick: onClick }, children));
+    return (React.createElement("a", { className: className, "aria-current": ariaCurrent, "aria-label": ariaLabel, onClick: onClick }, children));
 };
 var SparkleContext = React.createContext({
     components: {
@@ -80466,7 +80466,7 @@ PopoverContent.displayName = Content2$2.displayName;
 function ConversationMessageActions(_a) {
     var _b = _a.buttons, buttons = _b === void 0 ? [] : _b, messageEmoji = _a.messageEmoji;
     if (messageEmoji) {
-        buttons.push(React.createElement(ConversationMessageEmojiSelector, { reactions: messageEmoji.reactions, onSubmitEmoji: messageEmoji.onSubmitEmoji, isSubmittingEmoji: messageEmoji.isSubmittingEmoji }));
+        buttons.push(React.createElement(ConversationMessageEmojiSelector, { key: "emoji-selector", reactions: messageEmoji.reactions, onSubmitEmoji: messageEmoji.onSubmitEmoji, isSubmittingEmoji: messageEmoji.isSubmittingEmoji }));
     }
     if (buttons.length === 0) {
         return false;
@@ -80486,14 +80486,14 @@ function ConversationMessageEmojiSelector(_a) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(EmojiSelector, { reactions: reactions, onSubmitEmoji: onSubmitEmoji, emojiData: emojiData, isSubmittingEmoji: isSubmittingEmoji }),
-        slicedReactions.map(function (reaction) {
+        slicedReactions.map(function (reaction, index) {
             var hasReacted = reaction.hasReacted;
             var emoji = emojiData === null || emojiData === void 0 ? void 0 : emojiData.emojis[reaction.emoji];
             var nativeEmoji = emoji === null || emoji === void 0 ? void 0 : emoji.skins[0].native;
             if (!nativeEmoji) {
                 return null;
             }
-            return (React.createElement(ButtonEmoji, { key: reaction.emoji, variant: hasReacted ? "selected" : "unselected", emoji: nativeEmoji, count: reaction.count.toString(), onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+            return (React.createElement(ButtonEmoji, { key: "".concat(reaction.emoji, "-").concat(index), variant: hasReacted ? "selected" : "unselected", emoji: nativeEmoji, count: reaction.count.toString(), onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
                         return [2 /*return*/, onSubmitEmoji({
                                 emoji: reaction.emoji,
@@ -85145,6 +85145,15 @@ var Input = React.forwardRef(function (_a, ref) {
 });
 Input.displayName = "Input";
 
+function LinkWrapper(_a) {
+    var href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, className = _a.className, children = _a.children;
+    var components = React.useContext(SparkleContext).components;
+    if (href) {
+        return (React.createElement(components.link, { href: href, target: target, rel: rel, replace: replace, shallow: shallow, className: className }, children));
+    }
+    return React.createElement(React.Fragment, null, children);
+}
+
 function ok$2() {}
 
 function unreachable() {}
@@ -106708,7 +106717,7 @@ var NavigationList = React__namespace.forwardRef(function (_a, ref) {
 });
 NavigationList.displayName = "NavigationList";
 var NavigationListItem = React__namespace.forwardRef(function (_a, ref) {
-    var className = _a.className, selected = _a.selected, label = _a.label, icon = _a.icon, props = __rest(_a, ["className", "selected", "label", "icon"]);
+    var className = _a.className, selected = _a.selected, label = _a.label, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, props = __rest(_a, ["className", "selected", "label", "icon", "href", "target", "rel", "replace", "shallow"]);
     var _b = __read(React__namespace.useState(false), 2), isHovered = _b[0], setIsHovered = _b[1];
     var _c = __read(React__namespace.useState(false), 2), isPressed = _c[0], setIsPressed = _c[1];
     var handleMouseDown = function (event) {
@@ -106716,7 +106725,7 @@ var NavigationListItem = React__namespace.forwardRef(function (_a, ref) {
             setIsPressed(true);
         }
     };
-    return (React__namespace.createElement("div", __assign({ className: className, ref: ref }, props),
+    var content = (React__namespace.createElement("div", __assign({ className: className, ref: ref }, props),
         React__namespace.createElement("div", { className: listStyles({
                 layout: "item",
                 state: selected ? "selected" : isPressed ? "active" : "unselected",
@@ -106728,6 +106737,7 @@ var NavigationListItem = React__namespace.forwardRef(function (_a, ref) {
             label && (React__namespace.createElement("span", { className: "s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap" }, label)),
             isHovered && (React__namespace.createElement("div", { className: "-s-mr-2 s-flex s-h-4 s-items-center" },
                 React__namespace.createElement(Button, { variant: "ghost", icon: MoreIcon, size: "xs", onClick: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); }, onMouseUp: function (e) { return e.stopPropagation(); } }))))));
+    return (React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow, className: className }, content));
 });
 NavigationListItem.displayName = "NavigationListItem";
 var variantStyles = cva("", {
@@ -109783,9 +109793,10 @@ var NewDropdownMenuContent = React__namespace.forwardRef(function (_a, ref) {
 });
 NewDropdownMenuContent.displayName = Content2.displayName;
 var NewDropdownMenuItem = React__namespace.forwardRef(function (_a, ref) {
-    var children = _a.children, variant = _a.variant, description = _a.description, className = _a.className, inset = _a.inset, icon = _a.icon, label = _a.label, props = __rest(_a, ["children", "variant", "description", "className", "inset", "icon", "label"]);
-    return (React__namespace.createElement(Item2$1, __assign({ ref: ref, className: cn(menuStyleClasses.item({ variant: variant }), inset ? menuStyleClasses.inset : "", className) }, props),
+    var children = _a.children, variant = _a.variant, description = _a.description, className = _a.className, inset = _a.inset, icon = _a.icon, label = _a.label, href = _a.href, target = _a.target, rel = _a.rel, asChild = _a.asChild, replace = _a.replace, shallow = _a.shallow, props = __rest(_a, ["children", "variant", "description", "className", "inset", "icon", "label", "href", "target", "rel", "asChild", "replace", "shallow"]);
+    var content = (React__namespace.createElement(Item2$1, __assign({ ref: ref, className: cn(menuStyleClasses.item({ variant: variant }), inset ? menuStyleClasses.inset : "", className) }, props, { asChild: !!href || asChild }),
         React__namespace.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children)));
+    return (React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, content));
 });
 NewDropdownMenuItem.displayName = Item2$1.displayName;
 var NewDropdownMenuCheckboxItem = React__namespace.forwardRef(function (_a, ref) {
@@ -112782,14 +112793,15 @@ var TabsList = React__namespace.forwardRef(function (_a, ref) {
 });
 TabsList.displayName = List.displayName;
 var TabsTrigger = React__namespace.forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, icon = _a.icon, props = __rest(_a, ["className", "label", "icon"]);
-    return (React__namespace.createElement(Trigger, __assign({ ref: ref, className: cn("s-border-0 s-border-b-2 s-border-primary-800/0 s-pb-1 disabled:s-pointer-events-none data-[state=active]:s-border-primary-800", className) }, props),
-        React__namespace.createElement(Button, { variant: "ghost", size: "sm", label: label, icon: icon })));
+    var className = _a.className, label = _a.label, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, props = __rest(_a, ["className", "label", "icon", "href", "target", "rel", "replace", "shallow"]);
+    var content = (React__namespace.createElement(Trigger, __assign({ ref: ref, className: cn("s-border-0 s-border-b-2 s-border-primary-800/0 s-pb-1 disabled:s-pointer-events-none data-[state=active]:s-border-primary-800", className), asChild: true }, props),
+        React__namespace.createElement("div", null,
+            React__namespace.createElement(Button, { variant: "ghost", size: "sm", label: label, icon: icon }))));
+    return (React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow, className: className }, content));
 });
-TabsTrigger.displayName = Trigger.displayName;
 var TabsContent = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React__namespace.createElement(Content, __assign({ ref: ref, className: cn("focus-visible:s-ring-ring s-contents s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", className) }, props)));
+    return (React__namespace.createElement(Content, __assign({ ref: ref, className: cn("s-contents s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", className) }, props)));
 });
 TabsContent.displayName = Content.displayName;
 
@@ -113319,6 +113331,7 @@ exports.LightbulbIcon = SvgLightbulb$3;
 exports.LightbulbStrokeIcon = SvgLightbulb$1;
 exports.LinkIcon = SvgLink$3;
 exports.LinkStrokeIcon = SvgLink$1;
+exports.LinkWrapper = LinkWrapper;
 exports.ListAddIcon = SvgListAdd$3;
 exports.ListAddStrokeIcon = SvgListAdd$1;
 exports.ListCheckIcon = SvgListCheck$3;