@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/components/Menubar.d.ts

@@ -80,14 +80,11 @@ interface MenubarRadioItemProps extends Omit<React.ComponentPropsWithoutRef<type
   className?: string;
 }
 interface MenubarShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenubarSubProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
-interface MenubarSubTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger>, "className"> {
+interface MenubarSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
+interface MenubarSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger>, "className"> {
   className?: string;
   inset?: boolean;
 }
-type MenubarPlacementProps = Pick<MenubarPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
-type MenubarContentProps = MenubarPopupProps & MenubarPlacementProps;
-type MenubarSubContentProps = MenubarContentProps;
 /**
  * Root menubar container.
  *
@@ -118,10 +115,6 @@ declare function MenubarRoot({
 }: MenubarProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-/**
- * Individual menu within the menubar.
- */
-declare const MenubarMenu: (props: MenubarMenuProps) => React.JSX.Element;
 /**
  * Button that opens the menu.
  */
@@ -132,10 +125,6 @@ declare function MenubarTrigger({
 }: MenubarTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-/**
- * Renders menu content in a portal.
- */
-declare const MenubarPortal: (props: MenubarPortalProps) => React.JSX.Element;
 /**
  * Positions the menu popup.
  */
@@ -156,23 +145,6 @@ declare function MenubarPopup({
 }: MenubarPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function MenubarContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
-  ...props
-}: MenubarContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -216,15 +188,14 @@ declare function MenubarGroupLabel({
 }: MenubarGroupLabelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const MenubarLabel: typeof MenubarGroupLabel;
 declare function MenubarCheckboxItem({
   className,
-  children,
   ref,
   ...props
 }: MenubarCheckboxItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function MenubarCheckboxItemIndicator(props: Menu.CheckboxItemIndicator.Props): React.JSX.Element;
 declare function MenubarRadioGroup({
   className,
   ref,
@@ -234,12 +205,12 @@ declare function MenubarRadioGroup({
 }): React.JSX.Element;
 declare function MenubarRadioItem({
   className,
-  children,
   ref,
   ...props
 }: MenubarRadioItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function MenubarRadioItemIndicator(props: Menu.RadioItemIndicator.Props): React.JSX.Element;
 declare function MenubarShortcut({
   className,
   ref,
@@ -247,22 +218,13 @@ declare function MenubarShortcut({
 }: MenubarShortcutProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function MenubarSub(props: MenubarSubProps): React.JSX.Element;
-declare function MenubarSubContent({
-  side,
-  align,
-  sideOffset,
-  ...props
-}: MenubarSubContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function MenubarSubTrigger({
+declare function MenubarSubmenuRoot(props: MenubarSubmenuRootProps): React.JSX.Element;
+declare function MenubarSubmenuTrigger({
   className,
   inset,
-  children,
   ref,
   ...props
-}: MenubarSubTriggerProps & {
+}: MenubarSubmenuTriggerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -306,26 +268,28 @@ declare function MenubarSubTrigger({
  *
  * @see {@link https://base-ui.com/react/components/menubar | Base UI Menubar}
  */
-declare const Menubar: typeof MenubarRoot & {
+declare const Menubar: {
   Root: typeof MenubarRoot;
   Menu: (props: MenubarMenuProps) => React.JSX.Element;
   Trigger: typeof MenubarTrigger;
   Portal: (props: MenubarPortalProps) => React.JSX.Element;
   Positioner: typeof MenubarPositioner;
   Popup: typeof MenubarPopup;
-  Content: typeof MenubarContent;
+  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;
   GroupLabel: typeof MenubarGroupLabel;
-  Label: typeof MenubarGroupLabel;
+  LinkItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
   CheckboxItem: typeof MenubarCheckboxItem;
+  CheckboxItemIndicator: typeof MenubarCheckboxItemIndicator;
   RadioGroup: typeof MenubarRadioGroup;
   RadioItem: typeof MenubarRadioItem;
+  RadioItemIndicator: typeof MenubarRadioItemIndicator;
   Shortcut: typeof MenubarShortcut;
-  Sub: typeof MenubarSub;
-  SubContent: typeof MenubarSubContent;
-  SubTrigger: typeof MenubarSubTrigger;
+  SubmenuRoot: typeof MenubarSubmenuRoot;
+  SubmenuTrigger: typeof MenubarSubmenuTrigger;
 };
 //#endregion
-export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupLabel, MenubarGroupLabelProps, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarLabel, MenubarMenu, MenubarMenuProps, MenubarPopup, MenubarPopupProps, MenubarPortal, MenubarPortalProps, MenubarPositioner, MenubarPositionerProps, MenubarProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemProps, MenubarRoot, MenubarSeparator, MenubarSeparatorProps, MenubarShortcut, MenubarShortcutProps, MenubarSub, MenubarSubContent, MenubarSubContentProps, MenubarSubProps, MenubarSubTrigger, MenubarSubTriggerProps, MenubarTrigger, MenubarTriggerProps };
+export { Menubar, MenubarCheckboxItemProps, MenubarGroupLabelProps, MenubarGroupProps, MenubarItemProps, MenubarMenuProps, MenubarPopupProps, MenubarPortalProps, MenubarPositionerProps, MenubarProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarSeparatorProps, MenubarShortcutProps, MenubarSubmenuRootProps, MenubarSubmenuTriggerProps, MenubarTriggerProps };

package/dist/components/Menubar.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 { Menu } from "@base-ui/react/menu";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 //#region src/components/Menubar.tsx
@@ -66,7 +66,11 @@ const MenubarPortal = (props) => {
 * Positions the menu popup.
 */
 function MenubarPositioner({ className = "", ref, ...props }) {
-	const classes = ["menubar__positioner", className].filter(Boolean).join(" ");
+	const classes = [
+		"menubar__positioner",
+		"base-ui-positioner",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu.Positioner, {
 		ref,
 		"data-slot": "menubar-positioner",
@@ -78,7 +82,11 @@ function MenubarPositioner({ className = "", ref, ...props }) {
 * Container for menu items.
 */
 function MenubarPopup({ className = "", ref, ...props }) {
-	const classes = ["menubar__popup", className].filter(Boolean).join(" ");
+	const classes = [
+		"menubar__popup",
+		"base-ui-popup",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu.Popup, {
 		ref,
 		"data-slot": "menubar-content",
@@ -86,23 +94,6 @@ function MenubarPopup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function MenubarContent({ anchor, positionMethod, side, sideOffset = 8, align = "start", alignOffset = -4, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(MenubarPositioner, {
-		anchor,
-		positionMethod,
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		collisionBoundary,
-		collisionPadding,
-		sticky,
-		arrowPadding,
-		disableAnchorTracking,
-		collisionAvoidance,
-		children: /* @__PURE__ */ jsx(MenubarPopup, { ...props })
-	}) });
-}
 /**
 * Interactive menu item.
 */
@@ -162,18 +153,20 @@ function MenubarGroupLabel({ className = "", inset, ref, ...props }) {
 		...props
 	});
 }
-const MenubarLabel = MenubarGroupLabel;
-function MenubarCheckboxItem({ className = "", children, ref, ...props }) {
+function MenubarCheckboxItem({ className = "", ref, ...props }) {
 	const classes = ["menubar__checkbox-item", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
 		ref,
 		"data-slot": "menubar-checkbox-item",
 		className: classes,
+		...props
+	});
+}
+function MenubarCheckboxItemIndicator(props) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		className: "menubar__indicator",
 		...props,
-		children: [/* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
-			className: "menubar__indicator",
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
-		}), children]
+		children: props.children ?? /* @__PURE__ */ jsx(CheckIcon, {})
 	});
 }
 function MenubarRadioGroup({ className = "", ref, ...props }) {
@@ -185,17 +178,20 @@ function MenubarRadioGroup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function MenubarRadioItem({ className = "", children, ref, ...props }) {
+function MenubarRadioItem({ className = "", ref, ...props }) {
 	const classes = ["menubar__radio-item", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
 		ref,
 		"data-slot": "menubar-radio-item",
 		className: classes,
+		...props
+	});
+}
+function MenubarRadioItemIndicator(props) {
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		className: "menubar__indicator",
 		...props,
-		children: [/* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
-			className: "menubar__indicator",
-			children: /* @__PURE__ */ jsx(DotIcon, { size: 8 })
-		}), children]
+		children: props.children ?? /* @__PURE__ */ jsx(DotIcon, { size: 8 })
 	});
 }
 function MenubarShortcut({ className = "", ref, ...props }) {
@@ -206,31 +202,21 @@ function MenubarShortcut({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function MenubarSub(props) {
+function MenubarSubmenuRoot(props) {
 	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
 }
-function MenubarSubContent({ side = "right", align = "start", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarContent, {
-		"data-slot": "menubar-sub-content",
-		side,
-		align,
-		sideOffset,
-		...props
-	});
-}
-function MenubarSubTrigger({ className = "", inset, children, ref, ...props }) {
+function MenubarSubmenuTrigger({ className = "", inset, ref, ...props }) {
 	const classes = [
 		"menubar__submenu-trigger",
 		inset && "menubar__item--inset",
 		className
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
 		ref,
 		"data-slot": "menubar-sub-trigger",
 		"data-inset": inset || void 0,
 		className: classes,
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "menubar__submenu-icon" })]
+		...props
 	});
 }
 /**
@@ -274,26 +260,28 @@ function MenubarSubTrigger({ className = "", inset, children, ref, ...props }) {
 *
 * @see {@link https://base-ui.com/react/components/menubar | Base UI Menubar}
 */
-const Menubar = Object.assign(MenubarRoot, {
+const Menubar = {
 	Root: MenubarRoot,
 	Menu: MenubarMenu,
 	Trigger: MenubarTrigger,
 	Portal: MenubarPortal,
 	Positioner: MenubarPositioner,
 	Popup: MenubarPopup,
-	Content: MenubarContent,
+	Backdrop: Menu.Backdrop,
+	Arrow: Menu.Arrow,
 	Item: MenubarItem,
 	Separator: MenubarSeparator,
 	Group: MenubarGroup,
 	GroupLabel: MenubarGroupLabel,
-	Label: MenubarLabel,
+	LinkItem: Menu.LinkItem,
 	CheckboxItem: MenubarCheckboxItem,
+	CheckboxItemIndicator: MenubarCheckboxItemIndicator,
 	RadioGroup: MenubarRadioGroup,
 	RadioItem: MenubarRadioItem,
+	RadioItemIndicator: MenubarRadioItemIndicator,
 	Shortcut: MenubarShortcut,
-	Sub: MenubarSub,
-	SubContent: MenubarSubContent,
-	SubTrigger: MenubarSubTrigger
-});
+	SubmenuRoot: MenubarSubmenuRoot,
+	SubmenuTrigger: MenubarSubmenuTrigger
+};
 //#endregion
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLabel, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+export { Menubar };

package/dist/components/Message.d.ts

@@ -1,10 +1,10 @@
-import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
 import * as React from "react";
 import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";
 
 //#region src/components/Message.d.ts
-type MessageRole = UIMessage["role"] | (string & {});
+type MessageRole = UIMessage["role"];
 interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * The originating role of the message. Controls alignment and styling via
@@ -58,9 +58,10 @@ declare function MessageContent({
 type MessageResponseProps = StreamdownProps;
 declare const MessageResponse: React.MemoExoticComponent<({
   className,
+  components,
   ...props
 }: MessageResponseProps) => React.JSX.Element>;
-interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "part"> {
+interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "color" | "part"> {
   /** The AI SDK `file` part, taken whole. */
   part: FileUIPart;
 }

package/dist/components/Message.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-D2Q5n5C1.js";
+import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";
+import { Tooltip } from "./Tooltip.js";
+import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";
@@ -59,9 +59,15 @@ const streamdownPlugins = {
 	math,
 	mermaid
 };
-const MessageResponse = React.memo(function MessageResponse({ className, ...props }) {
+const messageResponseComponents = { img: "img" };
+const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {
+	const mergedComponents = components ? {
+		...messageResponseComponents,
+		...components
+	} : messageResponseComponents;
 	return /* @__PURE__ */ jsx(Streamdown, {
 		className: cx("message__response", className),
+		components: mergedComponents,
 		plugins: streamdownPlugins,
 		...props
 	});
@@ -76,8 +82,9 @@ function MessageAttachment({ part, className, ...props }) {
 	if (part.mediaType.startsWith("image/")) return /* @__PURE__ */ jsx(AttachmentPreview, {
 		url: part.url,
 		filename: part.filename,
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			color: "neutral",
 			className: cx("message__attachment-zoom", className),
 			"aria-label": `Preview ${name}`,
 			...props,
@@ -107,7 +114,7 @@ function MessageActions({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("message__actions", className),
-		role: "toolbar",
+		role: "group",
 		...props,
 		children
 	});
@@ -129,9 +136,9 @@ function MessageAction({ className, label, tooltip, variant = "ghost", color = "
 		children
 	});
 	if (!tooltip) return button;
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: button }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: button }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(TooltipPopup, { children: tooltip })
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: tooltip })
 	}) })] });
 }
 /**

package/dist/components/MessageScroller.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
 import * as React from "react";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
 

package/dist/components/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { t as ArrowDownIcon } from "../icons-D2Q5n5C1.js";
+import { t as ArrowDownIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Meter.js

@@ -22,6 +22,7 @@ function MeterRoot({ className = "", ref, ...props }) {
 	const classes = ["meter", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Meter$1.Root, {
 		ref,
+		"data-slot": "meter",
 		className: classes,
 		...props
 	});
@@ -33,6 +34,7 @@ function MeterTrack({ className = "", ref, ...props }) {
 	const classes = ["meter__track", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Meter$1.Track, {
 		ref,
+		"data-slot": "meter-track",
 		className: classes,
 		...props
 	});
@@ -44,6 +46,7 @@ function MeterIndicator({ className = "", ref, ...props }) {
 	const classes = ["meter__indicator", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Meter$1.Indicator, {
 		ref,
+		"data-slot": "meter-indicator",
 		className: classes,
 		...props
 	});
@@ -55,6 +58,7 @@ function MeterLabel({ className = "", ref, ...props }) {
 	const classes = ["meter__label", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Meter$1.Label, {
 		ref,
+		"data-slot": "meter-label",
 		className: classes,
 		...props
 	});
@@ -66,6 +70,7 @@ function MeterValue({ className = "", ref, ...props }) {
 	const classes = ["meter__value", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Meter$1.Value, {
 		ref,
+		"data-slot": "meter-value",
 		className: classes,
 		...props
 	});

package/dist/components/ModelSelector.d.ts

@@ -1,4 +1,5 @@
-import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import { SeparatorProps } from "./Separator.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";
 import { AiModelsSearchObject } from "@cloudflare/workers-types";
@@ -57,13 +58,13 @@ interface ModelSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
  * multiselect; use Combobox or a dedicated component for that.
  *
  * Sigvelo changes: composes the design-system Dialog and Button, filters item
- * children locally, and maps provider logos plus listbox styling to Sigvelo
+ * children locally, and maps provider logos plus button-list styling to Sigvelo
  * CSS tokens.
  *
- * The dialog owns focus while open, the list uses `role="listbox"`, and items
- * use `role="option"` with `aria-selected`. Styling consumes surface, border,
- * spacing, radius, focus, and typography tokens. Add provider/item affordances
- * here when they need to be shared.
+ * The dialog owns focus while open, and options are native buttons in grouped
+ * sections. Styling consumes surface, border, spacing, radius, focus, and
+ * typography tokens. Add provider/item affordances here when they need to be
+ * shared.
  *
  * @example
  * ```tsx
@@ -166,7 +167,7 @@ declare function ModelSelectorGroup({
 }: ModelSelectorGroupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-interface ModelSelectorItemProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect"> {
+interface ModelSelectorItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "onSelect" | "type"> {
   value: string;
   /** Extra keywords for search matching. */
   keywords?: string;
@@ -197,13 +198,15 @@ declare function ModelSelectorEmpty({
 }: ModelSelectorEmptyProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ModelSelectorSeparatorProps extends React.HTMLAttributes<HTMLHRElement> {}
+interface ModelSelectorSeparatorProps extends Omit<SeparatorProps, "className"> {
+  className?: string;
+}
 declare function ModelSelectorSeparator({
   className,
   ref,
   ...props
 }: ModelSelectorSeparatorProps & {
-  ref?: React.Ref<HTMLHRElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ModelSelectorLogoProps extends React.SVGAttributes<SVGSVGElement> {
   provider: string;

package/dist/components/ModelSelector.js

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorShortcut, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-DXtpcRmT.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorShortcut, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-DVgVBdvw.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/NavigationMenu.d.ts

@@ -7,7 +7,6 @@ import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-me
  */
 interface NavigationMenuProps extends Omit<React.ComponentPropsWithRef<typeof NavigationMenu$1.Root>, "className"> {
   className?: string;
-  viewport?: boolean;
 }
 /**
  * Props for the NavigationMenu.List component.
@@ -110,8 +109,6 @@ interface NavigationMenuArrowProps extends Omit<React.ComponentPropsWithRef<type
  */
 declare function Root({
   className,
-  children,
-  viewport,
   ref,
   ...props
 }: NavigationMenuProps & {
@@ -133,7 +130,6 @@ declare function NavigationMenuItem({
 }): React.JSX.Element;
 declare function NavigationMenuTrigger({
   className,
-  children,
   ref,
   ...props
 }: NavigationMenuTriggerProps & {
@@ -230,7 +226,7 @@ declare function NavigationMenuArrow({
  *
  * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI NavigationMenu}
  */
-declare const NavigationMenu: typeof Root & {
+declare const NavigationMenu: {
   Root: typeof Root;
   List: typeof NavigationMenuList;
   Item: typeof NavigationMenuItem;
@@ -239,18 +235,11 @@ declare const NavigationMenu: typeof Root & {
   Content: typeof NavigationMenuContent;
   Link: typeof NavigationMenuLink;
   Portal: typeof NavigationMenuPortal;
+  Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof NavigationMenuPositioner;
   Popup: typeof NavigationMenuPopup;
   Viewport: typeof NavigationMenuViewport;
   Arrow: typeof NavigationMenuArrow;
 };
-declare function NavigationMenuIndicator(props: NavigationMenuIconProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function navigationMenuTriggerStyle({
-  className
-}?: {
-  className?: string;
-}): string;
 //#endregion
-export { NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPortalProps, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuArrowProps, NavigationMenuContentProps, NavigationMenuIconProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuPopupProps, NavigationMenuPortalProps, NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTriggerProps, NavigationMenuViewportProps };