@scm-manager/ui-overlays 2.43.1 → 2.43.2-20230419-125637

package/.storybook/.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["@scm-manager/babel-preset"],
+  "plugins": ["@babel/plugin-syntax-dynamic-import"]
+}

package/.storybook/preview.js

@@ -23,8 +23,9 @@
  */
 
 import React, { useEffect } from "react";
-import { I18nextProvider, initReactI18next } from "react-i18next";
+import { initReactI18next } from "react-i18next";
 import i18n from "i18next";
+import { withThemes } from "storybook-addon-themes";
 
 i18n.use(initReactI18next).init({
   whitelist: ["en", "de"],
@@ -36,7 +37,6 @@ i18n.use(initReactI18next).init({
   react: {
     useSuspense: false,
   },
-
 });
 
 const Decorator = ({ children, themeName }) => {
@@ -50,15 +50,10 @@ const Decorator = ({ children, themeName }) => {
   return <>{children}</>;
 };
 
+export const decorators = [withThemes];
+
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
-  decorators: [
-    (Story) => (
-      <I18nextProvider i18n={i18n}>
-        <Story />
-      </I18nextProvider>
-    ),
-  ],
   themes: {
     Decorator,
     clearable: false,

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-@scm-manager/ui-overlays:build: cache hit, replaying output 0396a4df6274bce9
+@scm-manager/ui-overlays:build: cache hit, replaying output c4227fcee66f5e51
 @scm-manager/ui-overlays:build: $ tsup ./src/index.ts -d build --format esm,cjs --dts
 @scm-manager/ui-overlays:build: CLI Building entry: ./src/index.ts
 @scm-manager/ui-overlays:build: CLI Using tsconfig: tsconfig.json
@@ -6,10 +6,10 @@
 @scm-manager/ui-overlays:build: CLI Target: node14
 @scm-manager/ui-overlays:build: ESM Build start
 @scm-manager/ui-overlays:build: CJS Build start
-@scm-manager/ui-overlays:build: ESM build/index.mjs 1.26 KB
-@scm-manager/ui-overlays:build: ESM ⚡️ Build success in 273ms
-@scm-manager/ui-overlays:build: CJS build/index.js 2.80 KB
-@scm-manager/ui-overlays:build: CJS ⚡️ Build success in 193ms
+@scm-manager/ui-overlays:build: CJS build/index.js 6.71 KB
+@scm-manager/ui-overlays:build: CJS ⚡️ Build success in 237ms
+@scm-manager/ui-overlays:build: ESM build/index.mjs 4.58 KB
+@scm-manager/ui-overlays:build: ESM ⚡️ Build success in 297ms
 @scm-manager/ui-overlays:build: DTS Build start
-@scm-manager/ui-overlays:build: DTS ⚡️ Build success in 23262ms
-@scm-manager/ui-overlays:build: DTS build/index.d.ts 831.00 B
+@scm-manager/ui-overlays:build: DTS ⚡️ Build success in 19895ms
+@scm-manager/ui-overlays:build: DTS build/index.d.ts 16.78 KB

package/build/index.d.ts

@@ -1,4 +1,8 @@
-import React, { ReactNode, ReactElement } from 'react';
+import * as react_router_dom from 'react-router-dom';
+import * as _radix_ui_react_menu from '@radix-ui/react-menu';
+import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
+import * as react from 'react';
+import react__default, { ReactNode, ReactElement } from 'react';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 
 /**
@@ -7,7 +11,7 @@ import * as RadixTooltip from '@radix-ui/react-tooltip';
  * @since 2.41.0
  * @beta
  */
-declare const Tooltip: React.ForwardRefExoticComponent<{
+declare const Tooltip: react__default.ForwardRefExoticComponent<{
     /**
      * The message to be displayed in the overlay.
      */
@@ -21,6 +25,33 @@ declare const Tooltip: React.ForwardRefExoticComponent<{
      * Class to be applied to the content container.
      */
     className?: string | undefined;
-} & Pick<RadixTooltip.TooltipContentProps, "side"> & React.RefAttributes<HTMLDivElement>>;
+} & Pick<RadixTooltip.TooltipContentProps, "side"> & react__default.RefAttributes<HTMLDivElement>>;
 
-export { Tooltip };
+declare const Menu: react.FC<{
+    className?: string | undefined;
+    trigger?: react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
+} & Pick<_radix_ui_react_dropdown_menu.DropdownMenuContentProps, "side">> & {
+    Button: react.ForwardRefExoticComponent<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onSelect"> & Pick<Pick<_radix_ui_react_menu.MenuItemProps & react.RefAttributes<HTMLDivElement>, "onClick" | "onSelect" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "textValue">, "onSelect"> & react.RefAttributes<HTMLButtonElement>>;
+    Link: react.ForwardRefExoticComponent<Omit<react_router_dom.LinkProps<unknown>, "onSelect"> & Pick<Pick<_radix_ui_react_menu.MenuItemProps & react.RefAttributes<HTMLDivElement>, "onClick" | "onSelect" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "textValue">, "disabled"> & react.RefAttributes<HTMLAnchorElement>>;
+    ExternalLink: react.ForwardRefExoticComponent<Omit<react.AnchorHTMLAttributes<HTMLAnchorElement>, "onSelect"> & Pick<Pick<_radix_ui_react_menu.MenuItemProps & react.RefAttributes<HTMLDivElement>, "onClick" | "onSelect" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "textValue">, "disabled"> & react.RefAttributes<HTMLAnchorElement>>;
+    Trigger: react.ForwardRefExoticComponent<Pick<{
+        variant?: ("primary" | "secondary" | "tertiary" | "signal") | undefined;
+        isLoading?: boolean | undefined;
+        testId?: string | undefined;
+    } & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>, keyof react.ButtonHTMLAttributes<HTMLButtonElement> | "key" | keyof {
+        variant?: ("primary" | "secondary" | "tertiary" | "signal") | undefined;
+        isLoading?: boolean | undefined;
+        testId?: string | undefined;
+    }> & react.RefAttributes<HTMLButtonElement>>;
+    DefaultTrigger: react.ForwardRefExoticComponent<Pick<{
+        variant?: ("primary" | "secondary" | "tertiary" | "signal") | undefined;
+        isLoading?: boolean | undefined;
+        testId?: string | undefined;
+    } & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>, keyof react.ButtonHTMLAttributes<HTMLButtonElement> | "key" | keyof {
+        variant?: ("primary" | "secondary" | "tertiary" | "signal") | undefined;
+        isLoading?: boolean | undefined;
+        testId?: string | undefined;
+    }> & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { Menu, Tooltip };

package/build/index.js

@@ -26,16 +26,104 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Menu: () => Menu2,
   Tooltip: () => Tooltip_default
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/tooltip/Tooltip.tsx
+// src/menu/Menu.tsx
+var import_react2 = __toESM(require("react"));
+var RadixMenu2 = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_styled_components = __toESM(require("styled-components"));
+
+// src/menu/MenuTrigger.tsx
 var import_react = __toESM(require("react"));
-var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
+var import_ui_buttons = require("@scm-manager/ui-buttons");
+var RadixMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_react_i18next = require("react-i18next");
 var import_classnames = __toESM(require("classnames"));
-var import_styled_components = __toESM(require("styled-components"));
-var StyledContent = (0, import_styled_components.default)(RadixTooltip.Content)`
+var MenuTrigger = import_react.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(RadixMenu.Trigger, {
+  asChild: true
+}, /* @__PURE__ */ import_react.default.createElement(import_ui_buttons.Button, {
+  ref,
+  ...props
+}, children)));
+var DefaultMenuTrigger = import_react.default.forwardRef(({ className, ...props }, ref) => {
+  const [t] = (0, import_react_i18next.useTranslation)("commons");
+  return /* @__PURE__ */ import_react.default.createElement(MenuTrigger, {
+    "aria-label": t("menu.defaultTriggerLabel"),
+    className: (0, import_classnames.default)(className, "is-borderless has-background-transparent has-hover-color-blue px-2"),
+    ref,
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_ui_buttons.Icon, null, "ellipsis-v"));
+});
+var MenuTrigger_default = MenuTrigger;
+
+// src/menu/Menu.tsx
+var import_classnames2 = __toESM(require("classnames"));
+var import_react_router_dom = require("react-router-dom");
+var MenuContent = (0, import_styled_components.default)(RadixMenu2.Content)`
+  border: var(--scm-border);
+  background-color: var(--scm-secondary-background);
+`;
+var MenuItem = (0, import_styled_components.default)(RadixMenu2.Item).attrs({
+  className: "is-flex is-align-items-center px-3 py-2 has-text-inherit is-clickable is-size-6 has-hover-color-blue is-borderless has-background-transparent has-rounded-border"
+})`
+  line-height: inherit;
+  :focus {
+    outline: #af3ee7 3px solid;
+    outline-offset: 0px;
+  }
+  &[data-disabled] {
+    color: unset !important;
+    opacity: 40%;
+    cursor: unset !important;
+  }
+`;
+var MenuLink = import_react2.default.forwardRef(({ children, disabled, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(MenuItem, {
+  asChild: true,
+  disabled
+}, /* @__PURE__ */ import_react2.default.createElement(import_react_router_dom.Link, {
+  ref,
+  ...props
+}, children)));
+var MenuExternalLink = import_react2.default.forwardRef(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(MenuItem, {
+    asChild: true,
+    disabled
+  }, /* @__PURE__ */ import_react2.default.createElement("a", {
+    ref,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    ...props
+  }, children))
+);
+var MenuButton = import_react2.default.forwardRef(
+  ({ children, onSelect, disabled, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(MenuItem, {
+    asChild: true,
+    disabled,
+    onSelect
+  }, /* @__PURE__ */ import_react2.default.createElement("button", {
+    ref,
+    ...props
+  }, children))
+);
+var Menu = ({ children, side, className, trigger = /* @__PURE__ */ import_react2.default.createElement(DefaultMenuTrigger, null) }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(RadixMenu2.Root, null, trigger, /* @__PURE__ */ import_react2.default.createElement(RadixMenu2.Portal, null, /* @__PURE__ */ import_react2.default.createElement(MenuContent, {
+    className: (0, import_classnames2.default)(className, "is-flex is-flex-direction-column has-rounded-border has-box-shadow"),
+    side,
+    sideOffset: 4,
+    collisionPadding: 4
+  }, children)));
+};
+var Menu_default = Menu;
+
+// src/tooltip/Tooltip.tsx
+var import_react3 = __toESM(require("react"));
+var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
+var import_classnames3 = __toESM(require("classnames"));
+var import_styled_components2 = __toESM(require("styled-components"));
+var StyledContent = (0, import_styled_components2.default)(RadixTooltip.Content)`
   overflow: hidden;
   hyphens: auto;
   text-overflow: clip;
@@ -44,13 +132,13 @@ var StyledContent = (0, import_styled_components.default)(RadixTooltip.Content)`
   word-break: keep-all;
   z-index: 1020;
 `;
-var StyledArrow = (0, import_styled_components.default)(RadixTooltip.Arrow)`
+var StyledArrow = (0, import_styled_components2.default)(RadixTooltip.Arrow)`
   z-index: 1020;
 `;
-var Tooltip = import_react.default.forwardRef(({ children, className, message, side }, ref) => /* @__PURE__ */ import_react.default.createElement(RadixTooltip.Provider, null, /* @__PURE__ */ import_react.default.createElement(RadixTooltip.Root, null, /* @__PURE__ */ import_react.default.createElement(RadixTooltip.Trigger, {
+var Tooltip = import_react3.default.forwardRef(({ children, className, message, side }, ref) => /* @__PURE__ */ import_react3.default.createElement(RadixTooltip.Provider, null, /* @__PURE__ */ import_react3.default.createElement(RadixTooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(RadixTooltip.Trigger, {
   asChild: true
-}, children), /* @__PURE__ */ import_react.default.createElement(RadixTooltip.Portal, null, /* @__PURE__ */ import_react.default.createElement(StyledContent, {
-  className: (0, import_classnames.default)(
+}, children), /* @__PURE__ */ import_react3.default.createElement(RadixTooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(StyledContent, {
+  className: (0, import_classnames3.default)(
     "is-size-7",
     "is-family-primary",
     "has-rounded-border",
@@ -61,13 +149,24 @@ var Tooltip = import_react.default.forwardRef(({ children, className, message, s
     className
   ),
   side,
-  sideOffset: 5,
+  sideOffset: 4,
+  collisionPadding: 4,
   ref
-}, message, /* @__PURE__ */ import_react.default.createElement(StyledArrow, {
+}, message, /* @__PURE__ */ import_react3.default.createElement(StyledArrow, {
   className: "tooltip-arrow-fill-color"
 }))))));
 var Tooltip_default = Tooltip;
+
+// src/index.ts
+var Menu2 = Object.assign(Menu_default, {
+  Button: MenuButton,
+  Link: MenuLink,
+  ExternalLink: MenuExternalLink,
+  Trigger: MenuTrigger_default,
+  DefaultTrigger: DefaultMenuTrigger
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Menu,
   Tooltip
 });

package/build/index.mjs

@@ -1,9 +1,96 @@
-// src/tooltip/Tooltip.tsx
+// src/menu/Menu.tsx
+import React2 from "react";
+import * as RadixMenu2 from "@radix-ui/react-dropdown-menu";
+import styled from "styled-components";
+
+// src/menu/MenuTrigger.tsx
 import React from "react";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { Button, Icon } from "@scm-manager/ui-buttons";
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+import { useTranslation } from "react-i18next";
 import classNames from "classnames";
-import styled from "styled-components";
-var StyledContent = styled(RadixTooltip.Content)`
+var MenuTrigger = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ React.createElement(RadixMenu.Trigger, {
+  asChild: true
+}, /* @__PURE__ */ React.createElement(Button, {
+  ref,
+  ...props
+}, children)));
+var DefaultMenuTrigger = React.forwardRef(({ className, ...props }, ref) => {
+  const [t] = useTranslation("commons");
+  return /* @__PURE__ */ React.createElement(MenuTrigger, {
+    "aria-label": t("menu.defaultTriggerLabel"),
+    className: classNames(className, "is-borderless has-background-transparent has-hover-color-blue px-2"),
+    ref,
+    ...props
+  }, /* @__PURE__ */ React.createElement(Icon, null, "ellipsis-v"));
+});
+var MenuTrigger_default = MenuTrigger;
+
+// src/menu/Menu.tsx
+import classNames2 from "classnames";
+import { Link as ReactRouterLink } from "react-router-dom";
+var MenuContent = styled(RadixMenu2.Content)`
+  border: var(--scm-border);
+  background-color: var(--scm-secondary-background);
+`;
+var MenuItem = styled(RadixMenu2.Item).attrs({
+  className: "is-flex is-align-items-center px-3 py-2 has-text-inherit is-clickable is-size-6 has-hover-color-blue is-borderless has-background-transparent has-rounded-border"
+})`
+  line-height: inherit;
+  :focus {
+    outline: #af3ee7 3px solid;
+    outline-offset: 0px;
+  }
+  &[data-disabled] {
+    color: unset !important;
+    opacity: 40%;
+    cursor: unset !important;
+  }
+`;
+var MenuLink = React2.forwardRef(({ children, disabled, ...props }, ref) => /* @__PURE__ */ React2.createElement(MenuItem, {
+  asChild: true,
+  disabled
+}, /* @__PURE__ */ React2.createElement(ReactRouterLink, {
+  ref,
+  ...props
+}, children)));
+var MenuExternalLink = React2.forwardRef(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React2.createElement(MenuItem, {
+    asChild: true,
+    disabled
+  }, /* @__PURE__ */ React2.createElement("a", {
+    ref,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    ...props
+  }, children))
+);
+var MenuButton = React2.forwardRef(
+  ({ children, onSelect, disabled, ...props }, ref) => /* @__PURE__ */ React2.createElement(MenuItem, {
+    asChild: true,
+    disabled,
+    onSelect
+  }, /* @__PURE__ */ React2.createElement("button", {
+    ref,
+    ...props
+  }, children))
+);
+var Menu = ({ children, side, className, trigger = /* @__PURE__ */ React2.createElement(DefaultMenuTrigger, null) }) => {
+  return /* @__PURE__ */ React2.createElement(RadixMenu2.Root, null, trigger, /* @__PURE__ */ React2.createElement(RadixMenu2.Portal, null, /* @__PURE__ */ React2.createElement(MenuContent, {
+    className: classNames2(className, "is-flex is-flex-direction-column has-rounded-border has-box-shadow"),
+    side,
+    sideOffset: 4,
+    collisionPadding: 4
+  }, children)));
+};
+var Menu_default = Menu;
+
+// src/tooltip/Tooltip.tsx
+import React3 from "react";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import classNames3 from "classnames";
+import styled2 from "styled-components";
+var StyledContent = styled2(RadixTooltip.Content)`
   overflow: hidden;
   hyphens: auto;
   text-overflow: clip;
@@ -12,13 +99,13 @@ var StyledContent = styled(RadixTooltip.Content)`
   word-break: keep-all;
   z-index: 1020;
 `;
-var StyledArrow = styled(RadixTooltip.Arrow)`
+var StyledArrow = styled2(RadixTooltip.Arrow)`
   z-index: 1020;
 `;
-var Tooltip = React.forwardRef(({ children, className, message, side }, ref) => /* @__PURE__ */ React.createElement(RadixTooltip.Provider, null, /* @__PURE__ */ React.createElement(RadixTooltip.Root, null, /* @__PURE__ */ React.createElement(RadixTooltip.Trigger, {
+var Tooltip = React3.forwardRef(({ children, className, message, side }, ref) => /* @__PURE__ */ React3.createElement(RadixTooltip.Provider, null, /* @__PURE__ */ React3.createElement(RadixTooltip.Root, null, /* @__PURE__ */ React3.createElement(RadixTooltip.Trigger, {
   asChild: true
-}, children), /* @__PURE__ */ React.createElement(RadixTooltip.Portal, null, /* @__PURE__ */ React.createElement(StyledContent, {
-  className: classNames(
+}, children), /* @__PURE__ */ React3.createElement(RadixTooltip.Portal, null, /* @__PURE__ */ React3.createElement(StyledContent, {
+  className: classNames3(
     "is-size-7",
     "is-family-primary",
     "has-rounded-border",
@@ -29,12 +116,23 @@ var Tooltip = React.forwardRef(({ children, className, message, side }, ref) =>
     className
   ),
   side,
-  sideOffset: 5,
+  sideOffset: 4,
+  collisionPadding: 4,
   ref
-}, message, /* @__PURE__ */ React.createElement(StyledArrow, {
+}, message, /* @__PURE__ */ React3.createElement(StyledArrow, {
   className: "tooltip-arrow-fill-color"
 }))))));
 var Tooltip_default = Tooltip;
+
+// src/index.ts
+var Menu2 = Object.assign(Menu_default, {
+  Button: MenuButton,
+  Link: MenuLink,
+  ExternalLink: MenuExternalLink,
+  Trigger: MenuTrigger_default,
+  DefaultTrigger: DefaultMenuTrigger
+});
 export {
+  Menu2 as Menu,
   Tooltip_default as Tooltip
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scm-manager/ui-overlays",
   "private": false,
-  "version": "2.43.1",
+  "version": "2.43.2-20230419-125637",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index.mjs",
@@ -16,7 +16,7 @@
     "@scm-manager/eslint-config": "^2.16.0",
     "@scm-manager/prettier-config": "^2.10.1",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-styles": "2.43.1",
+    "@scm-manager/ui-styles": "2.43.2-20230419-125637",
     "@storybook/addon-actions": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-interactions": "^6.5.10",
@@ -32,12 +32,17 @@
     "tsup": "^6.2.3"
   },
   "peerDependencies": {
-    "classnames": "^2.3.1",
     "react": "17",
-    "styled-components": "^5.3.6"
+    "react-dom": "17",
+    "react-router-dom": "5",
+    "classnames": "2",
+    "styled-components": "5",
+    "react-i18next": "11"
   },
   "dependencies": {
-    "@radix-ui/react-tooltip": "1.0.2"
+    "@radix-ui/react-tooltip": "1.0.2",
+    "@radix-ui/react-dropdown-menu": "2.0.4",
+    "@scm-manager/ui-buttons": "2.43.2-20230419-125637"
   },
   "prettier": "@scm-manager/prettier-config",
   "eslintConfig": {

package/src/index.ts

@@ -22,4 +22,15 @@
  * SOFTWARE.
  */
 
+import MenuComponent, { MenuButton, MenuExternalLink, MenuLink } from "./menu/Menu";
+import MenuTrigger, { DefaultMenuTrigger } from "./menu/MenuTrigger";
+
 export { default as Tooltip } from "./tooltip/Tooltip";
+
+export const Menu = Object.assign(MenuComponent, {
+  Button: MenuButton,
+  Link: MenuLink,
+  ExternalLink: MenuExternalLink,
+  Trigger: MenuTrigger,
+  DefaultTrigger: DefaultMenuTrigger,
+});

package/src/menu/Menu.stories.tsx

@@ -0,0 +1,58 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import StoryRouter from "storybook-react-router";
+import { ComponentMeta, StoryFn } from "@storybook/react";
+import React, { ComponentProps } from "react";
+import { ExtractProps } from "@scm-manager/ui-extensions";
+import Menu, { MenuButton, MenuExternalLink, MenuLink } from "./Menu";
+import { Icon } from "@scm-manager/ui-buttons";
+
+export default {
+  title: "Menu",
+  component: Menu,
+  decorators: [StoryRouter()],
+} as ComponentMeta<typeof Menu>;
+
+const Template: StoryFn<ExtractProps<typeof Menu>> = (args) => <Menu {...args} />;
+
+export const Default = Template.bind({});
+// More on args: https://storybook.js.org/docs/react/writing-stories/args
+Default.args = {
+  children: [
+    // eslint-disable-next-line no-console
+    <MenuButton onSelect={() => console.log("A button has been clicked")}>
+      <Icon />A button
+    </MenuButton>,
+    <MenuLink to="/repos">
+      <Icon />A link
+    </MenuLink>,
+    <MenuExternalLink href="https://scm-manager.org">
+      <Icon>link</Icon>An external link
+    </MenuExternalLink>,
+    <MenuButton disabled>
+      <Icon>trash</Icon>A disabled button
+    </MenuButton>,
+  ],
+} as ComponentProps<typeof Menu>;

package/src/menu/Menu.tsx

@@ -0,0 +1,137 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, FC } from "react";
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+import styled from "styled-components";
+import { DefaultMenuTrigger } from "./MenuTrigger";
+import classNames from "classnames";
+import { Link as ReactRouterLink, LinkProps as ReactRouterLinkProps } from "react-router-dom";
+
+const MenuContent = styled(RadixMenu.Content)`
+  border: var(--scm-border);
+  background-color: var(--scm-secondary-background);
+`;
+
+const MenuItem = styled(RadixMenu.Item).attrs({
+  className:
+    "is-flex is-align-items-center px-3 py-2 has-text-inherit is-clickable is-size-6 has-hover-color-blue is-borderless has-background-transparent has-rounded-border",
+})`
+  line-height: inherit;
+  :focus {
+    outline: #af3ee7 3px solid;
+    outline-offset: 0px;
+  }
+  &[data-disabled] {
+    color: unset !important;
+    opacity: 40%;
+    cursor: unset !important;
+  }
+`;
+
+type MenuLinkProps = Omit<ReactRouterLinkProps, "onSelect"> & Pick<RadixMenu.MenuItemProps, "disabled">;
+
+/**
+ * @beta
+ * @since 2.44.0
+ */
+export const MenuLink = React.forwardRef<HTMLAnchorElement, MenuLinkProps>(({ children, disabled, ...props }, ref) => (
+  <MenuItem asChild disabled={disabled}>
+    <ReactRouterLink ref={ref} {...props}>
+      {children}
+    </ReactRouterLink>
+  </MenuItem>
+));
+
+type MenuExternalLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onSelect"> &
+  Pick<RadixMenu.MenuItemProps, "disabled">;
+
+/**
+ * External links open in a new browser tab with rel flags "noopener" and "noreferrer" set by default.
+ *
+ * @beta
+ * @since 2.44.0
+ */
+export const MenuExternalLink = React.forwardRef<HTMLAnchorElement, MenuExternalLinkProps>(
+  ({ children, disabled, ...props }, ref) => (
+    <MenuItem asChild disabled={disabled}>
+      <a ref={ref} target="_blank" rel="noopener noreferrer" {...props}>
+        {children}
+      </a>
+    </MenuItem>
+  )
+);
+
+type MenuButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onSelect"> &
+  Pick<RadixMenu.MenuItemProps, "onSelect">;
+
+/**
+ * Use {@link MenuButtonProps#onSelect} to handle menu item selection.
+ * The menu will close by default. This behavior can be overwritten by calling {@link Event.preventDefault} on the event.
+ *
+ * @beta
+ * @since 2.44.0
+ */
+export const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(
+  ({ children, onSelect, disabled, ...props }, ref) => (
+    <MenuItem asChild disabled={disabled} onSelect={onSelect}>
+      <button ref={ref} {...props}>
+        {children}
+      </button>
+    </MenuItem>
+  )
+);
+
+type Props = {
+  className?: string;
+  trigger?: React.ReactElement;
+} & Pick<RadixMenu.DropdownMenuContentProps, "side">;
+
+/**
+ * A menu consists of a trigger button (vertical ellipsis icon button by default)
+ * and a dropdown container containing individual menu items.
+ *
+ * @beta
+ * @since 2.44.0
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
+ */
+const Menu: FC<Props> = ({ children, side, className, trigger = <DefaultMenuTrigger /> }) => {
+  return (
+    <RadixMenu.Root>
+      {trigger}
+      <RadixMenu.Portal>
+        <MenuContent
+          className={classNames(className, "is-flex is-flex-direction-column has-rounded-border has-box-shadow")}
+          side={side}
+          sideOffset={4}
+          collisionPadding={4}
+        >
+          {children}
+        </MenuContent>
+      </RadixMenu.Portal>
+    </RadixMenu.Root>
+  );
+};
+
+export default Menu;

package/src/menu/MenuTrigger.tsx

@@ -0,0 +1,63 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React, { ComponentProps } from "react";
+import { Button, Icon } from "@scm-manager/ui-buttons";
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+import { useTranslation } from "react-i18next";
+import classNames from "classnames";
+
+type Props = ComponentProps<typeof Button>;
+
+/**
+ * @beta
+ * @since 2.44.0
+ */
+const MenuTrigger = React.forwardRef<HTMLButtonElement, Props>(({ children, ...props }, ref) => (
+  <RadixMenu.Trigger asChild>
+    <Button ref={ref} {...props}>
+      {children}
+    </Button>
+  </RadixMenu.Trigger>
+));
+
+/**
+ * @beta
+ * @since 2.44.0
+ */
+export const DefaultMenuTrigger = React.forwardRef<HTMLButtonElement, Props>(({ className, ...props }, ref) => {
+  const [t] = useTranslation("commons");
+  return (
+    <MenuTrigger
+      aria-label={t("menu.defaultTriggerLabel")}
+      className={classNames(className, "is-borderless has-background-transparent has-hover-color-blue px-2")}
+      ref={ref}
+      {...props}
+    >
+      <Icon>ellipsis-v</Icon>
+    </MenuTrigger>
+  );
+});
+
+export default MenuTrigger;

package/src/tooltip/Tooltip.tsx

@@ -82,7 +82,8 @@ const Tooltip = React.forwardRef<HTMLDivElement, Props>(({ children, className,
             className
           )}
           side={side}
-          sideOffset={5}
+          sideOffset={4}
+          collisionPadding={4}
           ref={ref}
         >
           {message}