add config for shift amount

Author: KBHertzog

Diff for: packages/plugins/plugin-tooltip/src/tooltip-provider.ts

@@ -26,6 +26,8 @@ export interface TooltipProviderOptions {
         crossAxis?: number
         alignmentAxis?: number | null
       }
+  // The amount to shift the block by. Default is 0.
+  shift?: number
   /// Other middlewares for floating ui. This will be added after the internal middlewares.
   middleware?: Middleware[]
   /// Options for floating ui. If you pass `middleware` or `placement`, it will override the internal settings.
@@ -62,7 +64,8 @@ export class TooltipProvider {
         crossAxis?: number
         alignmentAxis?: number | null
       }
-
+  /// @internal
+  readonly #shift?: number
   /// The root element of the tooltip.
   element: HTMLElement
 
@@ -77,6 +80,7 @@ export class TooltipProvider {
     this.#debounce = options.debounce ?? 200
     this.#shouldShow = options.shouldShow ?? this.#_shouldShow
     this.#offset = options.offset
+    this.#shift = options.shift 
     this.#middleware = options.middleware ?? []
     this.#floatingUIOptions = options.floatingUIOptions ?? {}
     this.#root = options.root
@@ -111,7 +115,7 @@ export class TooltipProvider {
     }
     computePosition(virtualEl, this.element, {
       placement: this.#floatingUIOptions.placement ?? 'top',
-      middleware: [flip(), offset(this.#offset), shift(), ...this.#middleware],
+      middleware: [flip(), offset(this.#offset), shift(this.#shift), ...this.#middleware],
     }).then(({ x, y }) => {
       Object.assign(this.element.style, {
         left: `${x}px`,
@@ -159,7 +163,7 @@ export class TooltipProvider {
     if (virtualElement) {
       computePosition(virtualElement, this.element, {
         placement: 'top',
-        middleware: [flip(), offset(this.#offset), shift()],
+        middleware: [flip(), offset(this.#offset), shift(this.#offset)],
         ...this.#floatingUIOptions,
       }).then(({ x, y }) => {
         Object.assign(this.element.style, {