@dust-tt/sparkle 0.2.285 → 0.2.286

package/dist/cjs/index.js

@@ -85146,12 +85146,12 @@ 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 children = _a.children, href = _a.href, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, target = _a.target;
     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(components.link, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, children));
     }
-    return React.createElement(React.Fragment, null, children);
+    return children;
 }
 
 function ok$2() {}
@@ -106717,11 +106717,10 @@ 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, 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 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, moreMenu = _a.moreMenu, props = __rest(_a, ["className", "selected", "label", "icon", "href", "target", "rel", "replace", "shallow", "moreMenu"]);
+    var _b = __read(React__namespace.useState(false), 2), isPressed = _b[0], setIsPressed = _b[1];
     var handleMouseDown = function (event) {
-        if (!event.target.closest(".new-button-class")) {
+        if (!event.target.closest(".button-class")) {
             setIsPressed(true);
         }
     };
@@ -106729,15 +106728,13 @@ var NavigationListItem = React__namespace.forwardRef(function (_a, ref) {
         React__namespace.createElement("div", { className: listStyles({
                 layout: "item",
                 state: selected ? "selected" : isPressed ? "active" : "unselected",
-            }), onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () {
-                setIsHovered(false);
+            }), onMouseLeave: function () {
                 setIsPressed(false);
             }, onMouseDown: handleMouseDown, onMouseUp: function () { return setIsPressed(false); } },
             icon && React__namespace.createElement(Icon, { visual: icon, size: "sm" }),
             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));
+            selected && moreMenu && (React__namespace.createElement("div", { className: "-s-mr-2 s-flex s-h-4 s-items-center" }, moreMenu)))));
+    return (React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, content));
 });
 NavigationListItem.displayName = "NavigationListItem";
 var variantStyles = cva("", {
@@ -109794,9 +109791,9 @@ 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, 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));
+    return (React__namespace.createElement(Item2$1, __assign({ ref: ref, className: cn(menuStyleClasses.item({ variant: variant }), inset ? menuStyleClasses.inset : "", className) }, props, { asChild: asChild }),
+        React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow },
+            React__namespace.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children))));
 });
 NewDropdownMenuItem.displayName = Item2$1.displayName;
 var NewDropdownMenuCheckboxItem = React__namespace.forwardRef(function (_a, ref) {
@@ -112797,7 +112794,7 @@ var TabsTrigger = React__namespace.forwardRef(function (_a, ref) {
     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));
+    return (React__namespace.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, content));
 });
 var TabsContent = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);