@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/{ModelSelector-DXtpcRmT.js → ModelSelector-DVgVBdvw.js}

@@ -1,7 +1,9 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { A as SearchIcon, o as ChevronDownIcon } from "./icons-D2Q5n5C1.js";
+import { j as SearchIcon, o as ChevronDownIcon } from "./icons-Ba9THQKz.js";
+import { Separator } from "./components/Separator.js";
 import { Button } from "./components/Button.js";
-import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./components/Dialog.js";
+import { Dialog } from "./components/Dialog.js";
+import { Input } from "./components/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/provider-logos.tsx
@@ -213,13 +215,13 @@ function useModelSelectorContext() {
 * multiselect; use Combobox or a dedicated component for that.
 *
 * Sigvelo changes: composes the design-system Dialog and Button, filters item
-* children locally, and maps provider logos plus listbox styling to Sigvelo
+* children locally, and maps provider logos plus button-list styling to Sigvelo
 * CSS tokens.
 *
-* The dialog owns focus while open, the list uses `role="listbox"`, and items
-* use `role="option"` with `aria-selected`. Styling consumes surface, border,
-* spacing, radius, focus, and typography tokens. Add provider/item affordances
-* here when they need to be shared.
+* The dialog owns focus while open, and options are native buttons in grouped
+* sections. Styling consumes surface, border, spacing, radius, focus, and
+* typography tokens. Add provider/item affordances here when they need to be
+* shared.
 *
 * @example
 * ```tsx
@@ -268,7 +270,7 @@ function ModelSelector({ open, defaultOpen = false, onOpenChange, children, clas
 			ref,
 			className: cx("model-selector", className),
 			...props,
-			children: /* @__PURE__ */ jsx(Dialog, {
+			children: /* @__PURE__ */ jsx(Dialog.Root, {
 				open: currentOpen,
 				onOpenChange: handleOpenChange,
 				children
@@ -338,7 +340,7 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
 	});
 }
 function ModelSelectorTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(DialogTrigger, { render: /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, { render: /* @__PURE__ */ jsxs(Button, {
 		variant: "outline",
 		color: "neutral",
 		className: cx("model-selector__trigger", className),
@@ -351,13 +353,13 @@ function ModelSelectorTrigger({ className, children, ...props }) {
 	}) });
 }
 function ModelSelectorContent({ children, title = "Model Selector", ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsxs(DialogPopup, {
+	return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
 		...props,
-		children: [/* @__PURE__ */ jsx(DialogTitle, {
+		children: [/* @__PURE__ */ jsx(Dialog.Title, {
 			className: "model-selector__title",
 			children: title
 		}), children]
-	})] });
+	}) })] });
 }
 function ModelSelectorDialog({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -375,7 +377,7 @@ function ModelSelectorInput({ className, placeholder = "Search models…", ref,
 			className: "model-selector__search-icon",
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ jsx(SearchIcon, {})
-		}), /* @__PURE__ */ jsx("input", {
+		}), /* @__PURE__ */ jsx(Input, {
 			ref,
 			type: "search",
 			value: query,
@@ -390,7 +392,6 @@ function ModelSelectorInput({ className, placeholder = "Search models…", ref,
 function ModelSelectorList({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
-		role: "listbox",
 		className: cx("model-selector__list", className),
 		...props,
 		children
@@ -398,6 +399,7 @@ function ModelSelectorList({ className, children, ref, ...props }) {
 }
 function ModelSelectorGroup({ className, label, children, ref, ...props }) {
 	const { query } = useModelSelectorContext();
+	const labelId = React.useId();
 	const childArray = React.Children.toArray(children).filter((child) => React.isValidElement(child));
 	const q = query.trim().toLowerCase();
 	const filtered = q ? childArray.filter((child) => {
@@ -409,10 +411,11 @@ function ModelSelectorGroup({ className, label, children, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		role: "group",
-		"aria-label": label,
+		"aria-labelledby": labelId,
 		className: cx("model-selector__group", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("div", {
+			id: labelId,
 			className: "model-selector__group-label",
 			children: label
 		}), filtered]
@@ -425,11 +428,11 @@ function ModelSelectorItem({ className, value, keywords, selected, onSelect, chi
 		onSelectItem();
 		onClick?.(e);
 	};
-	return /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsx(Button, {
 		ref,
-		type: "button",
-		role: "option",
-		"aria-selected": selected,
+		variant: "ghost",
+		color: "neutral",
+		"aria-current": selected ? "true" : void 0,
 		"data-selected": selected ? "" : void 0,
 		className: cx("model-selector__item", className),
 		onClick: handleClick,
@@ -446,7 +449,7 @@ function ModelSelectorEmpty({ className, children = "No models found", ref, ...p
 	});
 }
 function ModelSelectorSeparator({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("hr", {
+	return /* @__PURE__ */ jsx(Separator, {
 		ref,
 		className: cx("model-selector__separator", className),
 		...props

package/dist/{PromptInput-D6-G24p7.d.ts → PromptInput-p5KmOmt1.d.ts}

@@ -1,19 +1,15 @@
-import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, f as SelectOption, j as SelectValue, r as SelectContentProps, s as SelectItemProps, t as Select } from "./Select-CRsKCJ9x.js";
-import { c as ComboboxGroup, d as ComboboxLabel, f as ComboboxList, g as ComboboxTrigger, h as ComboboxSeparator, l as ComboboxInput, m as ComboboxPositioner, p as ComboboxPopup, s as ComboboxEmpty, t as Combobox, u as ComboboxItem } from "./Combobox-D9anamNr.js";
-import { h as MenuItemProps, l as MenuContentProps, w as MenuProps } from "./Menu-B5vDqZe_.js";
-import { c as TabsList, n as TabPanel, t as Tab } from "./Tabs-D9EAq09D.js";
-import { r as ButtonProps } from "./Button-Ct5I6aTu.js";
+import { _ as SelectTriggerProps, a as SelectIconProps, c as SelectItemTextProps, f as SelectPositionerProps, g as SelectSeparatorProps, h as SelectScrollUpArrowProps, i as SelectGroupProps, l as SelectListProps, m as SelectScrollDownArrowProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectPopupProps, v as SelectValueProps } from "./Select-Dl_vF_Bt.js";
+import { i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-3Zc4tb9D.js";
+import { t as Combobox } from "./Combobox-B9Fcd6q-.js";
+import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-Bgu-ufb5.js";
+import { r as ButtonProps } from "./Button-FX_hpqxm.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
-import { PendingApproval } from "@cloudflare/think";
+import { PendingApproval, Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
+import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
 //#region src/components/PromptInput.d.ts
-interface PromptInputReferencedSource {
-  id?: string;
-  title?: string;
-  url?: string;
-  [key: string]: unknown;
-}
 /** The payload produced when the prompt input is submitted. */
 interface PromptInputMessage {
   text: string;
@@ -39,18 +35,9 @@ interface PromptInputControllerProps {
   attachments: AttachmentsContext;
   __registerFileInput: (ref: React.RefObject<HTMLInputElement | null>, open: () => void) => void;
 }
-interface ReferencedSourcesContext {
-  sources: Array<PromptInputReferencedSource & {
-    id: string;
-  }>;
-  add: (sources: PromptInputReferencedSource[] | PromptInputReferencedSource) => void;
-  remove: (id: string) => void;
-  clear: () => void;
-}
 declare function usePromptInputController(): PromptInputControllerProps;
 declare function useProviderAttachments(): AttachmentsContext;
 declare function usePromptInputAttachments(): AttachmentsContext;
-declare function usePromptInputReferencedSources(): ReferencedSourcesContext;
 interface PromptInputProviderProps extends React.PropsWithChildren {
   initialInput?: string;
 }
@@ -86,8 +73,8 @@ interface PromptInputProps extends Omit<React.FormHTMLAttributes<HTMLFormElement
  *
  * Use for assistant/chat submit forms. Do not use it as a generic textarea or
  * non-chat form. Sigvelo changes: uses shared Menu, Select, Combobox, Tabs,
- * Button, and Tooltip components; maps styles to CSS tokens; adds local
- * attachment and referenced-source helpers.
+ * Button, and Tooltip components; maps styles to CSS tokens; and adds local
+ * attachment helpers.
  *
  * The form handles Enter-to-submit while multiline editing remains in the
  * textarea. Attachment controls need accessible labels through their buttons
@@ -121,7 +108,6 @@ declare function PromptInput({
   onError,
   onSubmit,
   children,
-  id,
   ref,
   ...props
 }: PromptInputProps & {
@@ -246,6 +232,23 @@ declare function PromptInputButton({
 }: PromptInputButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
+interface PromptInputDictationProps extends Omit<PromptInputButtonProps, "children" | "onClick" | "tooltip"> {
+  /** The whole upstream `useVoiceInput` result; authentication and transport stay in the host. */
+  voice: UseVoiceInputReturn;
+}
+/**
+ * Voice-dictation control for PromptInput. Final upstream transcripts are
+ * appended to the composer while interim text remains ephemeral.
+ */
+declare function PromptInputDictation({
+  voice,
+  className,
+  disabled,
+  ref,
+  ...props
+}: PromptInputDictationProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
 type PromptInputActionMenuProps = MenuProps;
 declare function PromptInputActionMenu(props: PromptInputActionMenuProps): React.JSX.Element;
 type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
@@ -254,10 +257,23 @@ declare function PromptInputActionMenuTrigger({
   children,
   ...props
 }: PromptInputActionMenuTriggerProps): React.JSX.Element;
-type PromptInputActionMenuContentProps = MenuContentProps;
+type PromptInputActionMenuContentProps = React.ComponentProps<typeof Menu.Popup> & Pick<React.ComponentProps<typeof Menu.Positioner>, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
 declare function PromptInputActionMenuContent({
+  anchor,
+  positionMethod,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  collisionBoundary,
+  collisionPadding,
+  sticky,
+  arrowPadding,
+  disableAnchorTracking,
+  collisionAvoidance,
   className,
   children,
+  tabIndex,
   ...props
 }: PromptInputActionMenuContentProps): React.JSX.Element;
 type PromptInputActionMenuItemProps = MenuItemProps;
@@ -324,27 +340,6 @@ declare function PromptInputSubmit({
 }: PromptInputSubmitProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-/**
- * Resolve Think execution approvals that do not use the AI SDK
- * `approval-requested` part: paused codemode executions and durable-pause
- * approvals from `pendingApprovals()`. Wire to the Think agent's
- * client-callable RPCs:
- *
- * ```tsx
- * executionApprovals={{
- *   approve: (id) => agent.stub.approveExecution(id),
- *   reject: (id, reason) => agent.stub.rejectExecution(id, reason),
- * }}
- * ```
- *
- * On approve, upstream resumes or runs the parked execution and auto-continues
- * the chat. Both RPCs are idempotent, so a stale click resolves to "already
- * handled".
- */
-interface ExecutionApprovals {
-  approve: (executionId: string) => unknown;
-  reject: (executionId: string, reason?: string) => unknown;
-}
 /** The id a response must carry: the approval id, or the paused run's executionId. */
 declare function getApprovalRequestId(part: ToolUIPart | DynamicToolUIPart): string | undefined;
 /** Component-local identity: paused executions can ask for multiple approvals. */
@@ -371,8 +366,10 @@ interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElem
   approval?: PendingApproval;
   /** Pass `addToolApprovalResponse` from `useAgentChat`/`useChat` directly. */
   onRespond?: ChatAddToolApproveResponseFunction;
-  /** Resolves Think execution approvals instead of `onRespond`. See {@link ExecutionApprovals}. */
-  executionApprovals?: ExecutionApprovals;
+  /** Whole upstream Think stub used to resolve execution approvals instead of `onRespond`. */
+  thinkStub?: AgentStub<Think>;
+  /** Called after a Think approve/reject RPC settles, including when it rejects. */
+  onExecutionSettled?: () => void | Promise<void>;
   /**
    * Renders a Skip action that dismisses the confirmation without responding —
    * the approval stays pending upstream.
@@ -394,7 +391,8 @@ declare function PromptInputApproval({
   part,
   approval: durableApproval,
   onRespond,
-  executionApprovals,
+  thinkStub,
+  onExecutionSettled,
   onSkip,
   question,
   count,
@@ -404,16 +402,121 @@ declare function PromptInputApproval({
 }: PromptInputApprovalProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-type PromptInputSelectProps = SelectProps;
-declare const PromptInputSelect: typeof Select;
-type PromptInputSelectTriggerProps = SelectTriggerProps;
-declare function PromptInputSelectTrigger(props: PromptInputSelectTriggerProps): React.JSX.Element;
-type PromptInputSelectContentProps = SelectContentProps;
-declare function PromptInputSelectContent(props: PromptInputSelectContentProps): React.JSX.Element;
-type PromptInputSelectItemProps = SelectItemProps;
-declare const PromptInputSelectItem: typeof SelectOption;
-type PromptInputSelectValueProps = SelectValueProps;
-declare const PromptInputSelectValue: typeof SelectValue;
+type PromptInputSelectProps = React.ComponentProps<typeof Select.Root>;
+declare const PromptInputSelect: {
+  Root: <Value>(props: SelectProps<Value>) => React.JSX.Element;
+  Label: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Trigger: ({
+    size,
+    className,
+    ref,
+    ...props
+  }: SelectTriggerProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+  }) => React.JSX.Element;
+  Value: ({
+    placeholder,
+    children,
+    ref,
+    ...props
+  }: SelectValueProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+  }) => React.JSX.Element;
+  Icon: ({
+    className,
+    children,
+    ref,
+    ...props
+  }: SelectIconProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Backdrop: ({
+    className,
+    ref,
+    ...props
+  }: SelectBackdropProps) => React.JSX.Element;
+  Positioner: ({
+    className,
+    ref,
+    ...props
+  }: SelectPositionerProps & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Popup: ({
+    className,
+    ref,
+    ...props
+  }: SelectPopupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Arrow: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  List: ({
+    className,
+    ref,
+    ...props
+  }: SelectListProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Item: ({
+    className,
+    value,
+    ref,
+    ...props
+  }: SelectItemProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  ItemText: ({
+    className,
+    ref,
+    ...props
+  }: SelectItemTextProps) => React.JSX.Element;
+  ItemIndicator: ({
+    className,
+    children,
+    ref,
+    ...props
+  }: SelectItemIndicatorProps) => React.JSX.Element;
+  Separator: ({
+    className,
+    ref,
+    ...props
+  }: SelectSeparatorProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Group: ({
+    label,
+    className,
+    children,
+    ref,
+    ...props
+  }: SelectGroupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  GroupLabel: ({
+    className,
+    ref,
+    ...props
+  }: SelectGroupLabelProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  ScrollUpArrow: ({
+    className,
+    children,
+    ref,
+    ...props
+  }: SelectScrollUpArrowProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  ScrollDownArrow: ({
+    className,
+    children,
+    ref,
+    ...props
+  }: SelectScrollDownArrowProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+};
 interface PromptInputHoverCardProps extends React.HTMLAttributes<HTMLDivElement> {
   openDelay?: number;
   closeDelay?: number;
@@ -444,12 +547,31 @@ declare function PromptInputHoverCardContent({
 }: PromptInputHoverCardContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-type PromptInputTabsListProps = React.ComponentPropsWithoutRef<typeof TabsList>;
-declare const PromptInputTabsList: typeof TabsList;
-type PromptInputTabProps = React.ComponentPropsWithoutRef<typeof Tab>;
-declare const PromptInputTab: typeof Tab;
-type PromptInputTabBodyProps = React.ComponentPropsWithoutRef<typeof TabPanel>;
-declare const PromptInputTabBody: typeof TabPanel;
+type PromptInputTabsListProps = React.ComponentPropsWithoutRef<typeof Tabs.List>;
+declare const PromptInputTabsList: ({
+  className,
+  variant,
+  ref,
+  ...props
+}: TabsListProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
+type PromptInputTabProps = React.ComponentPropsWithoutRef<typeof Tabs.Tab>;
+declare const PromptInputTab: ({
+  className,
+  ref,
+  ...props
+}: TabProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}) => React.JSX.Element;
+type PromptInputTabBodyProps = React.ComponentPropsWithoutRef<typeof Tabs.Panel>;
+declare const PromptInputTabBody: ({
+  className,
+  ref,
+  ...props
+}: TabPanelProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
 interface PromptInputTabLabelProps extends React.HTMLAttributes<HTMLHeadingElement> {}
 declare function PromptInputTabLabel({
   className,
@@ -466,11 +588,27 @@ declare function PromptInputTabItem({
 }: PromptInputTabItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type PromptInputCommandProps = React.ComponentPropsWithoutRef<typeof Combobox>;
-declare const PromptInputCommand: typeof import("@base-ui/react").ComboboxRoot & {
+type PromptInputCommandProps = React.ComponentPropsWithoutRef<typeof Combobox.Root>;
+declare const PromptInputCommand: {
   Root: typeof import("@base-ui/react").ComboboxRoot;
-  Input: typeof ComboboxInput;
-  Trigger: typeof ComboboxTrigger;
+  Input: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLInputElement>;
+  }) => React.JSX.Element;
+  Trigger: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxTrigger>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLButtonElement>;
+  }) => React.JSX.Element;
   Clear: ({
     className,
     ref,
@@ -481,11 +619,43 @@ declare const PromptInputCommand: typeof import("@base-ui/react").ComboboxRoot &
     ref?: React.Ref<HTMLButtonElement>;
   }) => React.JSX.Element;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Positioner: typeof ComboboxPositioner;
-  Popup: typeof ComboboxPopup;
-  Content: typeof ComboboxPopup;
-  List: typeof ComboboxList;
-  Item: typeof ComboboxItem;
+  Positioner: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPositioner>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Popup: ({
+    className,
+    tabIndex,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPopup>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  List: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxList>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Item: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
   ItemIndicator: ({
     className,
     ref,
@@ -495,19 +665,49 @@ declare const PromptInputCommand: typeof import("@base-ui/react").ComboboxRoot &
   } & {
     ref?: React.Ref<HTMLSpanElement>;
   }) => React.JSX.Element;
-  Empty: typeof ComboboxEmpty;
-  Group: typeof ComboboxGroup;
-  GroupLabel: typeof ComboboxLabel;
-  Label: typeof ComboboxLabel;
+  Empty: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  Group: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
+  GroupLabel: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
   Value: typeof import("@base-ui/react").ComboboxValue;
   Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  ChipsInput: typeof ComboboxInput;
   Collection: typeof import("@base-ui/react").ComboboxCollection;
   Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
-type PromptInputCommandInputProps = React.ComponentPropsWithoutRef<typeof ComboboxInput>;
-declare const PromptInputCommandInput: typeof ComboboxInput;
+type PromptInputCommandInputProps = React.ComponentPropsWithoutRef<typeof Combobox.Input>;
+declare const PromptInputCommandInput: ({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLInputElement>;
+}) => React.JSX.Element;
 interface PromptInputCommandListProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function PromptInputCommandList({
   className,
@@ -516,13 +716,37 @@ declare function PromptInputCommandList({
 }: PromptInputCommandListProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type PromptInputCommandEmptyProps = React.ComponentPropsWithoutRef<typeof ComboboxEmpty>;
-declare const PromptInputCommandEmpty: typeof ComboboxEmpty;
-type PromptInputCommandGroupProps = React.ComponentPropsWithoutRef<typeof ComboboxGroup>;
-declare const PromptInputCommandGroup: typeof ComboboxGroup;
-type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof ComboboxItem>;
-declare const PromptInputCommandItem: typeof ComboboxItem;
-type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof ComboboxSeparator>;
+type PromptInputCommandEmptyProps = React.ComponentPropsWithoutRef<typeof Combobox.Empty>;
+declare const PromptInputCommandEmpty: ({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
+type PromptInputCommandGroupProps = React.ComponentPropsWithoutRef<typeof Combobox.Group>;
+declare const PromptInputCommandGroup: ({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
+type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof Combobox.Item>;
+declare const PromptInputCommandItem: ({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
+type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Combobox.Separator>;
 declare const PromptInputCommandSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { PromptInputHoverCardTriggerProps as $, PromptInputCommandEmpty as A, PromptInputTextareaProps as At, PromptInputCommandProps as B, usePromptInputAttachments as Bt, PromptInputAttachmentsProps as C, PromptInputTabItemProps as Ct, PromptInputButtonProps as D, PromptInputTabsList as Dt, PromptInputButton as E, PromptInputTabProps as Et, PromptInputCommandInputProps as F, TextInputContext as Ft, PromptInputFooterProps as G, PromptInputCommandSeparatorProps as H, usePromptInputReferencedSources as Ht, PromptInputCommandItem as I, TooltipSide as It, PromptInputHoverCard as J, PromptInputHeader as K, PromptInputCommandItemProps as L, getApprovalRequestId as Lt, PromptInputCommandGroup as M, PromptInputToolsProps as Mt, PromptInputCommandGroupProps as N, PromptInputTooltipConfig as Nt, PromptInputButtonTooltip as O, PromptInputTabsListProps as Ot, PromptInputCommandInput as P, ReferencedSourcesContext as Pt, PromptInputHoverCardTrigger as Q, PromptInputCommandList as R, getApprovalStateKey as Rt, PromptInputAttachments as S, PromptInputTabItem as St, PromptInputBodyProps as T, PromptInputTabLabelProps as Tt, PromptInputControllerProps as U, useProviderAttachments as Ut, PromptInputCommandSeparator as V, usePromptInputController as Vt, PromptInputFooter as W, PromptInputHoverCardContentProps as X, PromptInputHoverCardContent as Y, PromptInputHoverCardProps as Z, PromptInputActionMenuTriggerProps as _, PromptInputSubmit as _t, PromptInput as a, PromptInputProviderProps as at, PromptInputAttachment as b, PromptInputTabBody as bt, PromptInputActionAddScreenshot as c, PromptInputSelectContent as ct, PromptInputActionMenuContent as d, PromptInputSelectItemProps as dt, PromptInputMessage as et, PromptInputActionMenuContentProps as f, PromptInputSelectProps as ft, PromptInputActionMenuTrigger as g, PromptInputSelectValueProps as gt, PromptInputActionMenuProps as h, PromptInputSelectValue as ht, PermissionMode as i, PromptInputProvider as it, PromptInputCommandEmptyProps as j, PromptInputTools as jt, PromptInputCommand as k, PromptInputTextarea as kt, PromptInputActionAddScreenshotProps as l, PromptInputSelectContentProps as lt, PromptInputActionMenuItemProps as m, PromptInputSelectTriggerProps as mt, ExecutionApprovals as n, PromptInputPermissionSelectorProps as nt, PromptInputActionAddAttachments as o, PromptInputReferencedSource as ot, PromptInputActionMenuItem as p, PromptInputSelectTrigger as pt, PromptInputHeaderProps as q, PendingToolApproval as r, PromptInputProps as rt, PromptInputActionAddAttachmentsProps as s, PromptInputSelect as st, AttachmentsContext as t, PromptInputPermissionSelector as tt, PromptInputActionMenu as u, PromptInputSelectItem as ut, PromptInputApproval as v, PromptInputSubmitProps as vt, PromptInputBody as w, PromptInputTabLabel as wt, PromptInputAttachmentProps as x, PromptInputTabBodyProps as xt, PromptInputApprovalProps as y, PromptInputTab as yt, PromptInputCommandListProps as z, getPendingToolApprovals as zt };
+export { PromptInputHoverCardTrigger as $, PromptInputCommandEmptyProps as A, getPendingToolApprovals as At, PromptInputCommandSeparator as B, PromptInputBody as C, PromptInputTools as Ct, PromptInputButtonTooltip as D, TooltipSide as Dt, PromptInputButtonProps as E, TextInputContext as Et, PromptInputCommandItem as F, PromptInputFooter as G, PromptInputControllerProps as H, PromptInputCommandItemProps as I, PromptInputHeaderProps as J, PromptInputFooterProps as K, PromptInputCommandList as L, PromptInputCommandGroupProps as M, usePromptInputController as Mt, PromptInputCommandInput as N, useProviderAttachments as Nt, PromptInputCommand as O, getApprovalRequestId as Ot, PromptInputCommandInputProps as P, PromptInputHoverCardProps as Q, PromptInputCommandListProps as R, PromptInputAttachmentsProps as S, PromptInputTextareaProps as St, PromptInputButton as T, PromptInputTooltipConfig as Tt, PromptInputDictation as U, PromptInputCommandSeparatorProps as V, PromptInputDictationProps as W, PromptInputHoverCardContent as X, PromptInputHoverCard as Y, PromptInputHoverCardContentProps as Z, PromptInputApproval as _, PromptInputTabLabelProps as _t, PromptInputActionAddAttachments as a, PromptInputProvider as at, PromptInputAttachmentProps as b, PromptInputTabsListProps as bt, PromptInputActionAddScreenshotProps as c, PromptInputSelectProps as ct, PromptInputActionMenuContentProps as d, PromptInputTab as dt, PromptInputHoverCardTriggerProps as et, PromptInputActionMenuItem as f, PromptInputTabBody as ft, PromptInputActionMenuTriggerProps as g, PromptInputTabLabel as gt, PromptInputActionMenuTrigger as h, PromptInputTabItemProps as ht, PromptInput as i, PromptInputProps as it, PromptInputCommandGroup as j, usePromptInputAttachments as jt, PromptInputCommandEmpty as k, getApprovalStateKey as kt, PromptInputActionMenu as l, PromptInputSubmit as lt, PromptInputActionMenuProps as m, PromptInputTabItem as mt, PendingToolApproval as n, PromptInputPermissionSelector as nt, PromptInputActionAddAttachmentsProps as o, PromptInputProviderProps as ot, PromptInputActionMenuItemProps as p, PromptInputTabBodyProps as pt, PromptInputHeader as q, PermissionMode as r, PromptInputPermissionSelectorProps as rt, PromptInputActionAddScreenshot as s, PromptInputSelect as st, AttachmentsContext as t, PromptInputMessage as tt, PromptInputActionMenuContent as u, PromptInputSubmitProps as ut, PromptInputApprovalProps as v, PromptInputTabProps as vt, PromptInputBodyProps as w, PromptInputToolsProps as wt, PromptInputAttachments as x, PromptInputTextarea as xt, PromptInputAttachment as y, PromptInputTabsList as yt, PromptInputCommandProps as z };