@fabio.caffarello/react-design-system 1.23.10 → 1.23.11

package/dist/ui/components/Menu/Menu.d.ts

@@ -35,7 +35,7 @@ export interface MenuProps {
  */
 declare function Menu({ children, open: controlledOpen, defaultOpen, onOpenChange, placement, }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Menu {
-    var Trigger: import("react").ForwardRefExoticComponent<import("./MenuTrigger").MenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+    var Trigger: import("react").ForwardRefExoticComponent<import("./MenuTrigger").MenuTriggerProps & import("react").RefAttributes<HTMLElement>>;
     var Content: typeof MenuContent;
     var Item: import("react").ForwardRefExoticComponent<import("./MenuItem").MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
     var Separator: typeof MenuSeparator;

package/dist/ui/components/Menu/MenuTrigger.d.ts

@@ -1,13 +1,35 @@
 import { type ReactNode, type HTMLAttributes } from "react";
-export interface MenuTriggerProps extends HTMLAttributes<HTMLDivElement> {
+export interface MenuTriggerProps extends HTMLAttributes<HTMLElement> {
     children: ReactNode;
+    /**
+     * Controls whether MenuTrigger merges its trigger semantics (`role`,
+     * `aria-haspopup`, `aria-expanded`, `tabIndex`, `onClick`, `ref`) onto
+     * its single child, or wraps the child in a `<div role="button">`.
+     *
+     * - `true` — always clone the (single, valid) child. Throws via
+     *   `React.Children.only` if children aren't a single element.
+     * - `false` — always wrap in a `<div role="button">` (legacy behavior).
+     * - `undefined` (default) — infer: clone when there is exactly one
+     *   valid React element child; otherwise wrap. This default avoids
+     *   nested-interactive when the canonical
+     *   `<MenuTrigger><Button/></MenuTrigger>` pattern is used.
+     *
+     * Note on history: prior versions accepted this prop but never altered
+     * the rendered DOM (the wrapper rendered unconditionally) AND a stale
+     * `if (!asChild) setIsOpen(...)` gate suppressed the toggle when
+     * `asChild={true}` was set. Both were broken contracts — this version
+     * implements `asChild` structurally and removes the gate.
+     */
     asChild?: boolean;
 }
 /**
  * MenuTrigger Component
  *
- * The trigger element that opens/closes the menu.
- * Must be used within a Menu component.
+ * The trigger element that opens/closes the menu. Must be used within a
+ * `<Menu>`. By default, when given a single valid React element child,
+ * merges trigger semantics onto that child (no wrapper) — so the typical
+ * `<MenuTrigger><Button>Open</Button></MenuTrigger>` renders a single
+ * `<button>` instead of a `<div role="button">` wrapping a `<button>`.
  */
-declare const MenuTrigger: import("react").ForwardRefExoticComponent<MenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuTrigger: import("react").ForwardRefExoticComponent<MenuTriggerProps & import("react").RefAttributes<HTMLElement>>;
 export default MenuTrigger;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabio.caffarello/react-design-system",
   "private": false,
-  "version": "1.23.10",
+  "version": "1.23.11",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",