@cytario/design 9.6.0 → 9.6.1

package/dist/index.d.ts

@@ -464,6 +464,10 @@ interface UseContextMenuResult {
      */
     triggerProps: {
         onPress: (event: PressEvent) => void;
+        onClick: (event: React.MouseEvent) => void;
+        "aria-haspopup": "menu";
+        "aria-expanded": boolean;
+        "aria-controls": string | undefined;
     };
     /** Render this wherever — it portals itself. */
     menu: ReactNode;

package/dist/index.js

@@ -2204,14 +2204,14 @@ function Menu2({
 import {
   useCallback as useCallback3,
   useEffect as useEffect3,
+  useId as useId2,
   useRef as useRef5,
   useState as useState7
 } from "react";
 import {
   Menu as AriaMenu2,
   MenuTrigger as MenuTrigger2,
-  Popover as Popover3,
-  Pressable
+  Popover as Popover3
 } from "react-aria-components";
 import { twMerge as twMerge16 } from "tailwind-merge";
 import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -2220,6 +2220,7 @@ function useContextMenu({
   onAction,
   className
 }) {
+  const popoverId = useId2();
   const [anchor, setAnchor] = useState7(null);
   const anchorRef = useRef5(null);
   const popoverRef = useRef5(null);
@@ -2264,25 +2265,28 @@ function useContextMenu({
         if (!open) close();
       },
       children: [
-        /* @__PURE__ */ jsx30(Pressable, { children: /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx30(
           "span",
           {
             ref: anchorRef,
             "aria-hidden": true,
+            tabIndex: -1,
             className: "pointer-events-none fixed h-0 w-0",
             style: { left: anchor?.x ?? 0, top: anchor?.y ?? 0 }
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsx30(
           Popover3,
           {
             isNonModal: true,
+            triggerRef: anchorRef,
             placement: "bottom start",
             ref: popoverRef,
             className: twMerge16(popoverStyles, className),
             children: /* @__PURE__ */ jsx30(
               AriaMenu2,
               {
+                id: popoverId,
                 autoFocus: "first",
                 onAction: (key) => {
                   onAction?.(String(key));
@@ -2299,7 +2303,15 @@ function useContextMenu({
   );
   return {
     targetProps: { onContextMenu },
-    triggerProps: { onPress },
+    triggerProps: {
+      onPress,
+      onClick: (e) => {
+        e.preventDefault();
+      },
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? popoverId : void 0
+    },
     menu,
     isOpen,
     close