@fabio.caffarello/react-design-system 1.23.9 → 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/dist/ui/primitives/Textarea/Textarea.d.ts

@@ -2,19 +2,24 @@ import type { TextareaHTMLAttributes } from "react";
 interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     error?: boolean;
     resize?: "none" | "both" | "horizontal" | "vertical";
+    label?: string;
 }
 /**
  * Textarea Component
  *
  * A styled textarea component for longer text input.
- * Follows Atomic Design principles as an Atom component.
+ *
+ * For an accessible name, supply ONE of:
+ *  - `label` prop (renders a visible `<label>` above the textarea), OR
+ *  - `aria-label` / `aria-labelledby`, OR
+ *  - an external `<Label htmlFor={id}>` paired with the same `id` prop
+ *    (use the Label primitive when you need `variant="required" | "optional"`).
+ *
+ * In development, a missing accessible name logs a warning to the console.
  *
  * @example
  * ```tsx
- * <Textarea
- *   placeholder="Enter description..."
- *   rows={4}
- * />
+ * <Textarea label="Description" rows={4} />
  * ```
  */
 declare const Textarea: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLTextAreaElement>>;

package/package.json

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