@versini/ui-menu 6.5.1 → 6.7.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react/jsx-runtime';
 
 export declare const Menu: {
-    ({ trigger, children, label, defaultPlacement, onOpenChange, mode, focusMode, sideOffset, }: MenuProps): JSX.Element;
+    ({ trigger, children, label, defaultPlacement, onOpenChange, mode, focusMode, sideOffset, noBackdrop, }: MenuProps): JSX.Element;
     displayName: string;
 };
 
@@ -134,6 +134,11 @@ declare type MenuProps = {
      * @default 10
      */
     sideOffset?: number;
+    /**
+     * Whether to disable the backdrop dimming when the menu is open.
+     * @default false
+     */
+    noBackdrop?: boolean;
 };
 
 export declare const MenuSeparator: {

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-menu v6.5.1
+  @versini/ui-menu v6.7.0
   © 2026 gizmette.com
 */
 
@@ -355,10 +355,11 @@ const getMenuItemClasses = ({ isSub })=>{
         "data-disabled:cursor-not-allowed data-disabled:text-copy-medium": !isSub
     });
 };
-const getMenuClasses = ({ isSub })=>{
+const getMenuClasses = ({ isSub, noBackdrop = false })=>{
     return clsx("bg-surface-light", "rounded-md", "outline-hidden", "p-1", {
         "z-100 plume plume-dark": !isSub,
-        "z-60 mx-3": isSub
+        "z-60 mx-3": isSub,
+        "backdrop:bg-black/40": !noBackdrop && !isSub
     });
 };
 
@@ -413,10 +414,11 @@ function useMenuPosition({ triggerRef, menuRef, placement, sideOffset, isOpen })
 
 
 
-const CONTENT_CLASS = getMenuClasses({
-    isSub: false
-});
-const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10 })=>{
+const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10, noBackdrop = false })=>{
+    const contentClass = getMenuClasses({
+        isSub: false,
+        noBackdrop
+    });
     const [isOpen, setIsOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(-1);
     const [openSubMenuId, setOpenSubMenuId] = useState(null);
@@ -626,7 +628,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
                     id: menuId,
                     popover: "manual",
                     role: "menu",
-                    className: CONTENT_CLASS,
+                    className: contentClass,
                     children: children
                 })
             ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "6.5.1",
+	"version": "6.7.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "2548c186dc746b78b8e7440587abe6a136efd576"
+	"gitHead": "406f1d65fb345dc0b6814fbd965584996d63d98b"
 }