@mcp-b/react-components 0.12.0 → 0.13.0

package/dist/components/Menu.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
 //#region src/components/Menu.tsx
 /**
@@ -36,6 +36,7 @@ function MenuTrigger({ className = "", unstyled = false, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
 		ref,
 		"data-slot": "dropdown-menu-trigger",
+		"data-unstyled": unstyled || void 0,
 		className: classes,
 		...props
 	});
@@ -53,7 +54,11 @@ const MenuPortal = (props) => {
 * Positions the menu popup relative to the trigger.
 */
 function MenuPositioner({ className = "", ref, ...props }) {
-	const classes = ["menu__positioner", className].filter(Boolean).join(" ");
+	const classes = [
+		"menu__positioner",
+		"base-ui-positioner",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu$1.Positioner, {
 		ref,
 		"data-slot": "dropdown-menu-positioner",
@@ -65,7 +70,11 @@ function MenuPositioner({ className = "", ref, ...props }) {
 * Container for menu items.
 */
 function MenuPopup({ className = "", ref, ...props }) {
-	const classes = ["menu__popup", className].filter(Boolean).join(" ");
+	const classes = [
+		"menu__popup",
+		"base-ui-popup",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu$1.Popup, {
 		ref,
 		"data-slot": "dropdown-menu-content",
@@ -73,22 +82,19 @@ function MenuPopup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function MenuContent({ anchor, positionMethod, side, sideOffset = 4, align, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, ...props }) {
-	return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(MenuPositioner, {
-		anchor,
-		positionMethod,
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		collisionBoundary,
-		collisionPadding,
-		sticky,
-		arrowPadding,
-		disableAnchorTracking,
-		collisionAvoidance,
-		children: /* @__PURE__ */ jsx(MenuPopup, { ...props })
-	}) });
+/**
+* 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.
+*/
+function MenuViewport({ className = "", ref, ...props }) {
+	const classes = ["menu__viewport", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Menu$1.Viewport, {
+		ref,
+		"data-slot": "dropdown-menu-viewport",
+		className: classes,
+		...props
+	});
 }
 /**
 * Interactive menu item.
@@ -137,7 +143,6 @@ function MenuGroupLabel({ className = "", inset, ref, ...props }) {
 		...props
 	});
 }
-const MenuLabel = MenuGroupLabel;
 /**
 * Arrow pointing to the trigger.
 */
@@ -177,14 +182,13 @@ function MenuRadioGroup({ className = "", ref, ...props }) {
 /**
 * Radio item for exclusive selection.
 */
-function MenuRadioItem({ className = "", children, ref, ...props }) {
+function MenuRadioItem({ className = "", ref, ...props }) {
 	const classes = ["menu__radio-item", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu$1.RadioItem, {
 		ref,
 		"data-slot": "dropdown-menu-radio-item",
 		className: classes,
-		...props,
-		children: hasChildOfType(children, MenuRadioItemIndicator) ? children : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuRadioItemIndicator, {}), children] })
+		...props
 	});
 }
 /**
@@ -202,14 +206,13 @@ function MenuRadioItemIndicator({ className = "", ref, ...props }) {
 /**
 * Checkbox item for toggling options.
 */
-function MenuCheckboxItem({ className = "", children, ref, ...props }) {
+function MenuCheckboxItem({ className = "", ref, ...props }) {
 	const classes = ["menu__checkbox-item", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu$1.CheckboxItem, {
 		ref,
 		"data-slot": "dropdown-menu-checkbox-item",
 		className: classes,
-		...props,
-		children: hasChildOfType(children, MenuCheckboxItemIndicator) ? children : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuCheckboxItemIndicator, {}), children] })
+		...props
 	});
 }
 /**
@@ -232,21 +235,12 @@ function MenuShortcut({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function MenuSub(props) {
+function MenuSubmenuRoot(props) {
 	return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
 		"data-slot": "dropdown-menu-sub",
 		...props
 	});
 }
-function MenuSubContent({ side = "right", align, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(MenuContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		side,
-		align,
-		sideOffset,
-		...props
-	});
-}
 /**
 * Trigger that opens a submenu.
 */
@@ -264,10 +258,6 @@ function MenuSubmenuTrigger({ className = "", inset, ref, ...props }) {
 		...props
 	});
 }
-const MenuSubTrigger = MenuSubmenuTrigger;
-function hasChildOfType(children, type) {
-	return React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === type);
-}
 /**
 * A dropdown menu with keyboard navigation support.
 * Provides items, groups, checkboxes, radio selections, and nested submenus.
@@ -310,17 +300,19 @@ function hasChildOfType(children, type) {
 *
 * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
 */
-const Menu = Object.assign(MenuRoot, {
+const Menu = {
+	createHandle: Menu$1.createHandle,
 	Root: MenuRoot,
 	Trigger: MenuTrigger,
 	Portal: MenuPortal,
 	Positioner: MenuPositioner,
 	Popup: MenuPopup,
-	Content: MenuContent,
+	Viewport: MenuViewport,
+	Backdrop: Menu$1.Backdrop,
 	Item: MenuItem,
 	Group: MenuGroup,
 	GroupLabel: MenuGroupLabel,
-	Label: MenuLabel,
+	LinkItem: Menu$1.LinkItem,
 	Arrow: MenuArrow,
 	Separator: MenuSeparator,
 	RadioGroup: MenuRadioGroup,
@@ -329,10 +321,8 @@ const Menu = Object.assign(MenuRoot, {
 	CheckboxItem: MenuCheckboxItem,
 	CheckboxItemIndicator: MenuCheckboxItemIndicator,
 	Shortcut: MenuShortcut,
-	Sub: MenuSub,
-	SubContent: MenuSubContent,
-	SubTrigger: MenuSubTrigger,
+	SubmenuRoot: MenuSubmenuRoot,
 	SubmenuTrigger: MenuSubmenuTrigger
-});
+};
 //#endregion
-export { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLabel, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRoot, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuSubmenuTrigger, MenuTrigger };
+export { Menu };

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,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 { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";

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";
@@ -114,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
 	});
@@ -136,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,4 @@
-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";

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-BB-xB-Es.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 };