@mcp-b/react-components 0.49.1 → 0.50.0

package/dist/{AgentChatQueue-v5890eA1.d.ts → AgentChatQueue-MrHhV901.d.ts}

@@ -1,4 +1,4 @@
-import { J as PromptInputMessage } from "./PromptInput-4kCz3T9P.js";
+import { J as PromptInputMessage } from "./PromptInput-DGPrCTPl.js";
 import * as React from "react";
 import { ChatStatus } from "ai";
 

package/dist/AgentMessageParts-C7L-Mv9U.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { ChatStatus, UIMessage } from "ai";
+
+//#region src/components/ai-sdk/AgentMessageParts.d.ts
+type AgentMessagePart<MessageT extends UIMessage = UIMessage> = MessageT["parts"][number];
+interface AgentMessageRenderPartContext<MessageT extends UIMessage = UIMessage> {
+  message: MessageT;
+  part: AgentMessagePart<MessageT>;
+  partIndex: number;
+  defaultRender: () => React.ReactNode;
+}
+interface AgentMessagePartsProps<MessageT extends UIMessage = UIMessage> {
+  /** The whole upstream AI SDK message whose parts should render in order. */
+  message: MessageT;
+  /** Drives native reasoning streaming UI. Settled messages default to `ready`. */
+  status?: ChatStatus;
+  /**
+   * Override rendering per part. Return `undefined` to use the default renderer,
+   * `null` to suppress the part, or call `defaultRender()` to compose the
+   * built-in result into custom UI.
+   *
+   * The default renderer uses upstream helpers where available:
+   * `isTextUIPart`, `isReasoningUIPart`, `isFileUIPart`, `isToolUIPart`,
+   * `getToolName`, and the native AI SDK tool-part state fields. It
+   * also renders native AI SDK `source-url`/`source-document` parts as a single
+   * grouped `Sources` block when they appear consecutively, consolidates native
+   * reasoning parts into one disclosure, and treats `step-start` as a silent
+   * structural boundary. App-defined `data-*` parts stay whole and should be
+   * narrowed with AI SDK's `isDataUIPart` inside this callback. If you override
+   * source rendering, return a React node for every source part you want to
+   * show; returning `undefined` keeps the upstream-shaped source-run grouping.
+   */
+  renderPart?: (context: AgentMessageRenderPartContext<MessageT>) => React.ReactNode | undefined;
+}
+/**
+ * Renders the ordered parts of one whole AI SDK `UIMessage` without adding a
+ * transcript, message wrapper, composer, or transport. Compose it inside
+ * `Message` for read-only run previews and child-agent transcript rows.
+ */
+declare function AgentMessageParts<MessageT extends UIMessage = UIMessage>({
+  message,
+  status,
+  renderPart
+}: AgentMessagePartsProps<MessageT>): (React.JSX.Element | null)[];
+//#endregion
+export { AgentMessageRenderPartContext as i, AgentMessageParts as n, AgentMessagePartsProps as r, AgentMessagePart as t };

package/dist/AppTopBar-CVkLRdk7.d.ts

@@ -0,0 +1,99 @@
+import { a as ToolbarLinkProps, n as ToolbarButtonProps, r as ToolbarGroupProps, t as Toolbar } from "./Toolbar-CGY004u0.js";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/general-purpose/AppTopBar.d.ts
+interface AppTopBarRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar.Root>, "disabled"> {
+  /** Accessible name describing the controls in this application bar. */
+  "aria-label": string;
+  /** Disables every interactive control managed by the application bar. */
+  disabled?: React.ComponentPropsWithoutRef<typeof Toolbar.Root>["disabled"];
+  /**
+   * Where the title sits. An application bar centres it between the control
+   * groups; a panel header labels its leading edge instead.
+   */
+  titleAlign?: "center" | "start";
+}
+interface AppTopBarGroupProps extends ToolbarGroupProps {}
+interface AppTopBarTitleProps extends useRender.ComponentProps<"div"> {}
+interface AppTopBarButtonProps extends Omit<ToolbarButtonProps, "aria-label"> {
+  ref?: React.Ref<HTMLButtonElement>;
+  /** Accessible name and default tooltip text for the icon-only control. */
+  label: string;
+  /** Tooltip text when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+}
+interface AppTopBarLinkProps extends Omit<ToolbarLinkProps, "aria-label"> {
+  ref?: React.Ref<HTMLAnchorElement>;
+  /** Accessible name and default tooltip text for the icon-only link. */
+  label: string;
+  /** Tooltip text when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+}
+interface AppTopBarControlProps extends ToolbarButtonProps {
+  ref?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Stable application-level toolbar with composable leading, title, and trailing
+ * slots. Descendant buttons share Base UI's roving focus and tooltip provider.
+ */
+declare function AppTopBarRoot({
+  children,
+  className,
+  titleAlign,
+  ...props
+}: AppTopBarRootProps): React.JSX.Element;
+declare function AppTopBarLeading({
+  className,
+  ...props
+}: AppTopBarGroupProps): React.JSX.Element;
+declare function AppTopBarTitle({
+  className,
+  render,
+  ref,
+  ...props
+}: AppTopBarTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function AppTopBarTrailing({
+  className,
+  ...props
+}: AppTopBarGroupProps): React.JSX.Element;
+declare function AppTopBarControl({
+  className,
+  ...props
+}: AppTopBarControlProps): React.JSX.Element;
+declare function AppTopBarButton({
+  children,
+  className,
+  disabled,
+  label,
+  render,
+  tooltip,
+  ...props
+}: AppTopBarButtonProps): React.JSX.Element;
+declare function AppTopBarLink({
+  children,
+  className,
+  label,
+  render,
+  tooltip,
+  ...props
+}: AppTopBarLinkProps): React.JSX.Element;
+/**
+ * Composable application top bar with stable leading, title, and trailing
+ * slots. Icon controls use shared Toolbar roving focus and coordinated Tooltip
+ * behavior; their fixed slots do not resize when state icons change. Render an
+ * existing behavior-rich button through `Control` to retain those toolbar
+ * semantics without rebuilding the control. Use `Link` for navigation so an
+ * `href` or router-provided link keeps native link semantics.
+ */
+declare const AppTopBar: {
+  Root: typeof AppTopBarRoot;
+  Leading: typeof AppTopBarLeading;
+  Title: typeof AppTopBarTitle;
+  Trailing: typeof AppTopBarTrailing;
+  Control: typeof AppTopBarControl;
+  Button: typeof AppTopBarButton;
+  Link: typeof AppTopBarLink;
+};
+//#endregion
+export { AppTopBarLinkProps as a, AppTopBarGroupProps as i, AppTopBarButtonProps as n, AppTopBarRootProps as o, AppTopBarControlProps as r, AppTopBarTitleProps as s, AppTopBar as t };

package/dist/{CodeBlock-g8sADidM.js → CodeBlock-BMK6CW9D.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { t as CopyButton } from "./copy-button-CSDuDfdP.js";
+import { t as CopyButton } from "./copy-button-Dk2vRe9j.js";
 import { Select } from "./components/foundations/Select.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/Dialog-88GF7_Th.d.ts

@@ -0,0 +1,107 @@
+import * as React from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/foundations/Dialog.d.ts
+type DialogProps<Payload = unknown> = Dialog.Root.Props<Payload>;
+type DialogTriggerProps<Payload = unknown> = Dialog.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
+interface DialogPortalProps extends React.ComponentPropsWithRef<typeof Dialog.Portal> {}
+interface DialogBackdropProps extends React.ComponentPropsWithRef<typeof Dialog.Backdrop> {}
+interface DialogViewportProps extends React.ComponentPropsWithRef<typeof Dialog.Viewport> {}
+interface DialogPopupProps extends React.ComponentPropsWithRef<typeof Dialog.Popup> {
+  /**
+   * The size of the dialog.
+   * @default 'md'
+   */
+  size?: "sm" | "md" | "lg" | "fullscreen";
+}
+interface DialogTitleProps extends React.ComponentPropsWithRef<typeof Dialog.Title> {}
+interface DialogDescriptionProps extends React.ComponentPropsWithRef<typeof Dialog.Description> {}
+interface DialogCloseProps extends React.ComponentPropsWithRef<typeof Dialog.Close> {}
+interface DialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
+interface DialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
+/**
+ * A dialog component for modal interactions.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
+ *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
+ *   <Dialog.Portal>
+ *     <Dialog.Backdrop />
+ *     <Dialog.Viewport>
+ *       <Dialog.Popup>
+ *         <Dialog.Title>Confirm</Dialog.Title>
+ *         <Dialog.Description>Are you sure?</Dialog.Description>
+ *         <Dialog.Close>Cancel</Dialog.Close>
+ *       </Dialog.Popup>
+ *     </Dialog.Viewport>
+ *   </Dialog.Portal>
+ * </Dialog.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
+ */
+declare function DialogTrigger<Payload>({
+  render,
+  className,
+  ref,
+  ...props
+}: DialogTriggerProps<Payload>): React.JSX.Element;
+declare function DialogBackdrop({
+  className,
+  ref,
+  ...props
+}: DialogBackdropProps): React.JSX.Element;
+declare function DialogViewport({
+  className,
+  ref,
+  ...props
+}: DialogViewportProps): React.JSX.Element;
+declare function DialogPopup({
+  size,
+  className,
+  ref,
+  ...props
+}: DialogPopupProps): React.JSX.Element;
+declare function DialogHeader({
+  className,
+  ref,
+  ...props
+}: DialogHeaderProps): React.JSX.Element;
+declare function DialogFooter({
+  className,
+  ref,
+  ...props
+}: DialogFooterProps): React.JSX.Element;
+declare function DialogTitle({
+  className,
+  ref,
+  ...props
+}: DialogTitleProps): React.JSX.Element;
+declare function DialogDescription({
+  className,
+  ref,
+  ...props
+}: DialogDescriptionProps): React.JSX.Element;
+declare function DialogClose({
+  render,
+  className,
+  ref,
+  ...props
+}: DialogCloseProps): React.JSX.Element;
+declare const Dialog$1: {
+  Root: <Payload>(props: Dialog.Root.Props<Payload>) => React.JSX.Element;
+  Trigger: typeof DialogTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Backdrop: typeof DialogBackdrop;
+  Viewport: typeof DialogViewport;
+  Popup: typeof DialogPopup;
+  Header: typeof DialogHeader;
+  Footer: typeof DialogFooter;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+  Close: typeof DialogClose;
+  createHandle: typeof Dialog.createHandle;
+};
+//#endregion
+export { DialogFooterProps as a, DialogPortalProps as c, DialogTriggerProps as d, DialogViewportProps as f, DialogDescriptionProps as i, DialogProps as l, DialogBackdropProps as n, DialogHeaderProps as o, DialogCloseProps as r, DialogPopupProps as s, Dialog$1 as t, DialogTitleProps as u };

package/dist/{FileTree-DruTQ-oa.js → FileTree-okaLnS5j.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-cuEtsgj9.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-CeGfXO21.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Form-CM7GNTwR.d.ts

@@ -0,0 +1,91 @@
+import * as React from "react";
+import { Form } from "@base-ui/react/form";
+
+//#region src/components/foundations/Form.d.ts
+/**
+ * Props for the Form component.
+ */
+interface FormProps<Values extends Record<string, unknown> = Record<string, unknown>> extends React.ComponentPropsWithoutRef<typeof Form<Values>> {}
+/**
+ * A form component that provides consolidated error handling and validation
+ * for form controls. Works seamlessly with the Field component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with Field components
+ * <Form onFormSubmit={(values) => console.log(values)}>
+ *   <Field.Root name="username">
+ *     <Field.Label>Username</Field.Label>
+ *     <Field.Control required />
+ *     <Field.Error match="valueMissing">Username is required</Field.Error>
+ *   </Field.Root>
+ *
+ *   <Field.Root name="email">
+ *     <Field.Label>Email</Field.Label>
+ *     <Field.Control type="email" required />
+ *     <Field.Error match="valueMissing">Email is required</Field.Error>
+ *     <Field.Error match="typeMismatch">Invalid email format</Field.Error>
+ *   </Field.Root>
+ *
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With external/server errors
+ * const [errors, setErrors] = useState({});
+ *
+ * async function handleSubmit(values) {
+ *   const result = await api.submit(values);
+ *   if (result.errors) {
+ *     setErrors(result.errors); // { email: "Already registered" }
+ *   }
+ * }
+ *
+ * <Form errors={errors} onFormSubmit={handleSubmit}>
+ *   <Field.Root name="email">
+ *     <Field.Control type="email" />
+ *     <Field.Error />
+ *   </Field.Root>
+ * </Form>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Native submit handlers remain native, so TanStack Form can own state.
+ * <Form
+ *   onSubmit={(event) => {
+ *     event.preventDefault();
+ *     void form.handleSubmit();
+ *   }}
+ * >
+ *   ...
+ * </Form>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With validation modes
+ * // Fields validate when they lose focus
+ * <Form validationMode="onBlur">
+ *   ...
+ * </Form>
+ *
+ * // Fields validate as user types
+ * <Form validationMode="onChange">
+ *   ...
+ * </Form>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/form | Base UI Form}
+ */
+declare function Form$1<Values extends Record<string, unknown> = Record<string, unknown>>({
+  className,
+  ref,
+  ...props
+}: FormProps<Values> & {
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLFormElement>;
+}): React.JSX.Element;
+//#endregion
+export { FormProps as n, Form$1 as t };