@dust-tt/sparkle 0.2.61-alpha-4 → 0.2.62

package/dist/esm/index.js

@@ -32826,9 +32826,9 @@ DropdownMenu.Item = function (_a) {
         children)) : (React__default.createElement(Item.Dropdown, { className: "s-w-full s-px-4", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description }))));
 };
 DropdownMenu.Items = function (_a) {
-    var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, _d = _a.marginLeft, marginLeft = _d === void 0 ? 0 : _d, children = _a.children;
+    var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children;
     var buttonRef = useContext(ButtonRefContext);
-    var _e = __read(useState(0), 2), buttonHeight = _e[0], setButtonHeight = _e[1];
+    var _d = __read(useState(0), 2), buttonHeight = _d[0], setButtonHeight = _d[1];
     if (origin === "auto") {
         origin = findOriginFromButton(buttonRef);
     }
@@ -32866,22 +32866,16 @@ DropdownMenu.Items = function (_a) {
         }
     };
     var styleInsert = function (origin, marginLeft) {
-        switch (origin) {
-            case "topLeft":
-                return {
-                    width: "".concat(width, "px"),
-                    top: "".concat(buttonHeight + 8, "px"),
-                    left: "".concat(marginLeft, "px"),
-                };
-            case "topRight":
-                return {
-                    width: "".concat(width, "px"),
-                    top: "".concat(buttonHeight + 8, "px"),
-                    left: "".concat(marginLeft, "px"),
-                };
-            default:
-                return { width: "".concat(width, "px"), left: "".concat(marginLeft, "px") };
+        var style = {
+            width: "".concat(width, "px"),
+        };
+        if (marginLeft) {
+            style["left"] = "".concat(marginLeft, "px");
+        }
+        if (origin === "topLeft" || origin === "topRight") {
+            style["top"] = "".concat(buttonHeight + 8, "px");
         }
+        return style;
     };
     return (React__default.createElement(tt, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
         React__default.createElement(it.Items, { className: "s-absolute s-z-10 ".concat(getOriginClass(origin), " s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-py-1 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },