@mcp-b/react-components 0.12.0 → 0.13.0

package/dist/{AgentChat-CRmsKg9B.d.ts → AgentChat-Br6tKEl8.d.ts}

@@ -1,4 +1,4 @@
-import { $ as PromptInputMessage } from "./PromptInput-IyM6ZETj.js";
+import { tt as PromptInputMessage } from "./PromptInput-p5KmOmt1.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -23,9 +23,9 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    *
    * `AgentChat` intentionally renders the upstream message objects in place:
    * it does not normalize them into a local transcript model. That keeps AI SDK
-   * parts such as `text`, `reasoning`, `file`, `tool-*`, `source-url`,
-   * `source-document`, and `step-start` aligned with the types exported from
-   * `ai`. Cloudflare Think also returns these same UI messages through
+   * parts such as `text`, `reasoning`, `file`, `data-*`, `tool-*`,
+   * `source-url`, `source-document`, and `step-start` aligned with the types
+   * exported from `ai`. Cloudflare Think also returns these same UI messages through
    * `useAgentChat`, with Agents session storage applying compaction overlays to
    * reads before they reach the hook.
    *
@@ -85,6 +85,12 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   emptyState?: React.ReactNode;
   /** Extra controls rendered in the composer toolbar. */
   composerTools?: React.ReactNode;
+  /**
+   * Rendered in the prompt-composer header before attachments and the text
+   * field. Use it to compose a compact Activity, task state, or app-specific
+   * context summary into the composer without recreating PromptInput's form.
+   */
+  composerHeader?: React.ReactNode;
   /** Extra rows rendered in the built-in plus menu after files. */
   composerAddMenuItems?: React.ReactNode;
   /**
@@ -98,6 +104,20 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * with its message id — pass to the AI SDK's `regenerate({ messageId })`.
    */
   onRegenerate?: (messageId: string) => void;
+  /**
+   * Called after the user confirms an edit to the newest text-only user
+   * message. The callback owns the durable backend branch and resend; this
+   * component keeps only the unsaved draft and pending/error UI locally.
+   *
+   * Think deliberately disables `setMessages` synchronization, so product
+   * code should wire this to a callable method on its agent rather than to the
+   * AI SDK's local `setMessages` helper. The whole upstream message is passed
+   * through so apps retain their `UIMessage` metadata and data-part types.
+   */
+  onEditAndResend?: (input: {
+    message: MessageT;
+    text: string;
+  }) => void | Promise<void>;
   /**
    * Pass `addToolApprovalResponse` from `useAgentChat`/`useChat` directly.
    * When set and a tool call awaits approval, the composer becomes the
@@ -129,7 +149,9 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * `getToolName`, and Think's `getToolPartState`/input/output accessors. It
    * also renders native AI SDK `source-url`/`source-document` parts as a single
    * grouped `Sources` block when they appear consecutively, and native
-   * `step-start` parts as step separators. If you override source rendering,
+   * `step-start` parts as step separators. App-defined `data-*` parts stay
+   * whole and should be narrowed with AI SDK's `isDataUIPart` inside this
+   * callback. If you override source rendering,
    * return a React node for every source part you want to show; returning
    * `undefined` lets `AgentChat` keep the upstream-shaped source-run grouping.
    */
@@ -151,10 +173,12 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   placeholder,
   disabled,
   emptyState,
+  composerHeader,
   composerTools,
   composerAddMenuItems,
   notice,
   onRegenerate,
+  onEditAndResend,
   onApprovalResponse,
   thinkStub,
   onExecutionSettled,

package/dist/{Button-Ct5I6aTu.d.ts → Button-FX_hpqxm.d.ts}

@@ -30,12 +30,10 @@ type ButtonColor = "neutral" | "primary" | "destructive";
  * - `icon` - Square button for icon-only content
  */
 type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-type ShadcnButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-type ShadcnButtonSize = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
 interface ButtonVariantsOptions {
-  variant?: ShadcnButtonVariant | ButtonVariant | null;
+  variant?: ButtonVariant | null;
   color?: ButtonColor | null;
-  size?: ShadcnButtonSize | ButtonSize | null;
+  size?: ButtonSize | null;
   className?: string;
 }
 declare function buttonVariants({
@@ -51,9 +49,9 @@ type BaseButtonProps = ComponentPropsWithoutRef<typeof Button>;
 interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | "color"> {
   /**
    * The visual rendering style of the button.
-   * @default 'default'
+   * @default 'normal'
    */
-  variant?: ShadcnButtonVariant | ButtonVariant;
+  variant?: ButtonVariant;
   /**
    * The semantic color intent of the button.
    * @default 'primary'
@@ -63,15 +61,15 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
    * The size of the button.
    * @default 'md'
    */
-  size?: ShadcnButtonSize | ButtonSize;
+  size?: ButtonSize;
 }
 /**
  * A button component built on Base UI with semantic styling variants.
  *
  * Separates visual style (`variant`) from color intent (`color`) for
  * maximum flexibility. Supports keyboard navigation, focus management, and
- * accessibility out of the box. Keeps shadcn-compatible variant and size
- * aliases for migration, while styling through Sigvelo CSS tokens.
+ * accessibility out of the box. Styling uses the design system's canonical
+ * visual variant, semantic color, and size axes.
  *
  * @example
  * ```tsx
@@ -82,7 +80,6 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
  * ```
  *
  * @see {@link https://base-ui.com/react/components/button | Base UI Button}
- * @see {@link https://ui.shadcn.com/docs/components/base/button | shadcn/ui Button}
  */
 declare function Button$1({
   variant,
@@ -96,4 +93,4 @@ declare function Button$1({
   ref?: React.Ref<HTMLButtonElement>;
 }): import("react").JSX.Element;
 //#endregion
-export { ButtonVariant as a, ShadcnButtonVariant as c, ButtonSize as i, buttonVariants as l, ButtonColor as n, ButtonVariantsOptions as o, ButtonProps as r, ShadcnButtonSize as s, Button$1 as t };
+export { ButtonVariant as a, ButtonSize as i, ButtonColor as n, ButtonVariantsOptions as o, ButtonProps as r, buttonVariants as s, Button$1 as t };

package/dist/{CodeBlock-XNQOupQ3.js → CodeBlock-BUFXG8HW.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-C6JSKtFE.js";
+import { Select } from "./components/Select.js";
+import { t as CopyButton } from "./copy-button-DUMLYdsk.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";
@@ -255,14 +255,14 @@ function CodeBlockLanguageSelector({ children, className, languages = CODE_BLOCK
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("code-block__language-selector", className),
-		children: /* @__PURE__ */ jsx(Select, {
+		children: /* @__PURE__ */ jsx(Select.Root, {
 			...props,
 			value: value ?? language,
 			onValueChange: handleValueChange,
 			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CodeBlockLanguageSelectorTrigger, {
 				"aria-label": "Code language",
 				children: /* @__PURE__ */ jsx(CodeBlockLanguageSelectorValue, {})
-			}), /* @__PURE__ */ jsx(CodeBlockLanguageSelectorContent, { children: /* @__PURE__ */ jsx(SelectList, { children: languages.map((lang) => /* @__PURE__ */ jsx(CodeBlockLanguageSelectorItem, {
+			}), /* @__PURE__ */ jsx(CodeBlockLanguageSelectorContent, { children: /* @__PURE__ */ jsx(Select.List, { children: languages.map((lang) => /* @__PURE__ */ jsx(CodeBlockLanguageSelectorItem, {
 				value: lang,
 				children: lang
 			}, lang)) }) })] })
@@ -270,22 +270,32 @@ function CodeBlockLanguageSelector({ children, className, languages = CODE_BLOCK
 	});
 }
 function CodeBlockLanguageSelectorTrigger({ size = "sm", ...props }) {
-	return /* @__PURE__ */ jsx(SelectTrigger, {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
 		size,
 		...props
 	});
 }
 function CodeBlockLanguageSelectorValue(props) {
-	return /* @__PURE__ */ jsx(SelectValue, { ...props });
+	return /* @__PURE__ */ jsx(Select.Value, { ...props });
 }
-function CodeBlockLanguageSelectorContent({ align = "end", ...props }) {
-	return /* @__PURE__ */ jsx(SelectContent, {
+function CodeBlockLanguageSelectorContent({ align = "end", children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
 		align,
-		...props
-	});
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(Select.ScrollUpArrow, {}),
+				/* @__PURE__ */ jsx(Select.List, { children }),
+				/* @__PURE__ */ jsx(Select.ScrollDownArrow, {})
+			]
+		})
+	}) });
 }
-function CodeBlockLanguageSelectorItem(props) {
-	return /* @__PURE__ */ jsx(SelectItem, { ...props });
+function CodeBlockLanguageSelectorItem({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemIndicator, {}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
+	});
 }
 function CodeBlockContainer({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/{CodeBlock-CxQXv3C4.d.ts → CodeBlock-DUh9WOGo.d.ts}

@@ -1,5 +1,5 @@
-import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, r as SelectContentProps, s as SelectItemProps } from "./Select-CRsKCJ9x.js";
-import { t as CopyButtonProps } from "./copy-button-BKXqGiNm.js";
+import { p as SelectProps, t as Select } from "./Select-Dl_vF_Bt.js";
+import { t as CopyButtonProps } from "./copy-button-DtPMgN7e.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 
@@ -139,10 +139,12 @@ declare function CodeBlockLanguageSelector({
 }: CodeBlockLanguageSelectorProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type CodeBlockLanguageSelectorTriggerProps = SelectTriggerProps;
-type CodeBlockLanguageSelectorValueProps = SelectValueProps;
-type CodeBlockLanguageSelectorContentProps = SelectContentProps;
-type CodeBlockLanguageSelectorItemProps = SelectItemProps;
+type CodeBlockLanguageSelectorTriggerProps = React.ComponentProps<typeof Select.Trigger>;
+type CodeBlockLanguageSelectorValueProps = React.ComponentProps<typeof Select.Value>;
+interface CodeBlockLanguageSelectorContentProps extends React.ComponentProps<typeof Select.Popup> {
+  align?: React.ComponentProps<typeof Select.Positioner>["align"];
+}
+type CodeBlockLanguageSelectorItemProps = React.ComponentProps<typeof Select.Item>;
 declare function CodeBlockLanguageSelectorTrigger({
   size,
   ...props
@@ -150,9 +152,13 @@ declare function CodeBlockLanguageSelectorTrigger({
 declare function CodeBlockLanguageSelectorValue(props: CodeBlockLanguageSelectorValueProps): React.JSX.Element;
 declare function CodeBlockLanguageSelectorContent({
   align,
+  children,
   ...props
 }: CodeBlockLanguageSelectorContentProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorItem(props: CodeBlockLanguageSelectorItemProps): React.JSX.Element;
+declare function CodeBlockLanguageSelectorItem({
+  children,
+  ...props
+}: CodeBlockLanguageSelectorItemProps): React.JSX.Element;
 interface CodeBlockContainerProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function CodeBlockContainer({
   className,

package/dist/{Combobox-D9anamNr.d.ts → Combobox-B9Fcd6q-.d.ts}

@@ -93,7 +93,7 @@ declare function ComboboxGroup({
 } & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function ComboboxLabel({
+declare function ComboboxGroupLabel({
   className,
   ref,
   ...props
@@ -142,15 +142,8 @@ declare function ComboboxLabel({
  *
  * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
  */
-declare const ComboboxContent: typeof ComboboxPopup;
-declare const ComboboxValue: typeof Combobox.Value;
-declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChipsInput: typeof ComboboxInput;
-declare const ComboboxCollection: typeof Combobox.Collection;
-declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-declare const Combobox$1: typeof Combobox.Root & {
+declare const Combobox$1: {
   Root: typeof Combobox.Root;
   Input: typeof ComboboxInput;
   Trigger: typeof ComboboxTrigger;
@@ -158,20 +151,17 @@ declare const Combobox$1: typeof Combobox.Root & {
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ComboboxPositioner;
   Popup: typeof ComboboxPopup;
-  Content: typeof ComboboxPopup;
   List: typeof ComboboxList;
   Item: typeof ComboboxItem;
   ItemIndicator: typeof ItemIndicator;
   Empty: typeof ComboboxEmpty;
   Group: typeof ComboboxGroup;
-  GroupLabel: typeof ComboboxLabel;
-  Label: typeof ComboboxLabel;
+  GroupLabel: typeof ComboboxGroupLabel;
   Value: typeof Combobox.Value;
   Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  ChipsInput: typeof ComboboxInput;
   Collection: typeof Combobox.Collection;
   Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { ComboboxValue as _, ComboboxCollection as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, ComboboxTrigger as g, ComboboxSeparator as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxPositioner as m, ComboboxChip as n, ComboboxContent as o, ComboboxPopup as p, ComboboxChips as r, ComboboxEmpty as s, Combobox$1 as t, ComboboxItem as u, useComboboxAnchor as v };
+export { useComboboxAnchor as n, Combobox$1 as t };

package/dist/{FileTree-wMyZhhHO.js → FileTree-mpEIcfzA.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-D2Q5n5C1.js";
+import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-Ba9THQKz.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/use-file-tree-nav.ts

package/dist/{Menu-BLhnNnRK.d.ts → Menu-Bgu-ufb5.d.ts}

@@ -33,8 +33,14 @@ interface MenuPopupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu
   /** Additional CSS class names */
   className?: string;
 }
-type MenuPlacementProps = Pick<MenuPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
-type MenuContentProps = MenuPopupProps & MenuPlacementProps;
+/**
+ * Props for the Menu.Viewport component. Use this only when one menu moves
+ * between triggers and its content changes during that transition.
+ */
+interface MenuViewportProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Viewport>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
 /**
  * Props for the Menu.Item component.
  */
@@ -59,7 +65,6 @@ interface MenuGroupLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof
   className?: string;
   inset?: boolean;
 }
-type MenuLabelProps = MenuGroupLabelProps;
 /**
  * Props for the Menu.Arrow component.
  */
@@ -110,8 +115,7 @@ interface MenuCheckboxItemIndicatorProps extends Omit<React.ComponentPropsWithou
   className?: string;
 }
 interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenuSubProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
-type MenuSubContentProps = MenuContentProps;
+interface MenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
 /**
  * Props for the Menu.SubmenuTrigger component.
  */
@@ -120,28 +124,6 @@ interface MenuSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<ty
   className?: string;
   inset?: boolean;
 }
-type MenuSubTriggerProps = MenuSubmenuTriggerProps;
-/**
- * Root component that manages menu state.
- *
- * @example
- * ```tsx
- * <Menu.Root>
- *   <Menu.Trigger>Actions</Menu.Trigger>
- *   <Menu.Portal>
- *     <Menu.Positioner>
- *       <Menu.Popup>
- *         <Menu.Item>Edit</Menu.Item>
- *         <Menu.Item>Delete</Menu.Item>
- *       </Menu.Popup>
- *     </Menu.Positioner>
- *   </Menu.Portal>
- * </Menu.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
- */
-declare const MenuRoot: (props: MenuProps) => React.JSX.Element;
 /**
  * Button that toggles the menu visibility.
  */
@@ -153,10 +135,6 @@ declare function MenuTrigger({
 }: MenuTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-/**
- * Renders menu content in a portal.
- */
-declare const MenuPortal: (props: MenuPortalProps) => React.JSX.Element;
 /**
  * Positions the menu popup relative to the trigger.
  */
@@ -177,21 +155,16 @@ declare function MenuPopup({
 }: MenuPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function MenuContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
+/**
+ * Transition container for content that changes as a menu moves between
+ * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
+ * positioner, popup, and this viewport when that behavior is needed.
+ */
+declare function MenuViewport({
+  className,
+  ref,
   ...props
-}: MenuContentProps & {
+}: MenuViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -227,7 +200,6 @@ declare function MenuGroupLabel({
 }: MenuGroupLabelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const MenuLabel: typeof MenuGroupLabel;
 /**
  * Arrow pointing to the trigger.
  */
@@ -263,7 +235,6 @@ declare function MenuRadioGroup({
  */
 declare function MenuRadioItem({
   className,
-  children,
   ref,
   ...props
 }: MenuRadioItemProps & {
@@ -284,7 +255,6 @@ declare function MenuRadioItemIndicator({
  */
 declare function MenuCheckboxItem({
   className,
-  children,
   ref,
   ...props
 }: MenuCheckboxItemProps & {
@@ -307,15 +277,7 @@ declare function MenuShortcut({
 }: MenuShortcutProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function MenuSub(props: MenuSubProps): React.JSX.Element;
-declare function MenuSubContent({
-  side,
-  align,
-  sideOffset,
-  ...props
-}: MenuSubContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): React.JSX.Element;
 /**
  * Trigger that opens a submenu.
  */
@@ -327,7 +289,6 @@ declare function MenuSubmenuTrigger({
 }: MenuSubmenuTriggerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
 /**
  * A dropdown menu with keyboard navigation support.
  * Provides items, groups, checkboxes, radio selections, and nested submenus.
@@ -370,17 +331,19 @@ declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
  *
  * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
  */
-declare const Menu$1: ((props: MenuProps) => React.JSX.Element) & {
+declare const Menu$1: {
+  createHandle: typeof Menu.createHandle;
   Root: (props: MenuProps) => React.JSX.Element;
   Trigger: typeof MenuTrigger;
   Portal: (props: MenuPortalProps) => React.JSX.Element;
   Positioner: typeof MenuPositioner;
   Popup: typeof MenuPopup;
-  Content: typeof MenuContent;
+  Viewport: typeof MenuViewport;
+  Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Item: typeof MenuItem;
   Group: typeof MenuGroup;
   GroupLabel: typeof MenuGroupLabel;
-  Label: typeof MenuGroupLabel;
+  LinkItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
   Arrow: typeof MenuArrow;
   Separator: typeof MenuSeparator;
   RadioGroup: typeof MenuRadioGroup;
@@ -389,10 +352,8 @@ declare const Menu$1: ((props: MenuProps) => React.JSX.Element) & {
   CheckboxItem: typeof MenuCheckboxItem;
   CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
   Shortcut: typeof MenuShortcut;
-  Sub: typeof MenuSub;
-  SubContent: typeof MenuSubContent;
-  SubTrigger: typeof MenuSubmenuTrigger;
+  SubmenuRoot: typeof MenuSubmenuRoot;
   SubmenuTrigger: typeof MenuSubmenuTrigger;
 };
 //#endregion
-export { MenuRadioItemProps as A, MenuSubTrigger as B, MenuPositionerProps as C, MenuRadioItem as D, MenuRadioGroupProps as E, MenuShortcutProps as F, MenuTriggerProps as G, MenuSubmenuTrigger as H, MenuSub as I, MenuSubContent as L, MenuSeparator as M, MenuSeparatorProps as N, MenuRadioItemIndicator as O, MenuShortcut as P, MenuSubContentProps as R, MenuPositioner as S, MenuRadioGroup as T, MenuSubmenuTriggerProps as U, MenuSubTriggerProps as V, MenuTrigger as W, MenuLabelProps as _, MenuCheckboxItemIndicator as a, MenuPortal as b, MenuContent as c, MenuGroupLabel as d, MenuGroupLabelProps as f, MenuLabel as g, MenuItemProps as h, MenuCheckboxItem as i, MenuRoot as j, MenuRadioItemIndicatorProps as k, MenuContentProps as l, MenuItem as m, MenuArrow as n, MenuCheckboxItemIndicatorProps as o, MenuGroupProps as p, MenuArrowProps as r, MenuCheckboxItemProps as s, Menu$1 as t, MenuGroup as u, MenuPopup as v, MenuProps as w, MenuPortalProps as x, MenuPopupProps as y, MenuSubProps as z };
+export { MenuSubmenuRootProps as _, MenuGroupLabelProps as a, MenuViewportProps as b, MenuPopupProps as c, MenuProps as d, MenuRadioGroupProps as f, MenuShortcutProps as g, MenuSeparatorProps as h, MenuCheckboxItemProps as i, MenuPortalProps as l, MenuRadioItemProps as m, MenuArrowProps as n, MenuGroupProps as o, MenuRadioItemIndicatorProps as p, MenuCheckboxItemIndicatorProps as r, MenuItemProps as s, Menu$1 as t, MenuPositionerProps as u, MenuSubmenuTriggerProps as v, MenuTriggerProps as y };

package/dist/{ModelSelector-BB-xB-Es.js → ModelSelector-DVgVBdvw.js}

@@ -1,8 +1,8 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { A as SearchIcon, o as ChevronDownIcon } from "./icons-D2Q5n5C1.js";
+import { j as SearchIcon, o as ChevronDownIcon } from "./icons-Ba9THQKz.js";
 import { Separator } from "./components/Separator.js";
 import { Button } from "./components/Button.js";
-import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./components/Dialog.js";
+import { Dialog } from "./components/Dialog.js";
 import { Input } from "./components/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -270,7 +270,7 @@ function ModelSelector({ open, defaultOpen = false, onOpenChange, children, clas
 			ref,
 			className: cx("model-selector", className),
 			...props,
-			children: /* @__PURE__ */ jsx(Dialog, {
+			children: /* @__PURE__ */ jsx(Dialog.Root, {
 				open: currentOpen,
 				onOpenChange: handleOpenChange,
 				children
@@ -340,7 +340,7 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
 	});
 }
 function ModelSelectorTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(DialogTrigger, { render: /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, { render: /* @__PURE__ */ jsxs(Button, {
 		variant: "outline",
 		color: "neutral",
 		className: cx("model-selector__trigger", className),
@@ -353,13 +353,13 @@ function ModelSelectorTrigger({ className, children, ...props }) {
 	}) });
 }
 function ModelSelectorContent({ children, title = "Model Selector", ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsxs(DialogPopup, {
+	return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
 		...props,
-		children: [/* @__PURE__ */ jsx(DialogTitle, {
+		children: [/* @__PURE__ */ jsx(Dialog.Title, {
 			className: "model-selector__title",
 			children: title
 		}), children]
-	})] });
+	}) })] });
 }
 function ModelSelectorDialog({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {