@mcp-b/react-components 0.12.0 → 0.14.0

package/dist/components/Combobox.js

@@ -30,7 +30,11 @@ function Clear({ className = "", ref, ...props }) {
 	});
 }
 function ComboboxPositioner({ className = "", ref, ...props }) {
-	const classes = ["combobox__positioner", className].filter(Boolean).join(" ");
+	const classes = [
+		"combobox__positioner",
+		"base-ui-positioner",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
 		ref,
 		"data-slot": "combobox-positioner",
@@ -39,7 +43,11 @@ function ComboboxPositioner({ className = "", ref, ...props }) {
 	});
 }
 function ComboboxPopup({ className = "", tabIndex = 0, ref, ...props }) {
-	const classes = ["combobox__popup", className].filter(Boolean).join(" ");
+	const classes = [
+		"combobox__popup",
+		"base-ui-popup",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Combobox$1.Popup, {
 		ref,
 		"data-slot": "combobox-content",
@@ -93,7 +101,7 @@ function ComboboxGroup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxLabel({ className = "", ref, ...props }) {
+function ComboboxGroupLabel({ className = "", ref, ...props }) {
 	const classes = ["combobox__group-label", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
 		ref,
@@ -142,17 +150,10 @@ function ComboboxLabel({ className = "", ref, ...props }) {
 *
 * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
 */
-const ComboboxContent = ComboboxPopup;
-const ComboboxValue = Combobox$1.Value;
-const ComboboxChips = Combobox$1.Chips;
-const ComboboxChip = Combobox$1.Chip;
-const ComboboxChipsInput = ComboboxInput;
-const ComboboxCollection = Combobox$1.Collection;
-const ComboboxSeparator = Combobox$1.Separator;
 function useComboboxAnchor() {
 	return React.useRef(null);
 }
-const Combobox = Object.assign(Combobox$1.Root, {
+const Combobox = {
 	Root: Combobox$1.Root,
 	Input: ComboboxInput,
 	Trigger: ComboboxTrigger,
@@ -160,20 +161,17 @@ const Combobox = Object.assign(Combobox$1.Root, {
 	Portal: Combobox$1.Portal,
 	Positioner: ComboboxPositioner,
 	Popup: ComboboxPopup,
-	Content: ComboboxContent,
 	List: ComboboxList,
 	Item: ComboboxItem,
 	ItemIndicator,
 	Empty: ComboboxEmpty,
 	Group: ComboboxGroup,
-	GroupLabel: ComboboxLabel,
-	Label: ComboboxLabel,
-	Value: ComboboxValue,
-	Chips: ComboboxChips,
-	Chip: ComboboxChip,
-	ChipsInput: ComboboxChipsInput,
-	Collection: ComboboxCollection,
-	Separator: ComboboxSeparator
-});
+	GroupLabel: ComboboxGroupLabel,
+	Value: Combobox$1.Value,
+	Chips: Combobox$1.Chips,
+	Chip: Combobox$1.Chip,
+	Collection: Combobox$1.Collection,
+	Separator: Combobox$1.Separator
+};
 //#endregion
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+export { Combobox, useComboboxAnchor };

package/dist/components/Commit.d.ts

@@ -1,10 +1,10 @@
-import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
-import { t as CopyButtonProps } from "../copy-button-BKXqGiNm.js";
+import { Collapsible } from "./Collapsible.js";
+import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.js";
 import * as React from "react";
 
 //#region src/components/Commit.d.ts
 type CommitFileStatusValue = "added" | "modified" | "deleted" | "renamed";
-interface CommitProps extends Omit<CollapsibleRootProps, "className" | "unstyled"> {
+interface CommitProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
   className?: string;
 }
 /**
@@ -50,7 +50,7 @@ declare function Commit({
 }: CommitProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface CommitHeaderProps extends Omit<CollapsibleTriggerProps, "className" | "unstyled"> {
+interface CommitHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
   className?: string;
 }
 declare function CommitHeader({
@@ -167,7 +167,7 @@ declare function CommitActions({
 }: CommitActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface CommitContentProps extends Omit<CollapsiblePanelProps, "className" | "unstyled"> {
+interface CommitContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
   className?: string;
 }
 declare function CommitContent({

package/dist/components/Commit.js

@@ -1,7 +1,7 @@
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { c as ChevronRightIcon, h as FileIcon } from "../icons-D2Q5n5C1.js";
-import { t as CopyButton } from "../copy-button-C6JSKtFE.js";
+import { c as ChevronRightIcon, h as FileIcon } from "../icons-Ba9THQKz.js";
+import { t as CopyButton } from "../copy-button-DUMLYdsk.js";
 import { Avatar } from "./Avatar.js";
 import { Badge } from "./Badge.js";
 import "react";
@@ -56,7 +56,7 @@ const FILE_STATUS_LABEL = {
 * ```
 */
 function Commit({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsibleRoot, {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,
 		className: cx("commit", className),
 		...props,
@@ -64,7 +64,7 @@ function Commit({ className, ref, ...props }) {
 	});
 }
 function CommitHeader({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
 		ref,
 		className: cx("commit__header", className),
 		...props,
@@ -168,7 +168,7 @@ function CommitActions({ className, children, ref, ...props }) {
 	});
 }
 function CommitContent({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		ref,
 		className: cx("commit__content", className),
 		...props,

package/dist/components/Context.js

@@ -67,7 +67,11 @@ function Context({ className, usedTokens, maxTokens, usage, modelId, totalCostUs
 function ContextTrigger({ className, children, ...props }) {
 	const { usedTokens, maxTokens } = useContextContext();
 	const percent = maxTokens > 0 ? usedTokens / maxTokens * 100 : 0;
-	if (React.isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, { render: children });
+	if (React.isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		className: cx("context__trigger", className),
+		...props,
+		render: children
+	});
 	if (children) return /* @__PURE__ */ jsx(Popover.Trigger, { children });
 	return /* @__PURE__ */ jsx(Popover.Trigger, {
 		className: cx("context__trigger", className),

package/dist/components/ContextMenu.d.ts

@@ -50,7 +50,7 @@ interface ContextMenuSeparatorProps extends Omit<React.ComponentPropsWithoutRef<
 interface ContextMenuGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenu$1.Group>, "className"> {
   className?: string;
 }
-interface ContextMenuLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenu$1.GroupLabel>, "className"> {
+interface ContextMenuGroupLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenu$1.GroupLabel>, "className"> {
   className?: string;
   inset?: boolean;
 }
@@ -64,36 +64,11 @@ interface ContextMenuRadioItemProps extends Omit<React.ComponentPropsWithoutRef<
   className?: string;
 }
 interface ContextMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface ContextMenuSubProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuRoot> {}
-interface ContextMenuSubTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuTrigger>, "className"> {
+interface ContextMenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuRoot> {}
+interface ContextMenuSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuTrigger>, "className"> {
   className?: string;
   inset?: boolean;
 }
-type ContextMenuPlacementProps = Pick<ContextMenuPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
-type ContextMenuContentProps = ContextMenuPopupProps & ContextMenuPlacementProps;
-type ContextMenuSubContentProps = ContextMenuContentProps;
-/**
- * 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}
- */
-declare const ContextMenuRoot: (props: ContextMenuProps) => React.JSX.Element;
 /**
  * Interactive area that activates the menu on right-click or long-press.
  */
@@ -104,10 +79,6 @@ declare function ContextMenuTrigger({
 }: ContextMenuTriggerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-/**
- * Renders menu content in a portal.
- */
-declare const ContextMenuPortal: (props: ContextMenuPortalProps) => React.JSX.Element;
 /**
  * Positions the menu at the pointer location.
  */
@@ -128,23 +99,6 @@ declare function ContextMenuPopup({
 }: ContextMenuPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function ContextMenuContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
-  ...props
-}: ContextMenuContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -174,22 +128,22 @@ declare function ContextMenuGroup({
 }: ContextMenuGroupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function ContextMenuLabel({
+declare function ContextMenuGroupLabel({
   className,
   inset,
   ref,
   ...props
-}: ContextMenuLabelProps & {
+}: ContextMenuGroupLabelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
-  children,
   ref,
   ...props
 }: ContextMenuCheckboxItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function ContextMenuCheckboxItemIndicator(props: ContextMenu$1.CheckboxItemIndicator.Props): React.JSX.Element;
 declare function ContextMenuRadioGroup({
   className,
   ref,
@@ -199,12 +153,12 @@ declare function ContextMenuRadioGroup({
 }): React.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
-  children,
   ref,
   ...props
 }: ContextMenuRadioItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function ContextMenuRadioItemIndicator(props: ContextMenu$1.RadioItemIndicator.Props): React.JSX.Element;
 declare function ContextMenuShortcut({
   className,
   ref,
@@ -212,22 +166,13 @@ declare function ContextMenuShortcut({
 }: ContextMenuShortcutProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function ContextMenuSub(props: ContextMenuSubProps): React.JSX.Element;
-declare function ContextMenuSubContent({
-  side,
-  align,
-  sideOffset,
-  ...props
-}: ContextMenuSubContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function ContextMenuSubTrigger({
+declare function ContextMenuSubmenuRoot(props: ContextMenuSubmenuRootProps): React.JSX.Element;
+declare function ContextMenuSubmenuTrigger({
   className,
   inset,
-  children,
   ref,
   ...props
-}: ContextMenuSubTriggerProps & {
+}: ContextMenuSubmenuTriggerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -259,24 +204,27 @@ declare function ContextMenuSubTrigger({
  *
  * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
-declare const ContextMenu: ((props: ContextMenuProps) => React.JSX.Element) & {
+declare const ContextMenu: {
   Root: (props: ContextMenuProps) => React.JSX.Element;
   Trigger: typeof ContextMenuTrigger;
   Portal: (props: ContextMenuPortalProps) => React.JSX.Element;
   Positioner: typeof ContextMenuPositioner;
   Popup: typeof ContextMenuPopup;
-  Content: typeof ContextMenuContent;
+  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;
-  Label: typeof ContextMenuLabel;
+  GroupLabel: typeof ContextMenuGroupLabel;
+  LinkItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
   CheckboxItem: typeof ContextMenuCheckboxItem;
+  CheckboxItemIndicator: typeof ContextMenuCheckboxItemIndicator;
   RadioGroup: typeof ContextMenuRadioGroup;
   RadioItem: typeof ContextMenuRadioItem;
+  RadioItemIndicator: typeof ContextMenuRadioItemIndicator;
   Shortcut: typeof ContextMenuShortcut;
-  Sub: typeof ContextMenuSub;
-  SubContent: typeof ContextMenuSubContent;
-  SubTrigger: typeof ContextMenuSubTrigger;
+  SubmenuRoot: typeof ContextMenuSubmenuRoot;
+  SubmenuTrigger: typeof ContextMenuSubmenuTrigger;
 };
 //#endregion
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuLabel, ContextMenuLabelProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuPortal, ContextMenuPortalProps, ContextMenuPositioner, ContextMenuPositionerProps, ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemProps, ContextMenuRoot, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuShortcut, ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTrigger, ContextMenuSubTriggerProps, ContextMenuTrigger, ContextMenuTriggerProps };
+export { ContextMenu, ContextMenuCheckboxItemProps, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuPositionerProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuShortcutProps, ContextMenuSubmenuRootProps, ContextMenuSubmenuTriggerProps, ContextMenuTriggerProps };

package/dist/components/ContextMenu.js

@@ -1,6 +1,6 @@
-import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
+import { a as CheckIcon, u as DotIcon } from "../icons-Ba9THQKz.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 //#region src/components/ContextMenu.tsx
 /**
@@ -55,7 +55,11 @@ const ContextMenuPortal = (props) => {
 * Positions the menu at the pointer location.
 */
 function ContextMenuPositioner({ className = "", ref, ...props }) {
-	const classes = ["context-menu__positioner", className].filter(Boolean).join(" ");
+	const classes = [
+		"context-menu__positioner",
+		"base-ui-positioner",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
 		ref,
 		"data-slot": "context-menu-positioner",
@@ -67,7 +71,11 @@ function ContextMenuPositioner({ className = "", ref, ...props }) {
 * Container for menu items.
 */
 function ContextMenuPopup({ className = "", ref, ...props }) {
-	const classes = ["context-menu__popup", className].filter(Boolean).join(" ");
+	const classes = [
+		"context-menu__popup",
+		"base-ui-popup",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
 		ref,
 		"data-slot": "context-menu-content",
@@ -75,23 +83,6 @@ function ContextMenuPopup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuContent({ anchor, positionMethod, side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPortal, { children: /* @__PURE__ */ jsx(ContextMenuPositioner, {
-		anchor,
-		positionMethod,
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		collisionBoundary,
-		collisionPadding,
-		sticky,
-		arrowPadding,
-		disableAnchorTracking,
-		collisionAvoidance,
-		children: /* @__PURE__ */ jsx(ContextMenuPopup, { ...props })
-	}) });
-}
 /**
 * Interactive menu item.
 */
@@ -131,7 +122,7 @@ function ContextMenuGroup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuLabel({ className = "", inset, ref, ...props }) {
+function ContextMenuGroupLabel({ className = "", inset, ref, ...props }) {
 	const classes = [
 		"context-menu__label",
 		inset && "context-menu__label--inset",
@@ -145,17 +136,20 @@ function ContextMenuLabel({ className = "", inset, ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuCheckboxItem({ className = "", children, ref, ...props }) {
+function ContextMenuCheckboxItem({ className = "", ref, ...props }) {
 	const classes = ["context-menu__checkbox-item", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItem, {
 		ref,
 		"data-slot": "context-menu-checkbox-item",
 		className: classes,
+		...props
+	});
+}
+function ContextMenuCheckboxItemIndicator(props) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, {
+		className: "context-menu__indicator",
 		...props,
-		children: [/* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, {
-			className: "context-menu__indicator",
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
-		}), children]
+		children: props.children ?? /* @__PURE__ */ jsx(CheckIcon, {})
 	});
 }
 function ContextMenuRadioGroup({ className = "", ref, ...props }) {
@@ -167,17 +161,20 @@ function ContextMenuRadioGroup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuRadioItem({ className = "", children, ref, ...props }) {
+function ContextMenuRadioItem({ className = "", ref, ...props }) {
 	const classes = ["context-menu__radio-item", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.RadioItem, {
 		ref,
 		"data-slot": "context-menu-radio-item",
 		className: classes,
+		...props
+	});
+}
+function ContextMenuRadioItemIndicator(props) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, {
+		className: "context-menu__indicator",
 		...props,
-		children: [/* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, {
-			className: "context-menu__indicator",
-			children: /* @__PURE__ */ jsx(DotIcon, { size: 8 })
-		}), children]
+		children: props.children ?? /* @__PURE__ */ jsx(DotIcon, { size: 8 })
 	});
 }
 function ContextMenuShortcut({ className = "", ref, ...props }) {
@@ -188,34 +185,24 @@ function ContextMenuShortcut({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ContextMenuSub(props) {
+function ContextMenuSubmenuRoot(props) {
 	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, {
 		"data-slot": "context-menu-sub",
 		...props
 	});
 }
-function ContextMenuSubContent({ side = "right", align = "start", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuContent, {
-		"data-slot": "context-menu-sub-content",
-		side,
-		align,
-		sideOffset,
-		...props
-	});
-}
-function ContextMenuSubTrigger({ className = "", inset, children, ref, ...props }) {
+function ContextMenuSubmenuTrigger({ className = "", inset, ref, ...props }) {
 	const classes = [
 		"context-menu__submenu-trigger",
 		inset && "context-menu__item--inset",
 		className
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(ContextMenu$1.SubmenuTrigger, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuTrigger, {
 		ref,
 		"data-slot": "context-menu-sub-trigger",
 		"data-inset": inset || void 0,
 		className: classes,
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "context-menu__submenu-icon" })]
+		...props
 	});
 }
 /**
@@ -247,24 +234,27 @@ function ContextMenuSubTrigger({ className = "", inset, children, ref, ...props
 *
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
-const ContextMenu = Object.assign(ContextMenuRoot, {
+const ContextMenu = {
 	Root: ContextMenuRoot,
 	Trigger: ContextMenuTrigger,
 	Portal: ContextMenuPortal,
 	Positioner: ContextMenuPositioner,
 	Popup: ContextMenuPopup,
-	Content: ContextMenuContent,
+	Backdrop: ContextMenu$1.Backdrop,
+	Arrow: ContextMenu$1.Arrow,
 	Item: ContextMenuItem,
 	Separator: ContextMenuSeparator,
 	Group: ContextMenuGroup,
-	Label: ContextMenuLabel,
+	GroupLabel: ContextMenuGroupLabel,
+	LinkItem: ContextMenu$1.LinkItem,
 	CheckboxItem: ContextMenuCheckboxItem,
+	CheckboxItemIndicator: ContextMenuCheckboxItemIndicator,
 	RadioGroup: ContextMenuRadioGroup,
 	RadioItem: ContextMenuRadioItem,
+	RadioItemIndicator: ContextMenuRadioItemIndicator,
 	Shortcut: ContextMenuShortcut,
-	Sub: ContextMenuSub,
-	SubContent: ContextMenuSubContent,
-	SubTrigger: ContextMenuSubTrigger
-});
+	SubmenuRoot: ContextMenuSubmenuRoot,
+	SubmenuTrigger: ContextMenuSubmenuTrigger
+};
 //#endregion
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+export { ContextMenu };

package/dist/components/Conversation.d.ts

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-Ct5I6aTu.js";
+import { t as Button } from "../Button-FX_hpqxm.js";
 import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
 import { UIMessage } from "ai";

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-D2Q5n5C1.js";
+import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import * as React from "react";