@versini/ui-menu 6.4.1 → 6.5.0

package/dist/index.d.ts

@@ -168,7 +168,7 @@ declare type MenuSubProps = {
     disabled?: boolean;
     /**
      * The offset distance from the sub-menu trigger.
-     * @default 22
+     * @default 20
      */
     sideOffset?: number;
 };

package/dist/index.js

@@ -1,19 +1,18 @@
 /*!
-  @versini/ui-menu v6.4.1
+  @versini/ui-menu v6.5.0
   © 2026 gizmette.com
 */
 
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useUniqueId } from "@versini/ui-hooks/use-unique-id";
-import clsx_0 , { clsx } from "clsx";
 import { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
+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: ()=>{}
@@ -258,6 +257,7 @@ function getLastEnabledIndex(items) {
 }
 
 
+
 const getDisplayName = (element)=>{
     if (typeof element === "string") {
         return element;
@@ -355,6 +355,12 @@ const getMenuItemClasses = ({ isSub })=>{
         "data-disabled:cursor-not-allowed data-disabled:text-copy-medium": !isSub
     });
 };
+const getMenuClasses = ({ isSub })=>{
+    return clsx("bg-surface-medium", "rounded-md", "outline-hidden", "p-1", {
+        "z-100 plume plume-dark": !isSub,
+        "z-60 mx-3": isSub
+    });
+};
 
 
 
@@ -407,8 +413,9 @@ function useMenuPosition({ triggerRef, menuRef, placement, sideOffset, isOpen })
 
 
 
-
-const CONTENT_CLASS = clsx("z-100 rounded-md outline-hidden", "bg-surface-light", "text-copy-dark", "p-3 sm:p-2", "plume plume-dark");
+const CONTENT_CLASS = getMenuClasses({
+    isSub: false
+});
 const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10 })=>{
     const [isOpen, setIsOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(-1);
@@ -632,7 +639,7 @@ Menu.displayName = "Menu";
 
 
 const MenuGroup = ({ children, label, className, icon })=>{
-    const groupClass = clsx_0("rounded-md", "p-2", "first:mt-0 mt-2", "bg-surface-dark", "text-copy-light", className);
+    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");
     return /*#__PURE__*/ jsx(MenuGroupContext.Provider, {
         value: true,
@@ -836,12 +843,13 @@ MenuSeparator.displayName = "MenuSeparator";
 
 
 
-
-const SUB_CONTENT_CLASS = clsx_0("bg-surface-light", "z-60 rounded-md text-copy-light outline-hidden p-3 sm:p-2 mx-3");
+const SUB_CONTENT_CLASS = getMenuClasses({
+    isSub: true
+});
 const SUB_TRIGGER_CLASS = getMenuItemClasses({
     isSub: true
 });
-const MenuSub = ({ label, icon, children, disabled = false, sideOffset = 22 })=>{
+const MenuSub = ({ label, icon, children, disabled = false, sideOffset = 20 })=>{
     const subMenuId = useUniqueId("av-menu-sub-");
     const [isSubOpen, setIsSubOpen] = useState(false);
     const [subActiveIndex, setSubActiveIndex] = useState(-1);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "6.4.1",
+	"version": "6.5.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "9b3d8367c048aaba7609111f9d204683895ff780"
+	"gitHead": "246529f9d6a79406fe3f2e647f2cf0084fb2733e"
 }