@mcp-b/react-components 0.35.0 → 0.37.0

package/dist/components/foundations/ContextMenu.d.ts

@@ -5,56 +5,73 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 /**
  * Props for the ContextMenu.Root component.
  */
-interface ContextMenuProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Root> {}
+interface ContextMenuProps extends ContextMenu$1.Root.Props {}
 /**
  * Props for the ContextMenu.Trigger component.
  */
-interface ContextMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Trigger> {}
+interface ContextMenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Trigger> {}
 /**
  * Props for the ContextMenu.Portal component.
  */
-interface ContextMenuPortalProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Portal> {}
+interface ContextMenuPortalProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Portal> {}
 /**
  * Props for the ContextMenu.Positioner component.
  */
-interface ContextMenuPositionerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Positioner> {}
+interface ContextMenuPositionerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Positioner> {}
 /**
  * Props for the ContextMenu.Popup component.
  */
-interface ContextMenuPopupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Popup> {}
+interface ContextMenuPopupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Popup> {}
 /**
  * Props for the ContextMenu.Item component.
  */
-interface ContextMenuItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Item> {
+interface ContextMenuItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
 /**
  * Props for the ContextMenu.Separator component.
  */
-interface ContextMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Separator> {}
-interface ContextMenuGroupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Group> {}
-interface ContextMenuGroupLabelProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.GroupLabel> {
+interface ContextMenuSeparatorProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Separator> {}
+interface ContextMenuGroupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Group> {}
+interface ContextMenuGroupLabelProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.GroupLabel> {
   inset?: boolean;
 }
-interface ContextMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.CheckboxItem> {}
-interface ContextMenuRadioGroupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.RadioGroup> {}
-interface ContextMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.RadioItem> {}
-interface ContextMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface ContextMenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuRoot> {}
-interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuTrigger> {
+interface ContextMenuCheckboxItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.CheckboxItem> {}
+interface ContextMenuRadioGroupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.RadioGroup> {}
+interface ContextMenuRadioItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.RadioItem> {}
+interface ContextMenuShortcutProps extends React.ComponentPropsWithRef<"span"> {}
+interface ContextMenuSubmenuRootProps extends ContextMenu$1.SubmenuRoot.Props {}
+interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.SubmenuTrigger> {
   inset?: boolean;
 }
 /**
- * Interactive area that activates the menu on right-click or long-press.
+ * Root component that manages context menu state.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu.Root>
+ *   <ContextMenu.Trigger>Right click here</ContextMenu.Trigger>
+ *   <ContextMenu.Portal>
+ *     <ContextMenu.Positioner>
+ *       <ContextMenu.Popup>
+ *         <ContextMenu.Item>Cut</ContextMenu.Item>
+ *         <ContextMenu.Item>Copy</ContextMenu.Item>
+ *         <ContextMenu.Item>Paste</ContextMenu.Item>
+ *       </ContextMenu.Popup>
+ *     </ContextMenu.Positioner>
+ *   </ContextMenu.Portal>
+ * </ContextMenu.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
+/** Interactive area that activates the menu on right-click or long-press. */
 declare function ContextMenuTrigger({
   className,
   ref,
   ...props
-}: ContextMenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuTriggerProps): React.JSX.Element;
 /**
  * Positions the menu at the pointer location.
  */
@@ -62,9 +79,7 @@ declare function ContextMenuPositioner({
   className,
   ref,
   ...props
-}: ContextMenuPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
@@ -72,9 +87,7 @@ declare function ContextMenuPopup({
   className,
   ref,
   ...props
-}: ContextMenuPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuPopupProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -84,9 +97,7 @@ declare function ContextMenuItem({
   variant,
   ref,
   ...props
-}: ContextMenuItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuItemProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
@@ -94,31 +105,23 @@ declare function ContextMenuSeparator({
   className,
   ref,
   ...props
-}: ContextMenuSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuSeparatorProps): React.JSX.Element;
 declare function ContextMenuGroup({
   className,
   ref,
   ...props
-}: ContextMenuGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuGroupProps): React.JSX.Element;
 declare function ContextMenuGroupLabel({
   className,
   inset,
   ref,
   ...props
-}: ContextMenuGroupLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuGroupLabelProps): React.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
   ref,
   ...props
-}: ContextMenuCheckboxItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuCheckboxItemProps): React.JSX.Element;
 declare function ContextMenuCheckboxItemIndicator({
   children,
   className,
@@ -128,16 +131,12 @@ declare function ContextMenuRadioGroup({
   className,
   ref,
   ...props
-}: ContextMenuRadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuRadioGroupProps): React.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
   ref,
   ...props
-}: ContextMenuRadioItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuRadioItemProps): React.JSX.Element;
 declare function ContextMenuRadioItemIndicator({
   children,
   className,
@@ -147,18 +146,13 @@ declare function ContextMenuShortcut({
   className,
   ref,
   ...props
-}: ContextMenuShortcutProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function ContextMenuSubmenuRoot(props: ContextMenuSubmenuRootProps): React.JSX.Element;
+}: ContextMenuShortcutProps): React.JSX.Element;
 declare function ContextMenuSubmenuTrigger({
   className,
   inset,
   ref,
   ...props
-}: ContextMenuSubmenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuSubmenuTriggerProps): React.JSX.Element;
 /**
  * A context menu that appears at the pointer on right-click or long-press.
  * Provides keyboard navigation and supports nested submenus.
@@ -189,13 +183,12 @@ declare function ContextMenuSubmenuTrigger({
  * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
 declare const ContextMenu: {
-  Root: (props: ContextMenuProps) => React.JSX.Element;
+  Root: typeof ContextMenu$1.Root;
   Trigger: typeof ContextMenuTrigger;
-  Portal: (props: ContextMenuPortalProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ContextMenuPositioner;
   Popup: typeof ContextMenuPopup;
   Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Arrow: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Item: typeof ContextMenuItem;
   Separator: typeof ContextMenuSeparator;
   Group: typeof ContextMenuGroup;
@@ -207,7 +200,7 @@ declare const ContextMenu: {
   RadioItem: typeof ContextMenuRadioItem;
   RadioItemIndicator: typeof ContextMenuRadioItemIndicator;
   Shortcut: typeof ContextMenuShortcut;
-  SubmenuRoot: typeof ContextMenuSubmenuRoot;
+  SubmenuRoot: typeof ContextMenu$1.SubmenuRoot;
   SubmenuTrigger: typeof ContextMenuSubmenuTrigger;
 };
 //#endregion

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
@@ -25,15 +25,7 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 *
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
-const ContextMenuRoot = (props) => {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Root, {
-		"data-slot": "context-menu",
-		...props
-	});
-};
-/**
-* Interactive area that activates the menu on right-click or long-press.
-*/
+/** Interactive area that activates the menu on right-click or long-press. */
 function ContextMenuTrigger({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("context-menu__trigger", className);
 	return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
@@ -44,15 +36,6 @@ function ContextMenuTrigger({ className, ref, ...props }) {
 	});
 }
 /**
-* Renders menu content in a portal.
-*/
-const ContextMenuPortal = (props) => {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
-		"data-slot": "context-menu-portal",
-		...props
-	});
-};
-/**
 * Positions the menu at the pointer location.
 */
 function ContextMenuPositioner({ className, ref, ...props }) {
@@ -172,12 +155,6 @@ function ContextMenuShortcut({ className, ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuSubmenuRoot(props) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, {
-		"data-slot": "context-menu-sub",
-		...props
-	});
-}
 function ContextMenuSubmenuTrigger({ className, inset, ref, ...props }) {
 	const classes = mergeBaseClassName(["context-menu__submenu-trigger", inset && "context-menu__item--inset"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuTrigger, {
@@ -218,13 +195,12 @@ function ContextMenuSubmenuTrigger({ className, inset, ref, ...props }) {
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
 const ContextMenu = {
-	Root: ContextMenuRoot,
+	Root: ContextMenu$1.Root,
 	Trigger: ContextMenuTrigger,
-	Portal: ContextMenuPortal,
+	Portal: ContextMenu$1.Portal,
 	Positioner: ContextMenuPositioner,
 	Popup: ContextMenuPopup,
 	Backdrop: ContextMenu$1.Backdrop,
-	Arrow: ContextMenu$1.Arrow,
 	Item: ContextMenuItem,
 	Separator: ContextMenuSeparator,
 	Group: ContextMenuGroup,
@@ -236,7 +212,7 @@ const ContextMenu = {
 	RadioItem: ContextMenuRadioItem,
 	RadioItemIndicator: ContextMenuRadioItemIndicator,
 	Shortcut: ContextMenuShortcut,
-	SubmenuRoot: ContextMenuSubmenuRoot,
+	SubmenuRoot: ContextMenu$1.SubmenuRoot,
 	SubmenuTrigger: ContextMenuSubmenuTrigger
 };
 //#endregion

package/dist/components/foundations/DescriptionList.d.ts

@@ -1,6 +1,38 @@
-import { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListRootProps, DescriptionListTerm } from "./DescriptionListParts.js";
+import * as React from "react";
 
 //#region src/components/foundations/DescriptionList.d.ts
+interface DescriptionListRootProps extends React.HTMLAttributes<HTMLDListElement> {
+  variant?: "plain" | "divided";
+}
+declare function DescriptionListRoot({
+  className,
+  ref,
+  variant,
+  ...props
+}: DescriptionListRootProps & {
+  ref?: React.Ref<HTMLDListElement>;
+}): React.JSX.Element;
+declare function DescriptionListItem({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement> & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DescriptionListTerm({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLElement> & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+declare function DescriptionListDetails({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLElement> & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
 /** Compact label/value facts with consistent wrapping and alignment. */
 declare const DescriptionList: {
   Root: typeof DescriptionListRoot;
@@ -9,4 +41,4 @@ declare const DescriptionList: {
   Details: typeof DescriptionListDetails;
 };
 //#endregion
-export { DescriptionList, type DescriptionListRootProps };
+export { DescriptionList };

package/dist/components/foundations/DescriptionList.js

@@ -1,5 +1,36 @@
-import { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListTerm } from "./DescriptionListParts.js";
-//#region src/components/foundations/DescriptionList.ts
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/foundations/DescriptionList.tsx
+function DescriptionListRoot({ className, ref, variant = "plain", ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		ref,
+		className: cx("description-list", className),
+		"data-variant": variant,
+		...props
+	});
+}
+function DescriptionListItem({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("description-list__item", className),
+		...props
+	});
+}
+function DescriptionListTerm({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		ref,
+		className: cx("description-list__term", className),
+		...props
+	});
+}
+function DescriptionListDetails({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		ref,
+		className: cx("description-list__details", className),
+		...props
+	});
+}
 /** Compact label/value facts with consistent wrapping and alignment. */
 const DescriptionList = {
 	Root: DescriptionListRoot,

package/dist/components/foundations/Dialog.d.ts

@@ -1,2 +1,2 @@
-import { a as DialogFooterProps, c as DialogPortalProps, d as DialogTriggerProps, f as DialogViewportProps, i as DialogDescriptionProps, l as DialogProps, n as DialogBackdropProps, o as DialogHeaderProps, r as DialogCloseProps, s as DialogPopupProps, t as Dialog, u as DialogTitleProps } from "../../Dialog-DeOSJ0Oy.js";
+import { a as DialogFooterProps, c as DialogPortalProps, d as DialogTriggerProps, f as DialogViewportProps, i as DialogDescriptionProps, l as DialogProps, n as DialogBackdropProps, o as DialogHeaderProps, r as DialogCloseProps, s as DialogPopupProps, t as Dialog, u as DialogTitleProps } from "../../Dialog-B_FhRWaz.js";
 export { Dialog, DialogBackdropProps, DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogViewportProps };

package/dist/components/foundations/Dialog.js

@@ -26,7 +26,7 @@ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 *
 * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
 */
-function DialogTrigger({ render, className, ...props }) {
+function DialogTrigger({ render, className, ref, ...props }) {
 	const classes = mergeBaseClassName(render == null ? buttonVariants({
 		variant: "normal",
 		color: "primary",
@@ -34,6 +34,7 @@ function DialogTrigger({ render, className, ...props }) {
 		className: "dialog__trigger"
 	}) : "dialog__trigger", className);
 	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		ref,
 		"data-slot": "dialog-trigger",
 		render,
 		className: classes,

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

@@ -1,2 +1,2 @@
-import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-DVmjBIuM.js";
+import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-yb6QXWA3.js";
 export { Menu, MenuArrowProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuProps, MenuRadioGroupProps, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuSeparatorProps, MenuShortcutProps, MenuSubmenuRootProps, MenuSubmenuTriggerProps, MenuTriggerProps, MenuViewportProps };

package/dist/components/foundations/Menu.js

@@ -23,12 +23,6 @@ import { Menu as Menu$1 } from "@base-ui/react/menu";
 *
 * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
 */
-const MenuRoot = (props) => {
-	return /* @__PURE__ */ jsx(Menu$1.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-};
 /**
 * Button that toggles the menu visibility.
 */
@@ -45,12 +39,6 @@ function MenuTrigger({ className, unstyled = false, ref, ...props }) {
 /**
 * Renders menu content in a portal.
 */
-const MenuPortal = (props) => {
-	return /* @__PURE__ */ jsx(Menu$1.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-};
 /**
 * Positions the menu popup relative to the trigger.
 */
@@ -220,12 +208,6 @@ function MenuShortcut({ className, ref, ...props }) {
 		...props
 	});
 }
-function MenuSubmenuRoot(props) {
-	return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
 /**
 * Trigger that opens a submenu.
 */
@@ -283,9 +265,9 @@ function MenuSubmenuTrigger({ className, inset, ref, ...props }) {
 */
 const Menu = {
 	createHandle: Menu$1.createHandle,
-	Root: MenuRoot,
+	Root: Menu$1.Root,
 	Trigger: MenuTrigger,
-	Portal: MenuPortal,
+	Portal: Menu$1.Portal,
 	Positioner: MenuPositioner,
 	Popup: MenuPopup,
 	Viewport: MenuViewport,
@@ -302,7 +284,7 @@ const Menu = {
 	CheckboxItem: MenuCheckboxItem,
 	CheckboxItemIndicator: MenuCheckboxItemIndicator,
 	Shortcut: MenuShortcut,
-	SubmenuRoot: MenuSubmenuRoot,
+	SubmenuRoot: Menu$1.SubmenuRoot,
 	SubmenuTrigger: MenuSubmenuTrigger
 };
 //#endregion