@mcp-b/react-components 0.20.1 → 0.20.5

package/dist/components/Fieldset.js

@@ -21,7 +21,7 @@ import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
 * @see {@link https://base-ui.com/react/components/fieldset | Base UI Fieldset}
 */
 function FieldsetRoot({ className, ref, variant = "outlined", ...props }) {
-	const classes = mergeBaseClassName(["fieldset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("fieldset", className);
 	return /* @__PURE__ */ jsx(Fieldset$1.Root, {
 		ref,
 		className: classes,
@@ -34,7 +34,7 @@ function FieldsetRoot({ className, ref, variant = "outlined", ...props }) {
 * Renders a `<div>` element (styled as legend).
 */
 function FieldsetLegend({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["fieldset__legend"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("fieldset__legend", className);
 	return /* @__PURE__ */ jsx(Fieldset$1.Legend, {
 		ref,
 		className: classes,
@@ -44,7 +44,7 @@ function FieldsetLegend({ className, ref, ...props }) {
 function FieldsetDescription({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		ref,
-		className: mergeBaseClassName(["fieldset__description"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("fieldset__description", className),
 		...props
 	});
 }

package/dist/components/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CUlXfnmc.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CdgfccsM.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/Form.js

@@ -81,7 +81,7 @@ function Form({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Form$1, {
 		ref,
 		"data-slot": "form",
-		className: mergeBaseClassName(["form"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("form", className),
 		...props
 	});
 }

package/dist/components/InlineCitation.js

@@ -104,10 +104,10 @@ function CitationDetails({ source, titlePart }) {
 	const title = source.title || defaultLabel(source);
 	return /* @__PURE__ */ jsxs(InlineCitationCard, { children: [
 		titlePart ? /* @__PURE__ */ jsx(Popover.Title, {
-			className: "inline-citation__title",
+			className: "inline-citation__title sigvelo-truncate",
 			children: title
 		}) : /* @__PURE__ */ jsx("strong", {
-			className: "inline-citation__title",
+			className: "inline-citation__title sigvelo-truncate",
 			children: title
 		}),
 		source.type === "source-url" ? /* @__PURE__ */ jsx("span", {

package/dist/components/Input.js

@@ -20,7 +20,7 @@ function Input({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Input$1, {
 		ref,
 		"data-slot": "input",
-		className: mergeBaseClassName(["input"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("input", className),
 		...props
 	});
 }

package/dist/components/Label.js

@@ -1,3 +1,4 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Label.tsx
@@ -27,7 +28,7 @@ function Label({ className = "", children, onMouseDown, ref, ...props }) {
 	return /* @__PURE__ */ jsx("label", {
 		ref,
 		"data-slot": "label",
-		className: ["label", className].filter(Boolean).join(" "),
+		className: cx("label", className),
 		onMouseDown: (event) => {
 			if (event.target.closest("button, input, select, textarea")) return;
 			onMouseDown?.(event);

package/dist/components/McpConnectionRequest.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { A as McpIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { A as McpIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
 import { getMcpServerEntry, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";

package/dist/components/McpServerPicker.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, N as MinusIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { K as SpinnerIcon, N as MinusIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { buttonVariants } from "./Button.js";
 import { Dialog } from "./Dialog.js";
 import { Menu } from "./Menu.js";
@@ -133,7 +133,7 @@ function McpServerPickerAction({ icon, label, description, className, ...props }
 				className: "mcp-server-picker__name",
 				children: label
 			}), description ? /* @__PURE__ */ jsx("span", {
-				className: "mcp-server-picker__description",
+				className: "mcp-server-picker__description sigvelo-truncate",
 				children: description
 			}) : null]
 		})]
@@ -176,7 +176,7 @@ function McpServerPickerRow({ row, onConnect, onDisconnect, pendingAction }) {
 						className: "mcp-server-picker__name",
 						children: server.name
 					}), description ? /* @__PURE__ */ jsx("span", {
-						className: "mcp-server-picker__description",
+						className: "mcp-server-picker__description sigvelo-truncate",
 						children: description
 					}) : null]
 				}),

package/dist/components/MediaPreviewCard.js

@@ -1,7 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon } from "../icons-DKXiSepE.js";
-import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
+import { B as PlayIcon } from "../icons-DyOM0EJs.js";
+import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { Card } from "./Card.js";
+import { t as motionIsReduced } from "../view-transitions-DyUP0lSg.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/MediaPreviewCard.tsx
@@ -37,7 +38,7 @@ function MediaPreviewCard({ children, className, onBlurCapture, onFocusCapture,
 	}, []);
 	const startPreview = React.useCallback(() => {
 		const video = videoRef.current;
-		if (!video || typeof window !== "undefined" && (window.matchMedia("(prefers-reduced-motion: reduce)").matches || document.documentElement.dataset.motion === "reduce")) return;
+		if (!video || motionIsReduced()) return;
 		video.play().catch(() => {
 			setPlaying(false);
 		});
@@ -46,7 +47,7 @@ function MediaPreviewCard({ children, className, onBlurCapture, onFocusCapture,
 		const media = window.matchMedia("(prefers-reduced-motion: reduce)");
 		const root = document.documentElement;
 		const stopWhenReduced = () => {
-			if (media.matches || root.dataset.motion === "reduce") stopPreview();
+			if (motionIsReduced()) stopPreview();
 		};
 		const observer = new MutationObserver(stopWhenReduced);
 		media.addEventListener("change", stopWhenReduced);

package/dist/components/Menu.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
@@ -33,7 +33,7 @@ const MenuRoot = (props) => {
 * Button that toggles the menu visibility.
 */
 function MenuTrigger({ className, unstyled = false, ref, ...props }) {
-	const classes = mergeBaseClassName([!unstyled && "menu__trigger"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx(!unstyled && "menu__trigger"), className);
 	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
 		ref,
 		"data-slot": "dropdown-menu-trigger",
@@ -55,7 +55,7 @@ const MenuPortal = (props) => {
 * Positions the menu popup relative to the trigger.
 */
 function MenuPositioner({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Menu$1.Positioner, {
 		ref,
 		"data-slot": "dropdown-menu-positioner",
@@ -67,7 +67,7 @@ function MenuPositioner({ className, ref, ...props }) {
 * Container for menu items.
 */
 function MenuPopup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__popup base-ui-popup", className);
 	return /* @__PURE__ */ jsx(Menu$1.Popup, {
 		ref,
 		"data-slot": "dropdown-menu-content",
@@ -81,7 +81,7 @@ function MenuPopup({ className, ref, ...props }) {
 * positioner, popup, and this viewport when that behavior is needed.
 */
 function MenuViewport({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__viewport"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__viewport", className);
 	return /* @__PURE__ */ jsx(Menu$1.Viewport, {
 		ref,
 		"data-slot": "dropdown-menu-viewport",
@@ -93,7 +93,7 @@ function MenuViewport({ className, ref, ...props }) {
 * Interactive menu item.
 */
 function MenuItem({ className, inset, variant = "default", ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__item", inset && "menu__item--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menu__item", inset && "menu__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu$1.Item, {
 		ref,
 		"data-slot": "dropdown-menu-item",
@@ -107,7 +107,7 @@ function MenuItem({ className, inset, variant = "default", ref, ...props }) {
 * Groups related menu items.
 */
 function MenuGroup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__group", className);
 	return /* @__PURE__ */ jsx(Menu$1.Group, {
 		ref,
 		"data-slot": "dropdown-menu-group",
@@ -119,7 +119,7 @@ function MenuGroup({ className, ref, ...props }) {
 * Label for a group of menu items.
 */
 function MenuGroupLabel({ className, inset, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__group-label", inset && "menu__group-label--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menu__group-label", inset && "menu__group-label--inset"), className);
 	return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
 		ref,
 		"data-slot": "dropdown-menu-label",
@@ -132,7 +132,7 @@ function MenuGroupLabel({ className, inset, ref, ...props }) {
 * Arrow pointing to the trigger.
 */
 function MenuArrow({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__arrow"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__arrow", className);
 	return /* @__PURE__ */ jsx(Menu$1.Arrow, {
 		ref,
 		"data-slot": "dropdown-menu-arrow",
@@ -144,7 +144,7 @@ function MenuArrow({ className, ref, ...props }) {
 * Visual separator between menu sections.
 */
 function MenuSeparator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__separator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__separator", className);
 	return /* @__PURE__ */ jsx(Menu$1.Separator, {
 		ref,
 		"data-slot": "dropdown-menu-separator",
@@ -156,7 +156,7 @@ function MenuSeparator({ className, ref, ...props }) {
 * Group for exclusive radio selection.
 */
 function MenuRadioGroup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__radio-group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__radio-group", className);
 	return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
 		ref,
 		"data-slot": "dropdown-menu-radio-group",
@@ -168,7 +168,7 @@ function MenuRadioGroup({ className, ref, ...props }) {
 * Radio item for exclusive selection.
 */
 function MenuRadioItem({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__radio-item"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__radio-item", className);
 	return /* @__PURE__ */ jsx(Menu$1.RadioItem, {
 		ref,
 		"data-slot": "dropdown-menu-radio-item",
@@ -180,7 +180,7 @@ function MenuRadioItem({ className, ref, ...props }) {
 * Indicator for selected radio item.
 */
 function MenuRadioItemIndicator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__radio-indicator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__radio-indicator", className);
 	return /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, {
 		ref,
 		"data-slot": "dropdown-menu-radio-item-indicator",
@@ -192,7 +192,7 @@ function MenuRadioItemIndicator({ className, ref, ...props }) {
 * Checkbox item for toggling options.
 */
 function MenuCheckboxItem({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__checkbox-item"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__checkbox-item", className);
 	return /* @__PURE__ */ jsx(Menu$1.CheckboxItem, {
 		ref,
 		"data-slot": "dropdown-menu-checkbox-item",
@@ -204,7 +204,7 @@ function MenuCheckboxItem({ className, ref, ...props }) {
 * Indicator for checked checkbox item.
 */
 function MenuCheckboxItemIndicator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__checkbox-indicator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menu__checkbox-indicator", className);
 	return /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, {
 		ref,
 		"data-slot": "dropdown-menu-checkbox-item-indicator",
@@ -216,7 +216,7 @@ function MenuShortcut({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "dropdown-menu-shortcut",
-		className: mergeBaseClassName(["menu__shortcut"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("menu__shortcut", className),
 		...props
 	});
 }
@@ -230,7 +230,7 @@ function MenuSubmenuRoot(props) {
 * Trigger that opens a submenu.
 */
 function MenuSubmenuTrigger({ className, inset, ref, ...props }) {
-	const classes = mergeBaseClassName(["menu__submenu-trigger", inset && "menu__item--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menu__submenu-trigger", inset && "menu__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu$1.SubmenuTrigger, {
 		ref,
 		"data-slot": "dropdown-menu-sub-trigger",

package/dist/components/Menubar.js

@@ -1,5 +1,5 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { _ as DotIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { _ as DotIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -33,7 +33,7 @@ function MenubarRoot({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Menubar$1, {
 		ref,
 		"data-slot": "menubar",
-		className: mergeBaseClassName(["menubar"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("menubar", className),
 		...props
 	});
 }
@@ -74,7 +74,7 @@ const MenubarPortal = (props) => {
 * Positions the menu popup.
 */
 function MenubarPositioner({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Menu.Positioner, {
 		ref,
 		"data-slot": "menubar-positioner",
@@ -86,7 +86,7 @@ function MenubarPositioner({ className, ref, ...props }) {
 * Container for menu items.
 */
 function MenubarPopup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__popup base-ui-popup", className);
 	return /* @__PURE__ */ jsx(Menu.Popup, {
 		ref,
 		"data-slot": "menubar-content",
@@ -98,7 +98,7 @@ function MenubarPopup({ className, ref, ...props }) {
 * Interactive menu item.
 */
 function MenubarItem({ className, inset, variant = "default", ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__item", inset && "menubar__item--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menubar__item", inset && "menubar__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu.Item, {
 		ref,
 		"data-slot": "menubar-item",
@@ -112,7 +112,7 @@ function MenubarItem({ className, inset, variant = "default", ref, ...props }) {
 * Visual separator between menu sections.
 */
 function MenubarSeparator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__separator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__separator", className);
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		ref,
 		"data-slot": "menubar-separator",
@@ -124,7 +124,7 @@ function MenubarSeparator({ className, ref, ...props }) {
 * Groups related menu items.
 */
 function MenubarGroup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__group", className);
 	return /* @__PURE__ */ jsx(Menu.Group, {
 		ref,
 		"data-slot": "menubar-group",
@@ -136,7 +136,7 @@ function MenubarGroup({ className, ref, ...props }) {
 * Label for a menu item group.
 */
 function MenubarGroupLabel({ className, inset, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__group-label", inset && "menubar__group-label--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menubar__group-label", inset && "menubar__group-label--inset"), className);
 	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
 		ref,
 		"data-slot": "menubar-label",
@@ -146,7 +146,7 @@ function MenubarGroupLabel({ className, inset, ref, ...props }) {
 	});
 }
 function MenubarCheckboxItem({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__checkbox-item"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__checkbox-item", className);
 	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
 		ref,
 		"data-slot": "menubar-checkbox-item",
@@ -163,7 +163,7 @@ function MenubarCheckboxItemIndicator({ children, className, ...props }) {
 	});
 }
 function MenubarRadioGroup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__radio-group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__radio-group", className);
 	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
 		ref,
 		"data-slot": "menubar-radio-group",
@@ -172,7 +172,7 @@ function MenubarRadioGroup({ className, ref, ...props }) {
 	});
 }
 function MenubarRadioItem({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__radio-item"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("menubar__radio-item", className);
 	return /* @__PURE__ */ jsx(Menu.RadioItem, {
 		ref,
 		"data-slot": "menubar-radio-item",
@@ -192,7 +192,7 @@ function MenubarShortcut({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "menubar-shortcut",
-		className: mergeBaseClassName(["menubar__shortcut"].filter(Boolean).join(" "), className),
+		className: mergeBaseClassName("menubar__shortcut", className),
 		...props
 	});
 }
@@ -200,7 +200,7 @@ function MenubarSubmenuRoot(props) {
 	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
 }
 function MenubarSubmenuTrigger({ className, inset, ref, ...props }) {
-	const classes = mergeBaseClassName(["menubar__submenu-trigger", inset && "menubar__item--inset"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("menubar__submenu-trigger", inset && "menubar__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
 		ref,
 		"data-slot": "menubar-sub-trigger",

package/dist/components/Message.js

@@ -1,2 +1,2 @@
-import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-rZEaaD8Q.js";
+import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-DzuteocT.js";
 export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../icons-DKXiSepE.js";
+import { n as ArrowDownIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -22,6 +22,7 @@ function MessageScroller({ className, ...props }) {
 function MessageScrollerViewport({ className, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Viewport, {
 		"data-slot": "message-scroller-viewport",
+		"data-recipe": "scroll-fade-y",
 		className: cx("message-scroller__viewport", className),
 		...props
 	});

package/dist/components/Meter.js

@@ -20,7 +20,7 @@ import { Meter as Meter$1 } from "@base-ui/react/meter";
 * @see {@link https://base-ui.com/react/components/meter | Base UI Meter}
 */
 function MeterRoot({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["meter"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("meter", className);
 	return /* @__PURE__ */ jsx(Meter$1.Root, {
 		ref,
 		"data-slot": "meter",
@@ -32,7 +32,7 @@ function MeterRoot({ className, ref, ...props }) {
 * The track that contains the indicator. Represents the full range.
 */
 function MeterTrack({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["meter__track"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("meter__track", className);
 	return /* @__PURE__ */ jsx(Meter$1.Track, {
 		ref,
 		"data-slot": "meter-track",
@@ -44,7 +44,7 @@ function MeterTrack({ className, ref, ...props }) {
 * The indicator that visualizes the current value.
 */
 function MeterIndicator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["meter__indicator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("meter__indicator", className);
 	return /* @__PURE__ */ jsx(Meter$1.Indicator, {
 		ref,
 		"data-slot": "meter-indicator",
@@ -56,7 +56,7 @@ function MeterIndicator({ className, ref, ...props }) {
 * Accessible label for the meter.
 */
 function MeterLabel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["meter__label"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("meter__label", className);
 	return /* @__PURE__ */ jsx(Meter$1.Label, {
 		ref,
 		"data-slot": "meter-label",
@@ -68,7 +68,7 @@ function MeterLabel({ className, ref, ...props }) {
 * Displays the current value as text.
 */
 function MeterValue({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["meter__value"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("meter__value", className);
 	return /* @__PURE__ */ jsx(Meter$1.Value, {
 		ref,
 		"data-slot": "meter-value",

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-4GsCWcZV.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-pecWyOFI.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/NaniteScene.js

@@ -1,3 +1,4 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/NaniteScene.tsx
 const BODY_COLORS = [
@@ -25,7 +26,7 @@ const TRIO_XS = [
 /** Compact decorative Nanite identity mark for dense agent and task UI. */
 function NaniteMark({ index = 0, className }) {
 	return /* @__PURE__ */ jsx("span", {
-		className: ["nanite-mark", className].filter(Boolean).join(" "),
+		className: cx("nanite-mark", className),
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsxs("svg", {
 			viewBox: "-18 -34 36 54",

package/dist/components/NavigationMenu.js

@@ -39,7 +39,7 @@ import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-me
 * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI NavigationMenu}
 */
 function Root({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Root, {
 		ref,
 		render: /* @__PURE__ */ jsx("nav", {}),
@@ -49,7 +49,7 @@ function Root({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuList({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__list"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__list", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
 		ref,
 		"data-slot": "navigation-menu-list",
@@ -59,7 +59,7 @@ function NavigationMenuList({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuItem({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__item"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__item", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
 		ref,
 		"data-slot": "navigation-menu-item",
@@ -68,7 +68,7 @@ function NavigationMenuItem({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuTrigger({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__trigger"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__trigger", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Trigger, {
 		ref,
 		"data-slot": "navigation-menu-trigger",
@@ -77,7 +77,7 @@ function NavigationMenuTrigger({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuIcon({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__icon"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__icon", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
 		ref,
 		"data-slot": "navigation-menu-icon",
@@ -86,7 +86,7 @@ function NavigationMenuIcon({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuContent({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__content"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__content", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
 		ref,
 		"data-slot": "navigation-menu-content",
@@ -95,7 +95,7 @@ function NavigationMenuContent({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuLink({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__link"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__link", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
 		ref,
 		"data-slot": "navigation-menu-link",
@@ -110,7 +110,7 @@ function NavigationMenuPortal(props) {
 	});
 }
 function NavigationMenuPositioner({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
 		ref,
 		"data-slot": "navigation-menu-positioner",
@@ -119,7 +119,7 @@ function NavigationMenuPositioner({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuPopup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__popup base-ui-popup", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
 		ref,
 		"data-slot": "navigation-menu-popup",
@@ -128,7 +128,7 @@ function NavigationMenuPopup({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuViewport({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__viewport"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__viewport", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
 		ref,
 		"data-slot": "navigation-menu-viewport",
@@ -137,7 +137,7 @@ function NavigationMenuViewport({ className, ref, ...props }) {
 	});
 }
 function NavigationMenuArrow({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["navigation-menu__arrow"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("navigation-menu__arrow", className);
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Arrow, {
 		ref,
 		"data-slot": "navigation-menu-arrow",

package/dist/components/NumberField.js

@@ -20,7 +20,7 @@ import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
 * @see {@link https://base-ui.com/react/components/number-field | Base UI NumberField}
 */
 function NumberFieldRoot({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field", className);
 	return /* @__PURE__ */ jsx(NumberField$1.Root, {
 		ref,
 		"data-slot": "number-field",
@@ -32,7 +32,7 @@ function NumberFieldRoot({ className, ref, ...props }) {
 * Groups the input with increment and decrement buttons.
 */
 function NumberFieldGroup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field__group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field__group", className);
 	return /* @__PURE__ */ jsx(NumberField$1.Group, {
 		ref,
 		"data-slot": "number-field-group",
@@ -44,7 +44,7 @@ function NumberFieldGroup({ className, ref, ...props }) {
 * The native input control for the number field.
 */
 function NumberFieldInput({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field__input"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field__input", className);
 	return /* @__PURE__ */ jsx(NumberField$1.Input, {
 		ref,
 		"data-slot": "number-field-input",
@@ -56,7 +56,7 @@ function NumberFieldInput({ className, ref, ...props }) {
 * Button that increases the value.
 */
 function NumberFieldIncrement({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field__increment"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field__increment", className);
 	return /* @__PURE__ */ jsx(NumberField$1.Increment, {
 		ref,
 		"data-slot": "number-field-increment",
@@ -68,7 +68,7 @@ function NumberFieldIncrement({ className, ref, ...props }) {
 * Button that decreases the value.
 */
 function NumberFieldDecrement({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field__decrement"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field__decrement", className);
 	return /* @__PURE__ */ jsx(NumberField$1.Decrement, {
 		ref,
 		"data-slot": "number-field-decrement",
@@ -80,7 +80,7 @@ function NumberFieldDecrement({ className, ref, ...props }) {
 * Interactive area for click-and-drag value changes.
 */
 function NumberFieldScrubArea({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["number-field__scrub-area"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("number-field__scrub-area", className);
 	return /* @__PURE__ */ jsx(NumberField$1.ScrubArea, {
 		ref,
 		"data-slot": "number-field-scrub-area",