@mcp-b/react-components 0.34.1 → 0.36.0

package/dist/components/foundations/ContextMenu.js

@@ -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/EmptyState.d.ts

@@ -18,7 +18,8 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
  * region is the container's job, not this component's; set
  * `--sigvelo-recipe-empty-state-padding-block` where a roomier well is wanted.
  *
- * `children` replaces the whole stack, for the cases that need an action.
+ * `children` land under the description, for the action that makes the region
+ * non-empty.
  *
  * @example
  * ```tsx
@@ -28,7 +29,9 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
  *   icon={<MessageIcon />}
  *   title="Start a conversation"
  *   description="Ask the agent to inspect, plan, or build."
- * />
+ * >
+ *   <Button size="sm">New thread</Button>
+ * </EmptyState>
  * ```
  */
 declare function EmptyState({

package/dist/components/foundations/EmptyState.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/EmptyState.tsx
 /**
 * Placeholder for a region that has nothing in it yet.
@@ -11,7 +11,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * region is the container's job, not this component's; set
 * `--sigvelo-recipe-empty-state-padding-block` where a roomier well is wanted.
 *
-* `children` replaces the whole stack, for the cases that need an action.
+* `children` land under the description, for the action that makes the region
+* non-empty.
 *
 * @example
 * ```tsx
@@ -21,15 +22,17 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 *   icon={<MessageIcon />}
 *   title="Start a conversation"
 *   description="Ask the agent to inspect, plan, or build."
-* />
+* >
+*   <Button size="sm">New thread</Button>
+* </EmptyState>
 * ```
 */
 function EmptyState({ className, icon, title, description, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cx("empty-state", className),
 		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+		children: [
 			icon ? /* @__PURE__ */ jsx("span", {
 				className: "empty-state__icon",
 				"aria-hidden": "true",
@@ -42,8 +45,9 @@ function EmptyState({ className, icon, title, description, children, ref, ...pro
 			description ? /* @__PURE__ */ jsx("div", {
 				className: "empty-state__description",
 				children: description
-			}) : null
-		] })
+			}) : null,
+			children
+		]
 	});
 }
 //#endregion

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

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

@@ -6,57 +6,56 @@ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 /**
  * Props for the Menubar component.
  */
-interface MenubarProps extends React.ComponentPropsWithoutRef<typeof Menubar$1> {}
+interface MenubarProps extends React.ComponentPropsWithRef<typeof Menubar$1> {}
 /**
  * Props for the Menubar.Menu component.
  */
-interface MenubarMenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
+type MenubarMenuProps<Payload = unknown> = Menu.Root.Props<Payload>;
 /**
  * Props for the Menubar.Trigger component.
  */
-interface MenubarTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.Trigger> {
-  /** Skip the default Button chrome when a composed control owns its visuals. */
-  unstyled?: boolean;
-}
+type MenubarTriggerProps<Payload = unknown> = Menu.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
+  /** Skip the default Button chrome when a composed control owns its visuals. */unstyled?: boolean;
+};
 /**
  * Props for the Menubar.Portal component.
  */
-interface MenubarPortalProps extends React.ComponentPropsWithoutRef<typeof Menu.Portal> {}
+interface MenubarPortalProps extends React.ComponentPropsWithRef<typeof Menu.Portal> {}
 /**
  * Props for the Menubar.Positioner component.
  */
-interface MenubarPositionerProps extends React.ComponentPropsWithoutRef<typeof Menu.Positioner> {}
+interface MenubarPositionerProps extends React.ComponentPropsWithRef<typeof Menu.Positioner> {}
 /**
  * Props for the Menubar.Popup component.
  */
-interface MenubarPopupProps extends React.ComponentPropsWithoutRef<typeof Menu.Popup> {}
+interface MenubarPopupProps extends React.ComponentPropsWithRef<typeof Menu.Popup> {}
 /**
  * Props for the Menubar.Item component.
  */
-interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof Menu.Item> {
+interface MenubarItemProps extends React.ComponentPropsWithRef<typeof Menu.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
 /**
  * Props for the Menubar.Separator component.
  */
-interface MenubarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Menu.Separator> {}
+interface MenubarSeparatorProps extends React.ComponentPropsWithRef<typeof Menu.Separator> {}
 /**
  * Props for the Menubar.Group component.
  */
-interface MenubarGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.Group> {}
+interface MenubarGroupProps extends React.ComponentPropsWithRef<typeof Menu.Group> {}
 /**
  * Props for the Menubar.GroupLabel component.
  */
-interface MenubarGroupLabelProps extends React.ComponentPropsWithoutRef<typeof Menu.GroupLabel> {
+interface MenubarGroupLabelProps extends React.ComponentPropsWithRef<typeof Menu.GroupLabel> {
   inset?: boolean;
 }
-interface MenubarCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {}
-interface MenubarRadioGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioGroup> {}
-interface MenubarRadioItemProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItem> {}
-interface MenubarShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenubarSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
-interface MenubarSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
+interface MenubarCheckboxItemProps extends React.ComponentPropsWithRef<typeof Menu.CheckboxItem> {}
+interface MenubarRadioGroupProps extends React.ComponentPropsWithRef<typeof Menu.RadioGroup> {}
+interface MenubarRadioItemProps extends React.ComponentPropsWithRef<typeof Menu.RadioItem> {}
+interface MenubarShortcutProps extends React.ComponentPropsWithRef<"span"> {}
+interface MenubarSubmenuRootProps extends Menu.SubmenuRoot.Props {}
+interface MenubarSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof Menu.SubmenuTrigger> {
   inset?: boolean;
 }
 /**
@@ -86,20 +85,16 @@ declare function MenubarRoot({
   className,
   ref,
   ...props
-}: MenubarProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarProps): React.JSX.Element;
 /**
  * Button that opens the menu.
  */
-declare function MenubarTrigger({
+declare function MenubarTrigger<Payload>({
   unstyled,
   className,
   ref,
   ...props
-}: MenubarTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: MenubarTriggerProps<Payload>): React.JSX.Element;
 /**
  * Positions the menu popup.
  */
@@ -107,9 +102,7 @@ declare function MenubarPositioner({
   className,
   ref,
   ...props
-}: MenubarPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
@@ -117,9 +110,7 @@ declare function MenubarPopup({
   className,
   ref,
   ...props
-}: MenubarPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarPopupProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -129,9 +120,7 @@ declare function MenubarItem({
   variant,
   ref,
   ...props
-}: MenubarItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarItemProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
@@ -139,9 +128,7 @@ declare function MenubarSeparator({
   className,
   ref,
   ...props
-}: MenubarSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarSeparatorProps): React.JSX.Element;
 /**
  * Groups related menu items.
  */
@@ -149,9 +136,7 @@ declare function MenubarGroup({
   className,
   ref,
   ...props
-}: MenubarGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarGroupProps): React.JSX.Element;
 /**
  * Label for a menu item group.
  */
@@ -160,16 +145,12 @@ declare function MenubarGroupLabel({
   inset,
   ref,
   ...props
-}: MenubarGroupLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarGroupLabelProps): React.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   ref,
   ...props
-}: MenubarCheckboxItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarCheckboxItemProps): React.JSX.Element;
 declare function MenubarCheckboxItemIndicator({
   children,
   className,
@@ -179,16 +160,12 @@ declare function MenubarRadioGroup({
   className,
   ref,
   ...props
-}: MenubarRadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarRadioGroupProps): React.JSX.Element;
 declare function MenubarRadioItem({
   className,
   ref,
   ...props
-}: MenubarRadioItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarRadioItemProps): React.JSX.Element;
 declare function MenubarRadioItemIndicator({
   children,
   className,
@@ -198,18 +175,13 @@ declare function MenubarShortcut({
   className,
   ref,
   ...props
-}: MenubarShortcutProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function MenubarSubmenuRoot(props: MenubarSubmenuRootProps): React.JSX.Element;
+}: MenubarShortcutProps): React.JSX.Element;
 declare function MenubarSubmenuTrigger({
   className,
   inset,
   ref,
   ...props
-}: MenubarSubmenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarSubmenuTriggerProps): React.JSX.Element;
 /**
  * A horizontal menu bar component typically used for application menus.
  * Provides keyboard navigation and supports nested submenus.
@@ -253,13 +225,12 @@ declare function MenubarSubmenuTrigger({
  */
 declare const Menubar: {
   Root: typeof MenubarRoot;
-  Menu: (props: MenubarMenuProps) => React.JSX.Element;
+  Menu: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
   Trigger: typeof MenubarTrigger;
-  Portal: (props: MenubarPortalProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenubarPositioner;
   Popup: typeof MenubarPopup;
   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 MenubarItem;
   Separator: typeof MenubarSeparator;
   Group: typeof MenubarGroup;
@@ -271,7 +242,7 @@ declare const Menubar: {
   RadioItem: typeof MenubarRadioItem;
   RadioItemIndicator: typeof MenubarRadioItemIndicator;
   Shortcut: typeof MenubarShortcut;
-  SubmenuRoot: typeof MenubarSubmenuRoot;
+  SubmenuRoot: typeof Menu.SubmenuRoot;
   SubmenuTrigger: typeof MenubarSubmenuTrigger;
 };
 //#endregion

package/dist/components/foundations/Menubar.js

@@ -38,12 +38,6 @@ function MenubarRoot({ className, ref, ...props }) {
 	});
 }
 /**
-* Individual menu within the menubar.
-*/
-const MenubarMenu = (props) => {
-	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
-};
-/**
 * Button that opens the menu.
 */
 function MenubarTrigger({ unstyled = false, className, ref, ...props }) {
@@ -62,15 +56,6 @@ function MenubarTrigger({ unstyled = false, className, ref, ...props }) {
 	});
 }
 /**
-* Renders menu content in a portal.
-*/
-const MenubarPortal = (props) => {
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		"data-slot": "menubar-portal",
-		...props
-	});
-};
-/**
 * Positions the menu popup.
 */
 function MenubarPositioner({ className, ref, ...props }) {
@@ -196,9 +181,6 @@ function MenubarShortcut({ className, ref, ...props }) {
 		...props
 	});
 }
-function MenubarSubmenuRoot(props) {
-	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
-}
 function MenubarSubmenuTrigger({ className, inset, ref, ...props }) {
 	const classes = mergeBaseClassName(cx("menubar__submenu-trigger", inset && "menubar__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
@@ -252,13 +234,12 @@ function MenubarSubmenuTrigger({ className, inset, ref, ...props }) {
 */
 const Menubar = {
 	Root: MenubarRoot,
-	Menu: MenubarMenu,
+	Menu: Menu.Root,
 	Trigger: MenubarTrigger,
-	Portal: MenubarPortal,
+	Portal: Menu.Portal,
 	Positioner: MenubarPositioner,
 	Popup: MenubarPopup,
 	Backdrop: Menu.Backdrop,
-	Arrow: Menu.Arrow,
 	Item: MenubarItem,
 	Separator: MenubarSeparator,
 	Group: MenubarGroup,
@@ -270,7 +251,7 @@ const Menubar = {
 	RadioItem: MenubarRadioItem,
 	RadioItemIndicator: MenubarRadioItemIndicator,
 	Shortcut: MenubarShortcut,
-	SubmenuRoot: MenubarSubmenuRoot,
+	SubmenuRoot: Menu.SubmenuRoot,
 	SubmenuTrigger: MenubarSubmenuTrigger
 };
 //#endregion