@mcp-b/react-components 0.17.0 → 0.18.0

package/dist/components/MessageScroller.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import { r as ButtonProps } from "../Button-DLGzHsjc.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-Bk-QLWWI.js";
-import { t as ArrowDownIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { n as ArrowDownIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -41,7 +41,7 @@ function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
 		...props
 	});
 }
-function MessageScrollerButton({ className, children, color = "neutral", direction = "end", render, size = "icon-sm", variant = "normal", ...props }) {
+function MessageScrollerButton({ className, children, color = "neutral", direction = "end", render, size = "sm", variant = "normal", ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Button, {
 		"data-slot": "message-scroller-button",
 		direction,
@@ -49,7 +49,8 @@ function MessageScrollerButton({ className, children, color = "neutral", directi
 		render: render ?? /* @__PURE__ */ jsx(Button, {
 			color,
 			size,
-			variant
+			variant,
+			iconOnly: true
 		}),
 		...props,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ArrowDownIcon, {}), /* @__PURE__ */ jsx("span", {

package/dist/components/Meter.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Meter as Meter$1 } from "@base-ui/react/meter";

package/dist/components/ModelSelector.d.ts

@@ -1,4 +1,5 @@
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import { r as ButtonProps } from "../Button-DLGzHsjc.js";
+import { DialogProps } from "./Dialog.js";
 import { SeparatorProps } from "./Separator.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";
@@ -54,8 +55,8 @@ interface ModelSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
   open?: boolean;
   /** Initial dialog open state for uncontrolled usage. */
   defaultOpen?: boolean;
-  /** Called when the dialog opens or closes. */
-  onOpenChange?: (open: boolean) => void;
+  /** Receives Base UI's full open-change event details. */
+  onOpenChange?: DialogProps["onOpenChange"];
   /** Additional class names for layout only; do not restyle dialog internals from apps. */
   className?: string;
   /** Trigger, content, search input, grouped list, and items. */

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-BNrZlY_Y.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-Cqw_qrUG.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.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";

package/dist/components/NumberField.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { NumberField as NumberField$1 } from "@base-ui/react/number-field";

package/dist/components/Plan.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { m as DotIcon, r as ArrowRightIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { g as DotIcon, i as ArrowRightIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Plan.tsx

package/dist/components/Popover.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";

package/dist/components/PreviewCard.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";

package/dist/components/PricingBillingToggle.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Badge } from "./Badge.js";
 import { Checkbox } from "./Checkbox.js";
 import { Switch } from "./Switch.js";

package/dist/components/PricingFAQ.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Accordion } from "./Accordion.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/PricingPage.js

@@ -7,6 +7,7 @@ import { PricingUsageCalculator } from "./PricingUsageCalculator.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/PricingPage.tsx
+const EMPTY_USAGE_TIERS = [];
 /**
 * A comprehensive pricing page component that demonstrates all pricing-related
 * components working together.
@@ -28,7 +29,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, faq, showUsageCalculator = false, usageTiers = [], maxUsage = 1e5, usageUnit = "API calls", onSelectPlan, onConfirmUpgrade, className = "", billingToggleVariant, productIds, currentProductId, isSubscribed = false, checkoutUrl = "/api/checkout", switchPlanUrl = "/api/switch-plan", portalUrl = "/api/portal", isLoggedIn = false, loginUrl = "/auth/login", hasPolarAccount = false, onCheckout, onSwitchPlan, onPortalRedirect }) {
+function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, faq, showUsageCalculator = false, usageTiers = EMPTY_USAGE_TIERS, maxUsage = 1e5, usageUnit = "API calls", onSelectPlan, onConfirmUpgrade, className = "", billingToggleVariant, productIds, currentProductId, isSubscribed = false, checkoutUrl = "/api/checkout", switchPlanUrl = "/api/switch-plan", portalUrl = "/api/portal", isLoggedIn = false, loginUrl = "/auth/login", hasPolarAccount = false, onCheckout, onSwitchPlan, onPortalRedirect }) {
 	const [billingPeriod, setBillingPeriod] = React.useState("monthly");
 	const [selectedPlan, setSelectedPlan] = React.useState(null);
 	const [confirmDialogOpen, setConfirmDialogOpen] = React.useState(false);

package/dist/components/PricingPlanCard.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { C as InfoIcon, k as MinusIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { E as InfoIcon, M as MinusIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { Separator } from "./Separator.js";
@@ -94,7 +94,8 @@ function PricingPlanCard({ plan, billingPeriod, action = "select", onSelect, cla
 							render: /* @__PURE__ */ jsx(Button, {
 								variant: "ghost",
 								color: "neutral",
-								size: "icon-sm",
+								size: "sm",
+								iconOnly: true,
 								"aria-label": `More information about ${feature.name}`
 							}),
 							children: /* @__PURE__ */ jsx(InfoIcon, { size: 14 })

package/dist/components/PricingUsageCalculator.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Separator } from "./Separator.js";
 import { Progress } from "./Progress.js";
 import { Slider } from "./Slider.js";
@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/PricingUsageCalculator.tsx
 /** Self-contained usage estimator composed from Card, Slider, Progress, and Separator. */
 function PricingUsageCalculator({ usageTiers, maxUsage = 1e5, usageUnit = "API calls", defaultUsage = 5e4, className }) {
-	const [usage, setUsage] = React.useState(Math.min(defaultUsage, maxUsage));
+	const [usage, setUsage] = React.useState(() => Math.min(defaultUsage, maxUsage));
 	return /* @__PURE__ */ jsxs(Card, {
 		className: cx("pricing-page__calculator", className),
 		children: [

package/dist/components/Progress.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";

package/dist/components/PromptInput.d.ts

@@ -1,2 +1,2 @@
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as getApprovalRequestId, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as useProviderAttachments, H as PromptInputCommandListProps, Ht as getPendingToolApprovals, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as TextInputContext, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as usePromptInputAttachments, V as PromptInputCommandList, Vt as getApprovalStateKey, W as PromptInputCommandSeparator, Wt as usePromptInputController, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as TooltipSide } from "../PromptInput-OLfXPuHM.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as getApprovalRequestId, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as useProviderAttachments, H as PromptInputCommandListProps, Ht as getPendingToolApprovals, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as TextInputContext, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as usePromptInputAttachments, V as PromptInputCommandList, Vt as getApprovalStateKey, W as PromptInputCommandSeparator, Wt as usePromptInputController, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as TooltipSide } from "../PromptInput-Bdh9pqlo.js";
 export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandGroupLabelProps, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputReferences, PromptInputReferencesProps, PromptInputSelect, PromptInputSelectProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/PromptInput.js

@@ -1,5 +1,5 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-Bk-QLWWI.js";
-import { A as MonitorIcon, H as SquareIcon, I as PlusIcon, J as WarningIcon, M as PaperclipIcon, O as MicrophoneIcon, V as SpinnerIcon, W as StopIcon, X as XIcon, Y as WrenchIcon, b as FolderIcon, c as ChevronDownIcon, i as ArrowUpIcon, s as CheckIcon, y as FileIcon } from "../icons--FqCZEc3.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { $ as XIcon, B as PlusIcon, G as SpinnerIcon, I as PaperclipIcon, K as SquareIcon, N as MonitorIcon, Q as WrenchIcon, S as FolderIcon, Z as WarningIcon, a as ArrowUpIcon, j as MicrophoneIcon, l as CheckIcon, q as StopIcon, u as ChevronDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
@@ -41,7 +41,9 @@ function PromptInputProvider({ initialInput = "", children }) {
 	const fileInputRef = React.useRef(null);
 	const openRef = React.useRef(() => {});
 	const attachmentsRef = React.useRef(attachmentFiles);
-	attachmentsRef.current = attachmentFiles;
+	React.useEffect(() => {
+		attachmentsRef.current = attachmentFiles;
+	}, [attachmentFiles]);
 	React.useEffect(() => () => {
 		revokeFileUrls(attachmentsRef.current);
 	}, []);
@@ -131,7 +133,9 @@ function PromptInput({ className, accept, multiple, globalDrop, syncHiddenInput,
 	const [localFiles, setLocalFiles] = React.useState([]);
 	const files = controller?.attachments.files ?? localFiles;
 	const filesRef = React.useRef(files);
-	filesRef.current = files;
+	React.useEffect(() => {
+		filesRef.current = files;
+	}, [files]);
 	React.useImperativeHandle(ref, () => formRef.current, []);
 	React.useEffect(() => () => {
 		if (!usingProvider) revokeFileUrls(filesRef.current);
@@ -174,6 +178,7 @@ function PromptInput({ className, accept, multiple, globalDrop, syncHiddenInput,
 		maxFiles,
 		onError
 	]);
+	const addDroppedFiles = React.useEffectEvent(add);
 	const remove = React.useCallback((attachmentId) => {
 		if (controller) {
 			controller.attachments.remove(attachmentId);
@@ -213,7 +218,7 @@ function PromptInput({ className, accept, multiple, globalDrop, syncHiddenInput,
 		const onDrop = (event) => {
 			const dragEvent = event;
 			if (dragEvent.dataTransfer?.types.includes("Files")) dragEvent.preventDefault();
-			if (dragEvent.dataTransfer?.files?.length) add(dragEvent.dataTransfer.files);
+			if (dragEvent.dataTransfer?.files?.length) addDroppedFiles(dragEvent.dataTransfer.files);
 		};
 		target.addEventListener("dragover", onDragOver);
 		target.addEventListener("drop", onDrop);
@@ -221,7 +226,7 @@ function PromptInput({ className, accept, multiple, globalDrop, syncHiddenInput,
 			target.removeEventListener("dragover", onDragOver);
 			target.removeEventListener("drop", onDrop);
 		};
-	}, [add, globalDrop]);
+	}, [globalDrop]);
 	const attachmentsCtx = React.useMemo(() => ({
 		add,
 		clear: clearAttachments,
@@ -373,7 +378,7 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
 	const controller = useOptionalPromptInputController();
 	const attachments = usePromptInputAttachments();
 	const innerRef = React.useRef(null);
-	const [isComposing, setIsComposing] = React.useState(false);
+	const isComposingRef = React.useRef(false);
 	React.useImperativeHandle(ref, () => innerRef.current, []);
 	const resize = React.useCallback(() => {
 		const el = innerRef.current;
@@ -406,17 +411,17 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
 		placeholder,
 		rows,
 		onCompositionEnd: (event) => {
-			setIsComposing(false);
+			isComposingRef.current = false;
 			onCompositionEnd?.(event);
 		},
 		onCompositionStart: (event) => {
-			setIsComposing(true);
+			isComposingRef.current = true;
 			onCompositionStart?.(event);
 		},
 		onKeyDown: (event) => {
 			onKeyDown?.(event);
 			if (event.defaultPrevented) return;
-			if (event.key === "Enter" && !event.shiftKey && !isComposing && !event.nativeEvent.isComposing) {
+			if (event.key === "Enter" && !event.shiftKey && !isComposingRef.current && !event.nativeEvent.isComposing) {
 				event.preventDefault();
 				event.currentTarget.form?.requestSubmit();
 			}
@@ -448,8 +453,10 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
 		...controlledProps
 	});
 }
-function PromptInputButton({ className, tooltip, variant = "ghost", color = "neutral", size, children, "aria-label": ariaLabel, ref, ...props }) {
-	const resolvedSize = size ?? (React.Children.count(children) > 1 ? "xs" : "icon-xs");
+function PromptInputButton({ className, tooltip, variant = "ghost", color = "neutral", size, iconOnly, children, "aria-label": ariaLabel, ref, ...props }) {
+	const childCount = React.Children.count(children);
+	const resolvedSize = size ?? "sm";
+	const resolvedIconOnly = iconOnly ?? childCount <= 1;
 	const tooltipConfig = typeof tooltip === "string" ? { content: tooltip } : tooltip;
 	const fallbackLabel = ariaLabel ?? (typeof tooltipConfig?.content === "string" ? tooltipConfig.content : void 0);
 	const hasResponsiveLabel = Boolean(tooltipConfig && React.Children.count(children) > 1);
@@ -459,6 +466,7 @@ function PromptInputButton({ className, tooltip, variant = "ghost", color = "neu
 		variant,
 		color,
 		size: resolvedSize,
+		iconOnly: resolvedIconOnly,
 		className: cx("prompt-input__button", className),
 		"aria-label": fallbackLabel,
 		"data-responsive-label": hasResponsiveLabel || void 0,
@@ -593,7 +601,8 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 					type: "button",
 					variant: "normal",
 					color: "neutral",
-					size: "icon",
+					size: "sm",
+					iconOnly: true,
 					"aria-label": "Stop dictation",
 					onClick: () => voice.stop(),
 					children: /* @__PURE__ */ jsx(SquareIcon, { size: 12 })
@@ -602,7 +611,8 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 					className: "prompt-input__recording-button",
 					type: "button",
 					color: "primary",
-					size: "icon",
+					size: "sm",
+					iconOnly: true,
 					"aria-label": "Stop dictation and send",
 					onClick: () => {
 						submitAfterStopRef.current = true;
@@ -631,7 +641,9 @@ function PromptInputRecordingWaveform({ active, level }) {
 	const containerRef = React.useRef(null);
 	const historyRef = React.useRef([]);
 	const levelRef = React.useRef(level);
-	levelRef.current = level;
+	React.useEffect(() => {
+		levelRef.current = level;
+	}, [level]);
 	React.useEffect(() => {
 		const canvas = canvasRef.current;
 		const container = containerRef.current;
@@ -792,7 +804,7 @@ function PromptInputPermissionSelector({ value, onValueChange, question = "How s
 	const trigger = /* @__PURE__ */ jsx(Menu.Trigger, {
 		unstyled: true,
 		render: /* @__PURE__ */ jsxs(PromptInputButton, {
-			size: "xs",
+			size: "sm",
 			className: "prompt-input__permissions-trigger",
 			"data-mode": value,
 			"aria-label": selected.label,
@@ -843,9 +855,9 @@ function PromptInputPermissionSelector({ value, onValueChange, question = "How s
 		})
 	}) }) })] });
 }
-function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "icon-xs", onClick, children, label, allowSubmitWhileBusy = false, hasContent = false, ref, ...props }) {
+function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "sm", onClick, children, label, hasContent = false, ref, ...props }) {
 	const isBusy = status === "submitted" || status === "streaming";
-	const isQueueing = isBusy && allowSubmitWhileBusy && hasContent;
+	const isQueueing = isBusy && hasContent;
 	const isStopping = isBusy && !isQueueing;
 	const resolvedLabel = label ?? (isQueueing ? "Queue message" : defaultSubmitLabel(status));
 	return /* @__PURE__ */ jsx(Button, {
@@ -854,6 +866,7 @@ function PromptInputSubmit({ className, status = "ready", onStop, variant = "nor
 		variant,
 		color,
 		size,
+		iconOnly: true,
 		className: cx("prompt-input__submit", className),
 		"data-status": status,
 		"aria-label": resolvedLabel,
@@ -1140,7 +1153,7 @@ function PromptInputReferences({ references, onRemove, className, ref, ...props
 			type: "button",
 			variant: "ghost",
 			color: "primary",
-			size: "lg",
+			size: "sm",
 			className: "prompt-input__reference",
 			"aria-label": `Remove ${reference.label}`,
 			onClick: () => onRemove(reference),
@@ -1169,7 +1182,7 @@ function PromptInputContextSelector({ items, value, onValueChange, categoryLabel
 	const trigger = /* @__PURE__ */ jsx(Menu.Trigger, {
 		unstyled: true,
 		render: /* @__PURE__ */ jsxs(PromptInputButton, {
-			size: "xs",
+			size: "sm",
 			className: "prompt-input__context-trigger",
 			"aria-label": `${categoryLabel}: ${fullLabel}`,
 			"data-unavailable": !selected || selected.unavailable || void 0,

package/dist/components/Queue.d.ts

@@ -1,5 +1,5 @@
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import { r as ButtonProps } from "../Button-DLGzHsjc.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
 

package/dist/components/Queue.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { m as DotIcon, s as CheckIcon, u as ChevronRightIcon, y as FileIcon } from "../icons--FqCZEc3.js";
+import { f as ChevronRightIcon, g as DotIcon, l as CheckIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
@@ -90,7 +90,6 @@ function QueueSectionLabel({ className, children, count, label, icon, ref, ...pr
 			children !== void 0 && count !== void 0 ? /* @__PURE__ */ jsx(Badge, {
 				color: "neutral",
 				size: "sm",
-				className: "queue__section-count",
 				children: count
 			}) : null
 		]

package/dist/components/RadioGroup.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";

package/dist/components/Reasoning.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { V as SpinnerIcon } from "../icons--FqCZEc3.js";
+import { G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-C4eYRogZ.js";
+import { f as MessageResponse } from "../Message-BXtmfc9Q.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Reasoning.tsx
@@ -50,9 +50,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 		isControlled,
 		onOpenChange
 	]);
-	React.useEffect(() => {
-		if (duration !== void 0) setInternalDuration(duration);
-	}, [duration]);
 	React.useEffect(() => {
 		if (isStreaming) {
 			hasEverStreamedRef.current = true;

package/dist/components/ResizableSidePanel.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { Separator } from "./Separator.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ResponsiveSidebarShell.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { B as SidebarIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { W as SidebarIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
@@ -40,21 +40,27 @@ function ResponsiveSidebarShell({ sidebar, topBar, sidebarLabel, sidebarOpen, de
 	});
 	const toggleLabel = `${sidebarLabel.charAt(0).toUpperCase()}${sidebarLabel.slice(1)}`;
 	const toggleTooltip = `${isSidebarOpen ? "Hide" : "Show"} ${sidebarLabel}`;
+	const updateSidebar = React.useCallback((update, restoreFocus) => {
+		update();
+		if (restoreFocus) queueMicrotask(restoreFocus);
+	}, []);
 	const closeSidebar = React.useCallback(() => {
-		setSidebarOpen(false);
-		queueMicrotask(() => mainRef.current?.focus({ preventScroll: true }));
-	}, [setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(false), () => mainRef.current?.focus({ preventScroll: true }));
+	}, [setSidebarOpen, updateSidebar]);
 	const closeSidebarOnCompact = React.useCallback(() => {
 		if (rootRef.current && isCompactSidebar(rootRef.current)) closeSidebar();
 	}, [closeSidebar]);
 	const toggleSidebar = React.useCallback((trigger) => {
 		if (trigger) openerRef.current = trigger;
-		setSidebarOpen(!isSidebarOpen);
-	}, [isSidebarOpen, setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(!isSidebarOpen));
+	}, [
+		isSidebarOpen,
+		setSidebarOpen,
+		updateSidebar
+	]);
 	const dismissSidebar = React.useCallback(() => {
-		setSidebarOpen(false);
-		queueMicrotask(() => openerRef.current?.focus({ preventScroll: true }));
-	}, [setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(false), () => openerRef.current?.focus({ preventScroll: true }));
+	}, [setSidebarOpen, updateSidebar]);
 	const sidebarContent = typeof sidebar === "function" ? sidebar({
 		closeSidebar,
 		closeSidebarOnCompact

package/dist/components/ScrollArea.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
@@ -77,6 +77,7 @@ function ScrollAreaCorner({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["scroll-area__corner"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(ScrollArea$1.Corner, {
 		ref,
+		"data-slot": "scroll-area-corner",
 		className: classes,
 		...props
 	});

package/dist/components/SearchField.d.ts

@@ -0,0 +1,43 @@
+import { FieldControlProps, FieldLabelProps, FieldRootProps } from "./Field.js";
+import * as React from "react";
+
+//#region src/components/SearchField.d.ts
+interface SearchFieldRootProps extends FieldRootProps {}
+interface SearchFieldLabelProps extends FieldLabelProps {}
+interface SearchFieldControlProps extends Omit<FieldControlProps, "type"> {}
+/**
+ * Field root for a labelled search input. Product-specific sizing can be
+ * applied through the shared field recipe variables without rebuilding the
+ * search icon anatomy.
+ */
+declare function SearchFieldRoot({
+  className,
+  ref,
+  ...props
+}: SearchFieldRootProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/** Label associated with the search control through the underlying Field. */
+declare function SearchFieldLabel({
+  className,
+  ref,
+  ...props
+}: SearchFieldLabelProps & {
+  ref?: React.Ref<HTMLLabelElement>;
+}): React.JSX.Element;
+/** Search input with the design-system search icon and logical inset. */
+declare function SearchFieldControl({
+  className,
+  ref,
+  ...props
+}: SearchFieldControlProps & {
+  ref?: React.Ref<HTMLInputElement>;
+}): React.JSX.Element;
+/** Composable, accessible search field with stable anatomy slots. */
+declare const SearchField: {
+  Root: typeof SearchFieldRoot;
+  Label: typeof SearchFieldLabel;
+  Control: typeof SearchFieldControl;
+};
+//#endregion
+export { SearchField, SearchFieldControlProps, SearchFieldLabelProps, SearchFieldRootProps };

package/dist/components/SearchField.js

@@ -0,0 +1,52 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { U as SearchIcon } from "../icons-CQJ-aMnI.js";
+import { Field } from "./Field.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SearchField.tsx
+/**
+* Field root for a labelled search input. Product-specific sizing can be
+* applied through the shared field recipe variables without rebuilding the
+* search icon anatomy.
+*/
+function SearchFieldRoot({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Root, {
+		ref,
+		"data-slot": "search-field",
+		className: mergeBaseClassName("search-field", className),
+		...props
+	});
+}
+/** Label associated with the search control through the underlying Field. */
+function SearchFieldLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		ref,
+		"data-slot": "search-field-label",
+		className: mergeBaseClassName("search-field__label", className),
+		...props
+	});
+}
+/** Search input with the design-system search icon and logical inset. */
+function SearchFieldControl({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "search-field-control",
+		className: "search-field__control",
+		children: [/* @__PURE__ */ jsx(SearchIcon, {
+			"data-slot": "search-field-icon",
+			className: "search-field__icon",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsx(Field.Control, {
+			ref,
+			type: "search",
+			className: mergeBaseClassName("search-field__input", className),
+			...props
+		})]
+	});
+}
+/** Composable, accessible search field with stable anatomy slots. */
+const SearchField = {
+	Root: SearchFieldRoot,
+	Label: SearchFieldLabel,
+	Control: SearchFieldControl
+};
+//#endregion
+export { SearchField };

package/dist/components/Select.d.ts

@@ -1,2 +1,2 @@
-import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../Select-CwSqP07Y.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../Select-B_13gg_J.js";
 export { Select, SelectBackdropProps, SelectGroupLabelProps, SelectGroupProps, SelectIconProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPopupProps, SelectPortalProps, SelectPositionerProps, SelectProps, SelectScrollDownArrowProps, SelectScrollUpArrowProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps };