@versini/ui-menu 6.7.0 → 6.8.1

package/dist/index.js

@@ -1,18 +1,19 @@
 /*!
-  @versini/ui-menu v6.7.0
+  @versini/ui-menu v6.8.1
   © 2026 gizmette.com
 */
 
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useUniqueId } from "@versini/ui-hooks/use-unique-id";
 import { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
-import clsx_0 , { clsx } from "clsx";
+import clsx_0, { clsx } from "clsx";
 import { IconNext } from "@versini/ui-icons";
 
 
 
 
 
+
 const MenuGroupContext = createContext(false);
 /* v8 ignore start - default context values are fallbacks, never used directly */ const MenuRootContext = createContext({
     closeAll: ()=>{}
@@ -30,6 +31,7 @@ const MenuContentContext = createContext({
 }); /* v8 ignore stop */ 
 
 
+
 function getNextEnabledIndex(items, currentIndex, direction) {
     const count = items.length;
     /* v8 ignore start - empty items edge case */ if (count === 0) {
@@ -258,6 +260,7 @@ function getLastEnabledIndex(items) {
 
 
 
+
 const getDisplayName = (element)=>{
     if (typeof element === "string") {
         return element;
@@ -359,7 +362,7 @@ 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/40": !noBackdrop && !isSub
+        "av-backdrop-animate": !noBackdrop && !isSub
     });
 };
 
@@ -640,6 +643,8 @@ Menu.displayName = "Menu";
 
 
 
+
+
 const MenuGroup = ({ children, label, className, icon })=>{
     const groupClass = clsx_0("rounded-md", "p-2", "first:mt-0 mt-1", "bg-surface-dark", "text-copy-light", className);
     const labelContainerClass = clsx_0("pt-2 pb-2", "px-3 sm:px-2", "-mx-1 -mt-1", "flex items-center justify-between", "text-xs text-copy-medium uppercase font-bold", "rounded-t-md");
@@ -673,6 +678,9 @@ MenuGroup.displayName = "MenuGroup";
 
 
 
+
+
+
 const ITEM_CLASS = getMenuItemClasses({
     isSub: false
 });
@@ -805,6 +813,8 @@ MenuItem.displayName = "MenuItem";
 
 
 
+
+
 const MenuLabel = ({ className, icon, children, ...props })=>{
     const groupLabelClass = clsx_0(className, "pt-1 pb-2", "text-xs text-copy-medium uppercase font-bold", "border-b border-border-medium", {
         "flex items-center": icon
@@ -826,6 +836,8 @@ MenuLabel.displayName = "MenuLabel";
 
 
 
+
+
 const MenuSeparator = ({ className, ...props })=>{
     const separatorClass = clsx_0(className, "my-1 border-t border-border-medium");
     return /*#__PURE__*/ jsx("div", {
@@ -845,6 +857,9 @@ MenuSeparator.displayName = "MenuSeparator";
 
 
 
+
+
+
 const SUB_CONTENT_CLASS = getMenuClasses({
     isSub: true
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "6.7.0",
+	"version": "6.8.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,12 +42,12 @@
 	},
 	"dependencies": {
 		"@versini/ui-hooks": "6.1.1",
-		"@versini/ui-icons": "4.19.0",
+		"@versini/ui-icons": "4.19.2",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.2.1"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "406f1d65fb345dc0b6814fbd965584996d63d98b"
+	"gitHead": "6b50d466dbc1261a8539f469016ab438e4e8e51c"
 }