@movable/ui 2.13.6 → 2.13.7

package/lib/index.mjs

@@ -3960,20 +3960,25 @@ function Qm({ maxWidth: e = 200, chipProps: t, size: r = "small", expandOnHover:
     }
     return t.label;
   })(), T = Lc(us, {
-    shouldForwardProp: (w) => w !== "isHovered" && w !== "expandOnHover" && w !== "maxWidth"
-  })(({ isHovered: w, expandOnHover: O, maxWidth: C, truncation: x }) => ({
+    shouldForwardProp: (w) => w !== "isHovered" && w !== "expandOnHover" && w !== "hasDeleteIcon" && w !== "maxWidth"
+  })(({ isHovered: w, expandOnHover: O, maxWidth: C, truncation: x, hasDeleteIcon: P }) => ({
     transition: "max-width 0.3s ease",
     maxWidth: C === null ? "none" : O && w ? `${d}px` : `${C}px`,
     overflow: "hidden",
     textOverflow: "clip",
     whiteSpace: "nowrap",
+    ".MuiChip-deleteIcon": {
+      marginLeft: "1px",
+      marginRight: "6px"
+    },
     ".MuiChip-label": {
       overflow: "hidden",
       textOverflow: x === "middle" ? "clip" : "ellipsis",
-      whiteSpace: "nowrap"
+      whiteSpace: "nowrap",
+      marginLeft: P ? "1px" : 0
     }
   }));
-  return f.jsx(f.Fragment, { children: h ? f.jsx(Ns, { "data-test-chip-tooltip": t.label, title: t.label, slotProps: {
+  return f.jsx(f.Fragment, { children: f.jsx(T, { "data-test-chip": t.label, ref: s, size: r, onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), isHovered: c, expandOnHover: o, maxWidth: e, truncation: i, hasDeleteIcon: !!t.onDelete, ...t, label: h ? f.jsx(Ns, { "data-test-chip-tooltip": t.label, title: t.label, slotProps: {
     popper: {
       modifiers: [
         {
@@ -3984,7 +3989,7 @@ function Qm({ maxWidth: e = 200, chipProps: t, size: r = "small", expandOnHover:
         }
       ]
     }
-  }, children: f.jsx(T, { "data-test-chip": t.label, ref: s, size: r, onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), isHovered: c, expandOnHover: o, maxWidth: e, truncation: i, ...t, label: b }) }) : f.jsx(T, { "data-test-chip": t.label, ref: s, size: r, onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), isHovered: c, expandOnHover: o, maxWidth: e, truncation: i, ...t, label: b }) });
+  }, children: f.jsx("span", { children: b }) }) : b }) });
 }
 const eh = {
   "&:hover": {