@versini/ui-menu 6.6.0 → 6.8.0

package/dist/index.d.ts

@@ -1,12 +1,10 @@
 import { JSX } from 'react/jsx-runtime';
 
 export declare const Menu: {
-    ({ trigger, children, label, defaultPlacement, onOpenChange, mode, focusMode, sideOffset, backdrop, }: MenuProps): JSX.Element;
+    ({ trigger, children, label, defaultPlacement, onOpenChange, mode, focusMode, sideOffset, noBackdrop, }: MenuProps): JSX.Element;
     displayName: string;
 };
 
-declare type MenuBackdropProps = "light" | "medium" | "dark" | "none";
-
 export declare const MenuGroup: {
     ({ children, label, className, icon, }: MenuGroupProps): JSX.Element;
     displayName: string;
@@ -137,14 +135,10 @@ declare type MenuProps = {
      */
     sideOffset?: number;
     /**
-     * Whether to dim the background when the menu is open.
-     * - "none" — no backdrop (default)
-     * - "light" — subtle dimming
-     * - "medium" — moderate dimming
-     * - "dark" — heavy dimming
-     * @default "none"
+     * Whether to disable the backdrop dimming when the menu is open.
+     * @default false
      */
-    backdrop?: MenuBackdropProps;
+    noBackdrop?: boolean;
 };
 
 export declare const MenuSeparator: {

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-menu v6.6.0
+  @versini/ui-menu v6.8.0
   © 2026 gizmette.com
 */
 
@@ -355,13 +355,11 @@ const getMenuItemClasses = ({ isSub })=>{
         "data-disabled:cursor-not-allowed data-disabled:text-copy-medium": !isSub
     });
 };
-const getMenuClasses = ({ isSub, backdrop = "none" })=>{
+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,
-        "backdrop:bg-black/10": backdrop === "light" && !isSub,
-        "backdrop:bg-black/25": backdrop === "medium" && !isSub,
-        "backdrop:bg-black/45": backdrop === "dark" && !isSub
+        "av-backdrop-animate": !noBackdrop && !isSub
     });
 };
 
@@ -416,10 +414,10 @@ function useMenuPosition({ triggerRef, menuRef, placement, sideOffset, isOpen })
 
 
 
-const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10, backdrop = "none" })=>{
+const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10, noBackdrop = false })=>{
     const contentClass = getMenuClasses({
         isSub: false,
-        backdrop
+        noBackdrop
     });
     const [isOpen, setIsOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(-1);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "6.6.0",
+	"version": "6.8.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "1ca5e655ebd571dcba9f4e7235beb71a37928591"
+	"gitHead": "73c5790eea7f907f78dc530236ecd5984f0b6551"
 }