@mcp-b/react-components 0.16.1 → 0.17.0

package/dist/components/Conversation.d.ts

@@ -97,8 +97,7 @@ declare function ConversationEmptyState({
 }: ConversationEmptyStateProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ConversationScrollButtonProps extends Omit<MessageScrollerButtonProps, "children" | "className"> {
-  className?: string;
+interface ConversationScrollButtonProps extends Omit<MessageScrollerButtonProps, "children"> {
   /** Accessible label for the button. */
   label?: string;
   children?: React.ReactNode;
@@ -126,8 +125,7 @@ declare function ConversationScrollButton({
  *   `### Role\n\n<text>` blocks joined by blank lines.
  */
 declare function messagesToMarkdown(messages: ConversationMessage[], formatMessage?: (message: ConversationMessage, index: number) => string): string;
-interface ConversationDownloadProps extends Omit<React.ComponentProps<typeof Button>, "onClick" | "children" | "className"> {
-  className?: string;
+interface ConversationDownloadProps extends Omit<React.ComponentProps<typeof Button>, "onClick" | "children"> {
   messages: ConversationMessage[];
   /** Filename for the downloaded Markdown file. */
   filename?: string;

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { m as DownloadIcon, t as ArrowDownIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { h as DownloadIcon, t as ArrowDownIcon } from "../icons--FqCZEc3.js";
 import { Button } from "./Button.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import * as React from "react";

package/dist/components/DescriptionListParts.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/DescriptionListParts.tsx

package/dist/components/Dialog.d.ts

@@ -5,29 +5,18 @@ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 interface DialogProps extends Dialog$1.Root.Props {}
 interface DialogTriggerProps extends Dialog$1.Trigger.Props {}
 interface DialogPortalProps extends Dialog$1.Portal.Props {}
-interface DialogBackdropProps extends Omit<Dialog$1.Backdrop.Props, "className"> {
-  className?: string;
-}
-interface DialogViewportProps extends Omit<Dialog$1.Viewport.Props, "className"> {
-  className?: string;
-}
-interface DialogPopupProps extends Omit<Dialog$1.Popup.Props, "className"> {
-  className?: string;
+interface DialogBackdropProps extends Dialog$1.Backdrop.Props {}
+interface DialogViewportProps extends Dialog$1.Viewport.Props {}
+interface DialogPopupProps extends Dialog$1.Popup.Props {
   /**
    * The size of the dialog.
    * @default 'md'
    */
   size?: "sm" | "md" | "lg" | "fullscreen";
 }
-interface DialogTitleProps extends Omit<Dialog$1.Title.Props, "className"> {
-  className?: string;
-}
-interface DialogDescriptionProps extends Omit<Dialog$1.Description.Props, "className"> {
-  className?: string;
-}
-interface DialogCloseProps extends Omit<Dialog$1.Close.Props, "className"> {
-  className?: string;
-}
+interface DialogTitleProps extends Dialog$1.Title.Props {}
+interface DialogDescriptionProps extends Dialog$1.Description.Props {}
+interface DialogCloseProps extends Dialog$1.Close.Props {}
 interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
 /**

package/dist/components/Dialog.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
@@ -30,12 +31,8 @@ function DialogTrigger(props) {
 		...props
 	});
 }
-function DialogBackdrop({ className = "", ref, ...props }) {
-	const classes = [
-		"dialog__backdrop",
-		"base-ui-backdrop",
-		className
-	].filter(Boolean).join(" ");
+function DialogBackdrop({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__backdrop", "base-ui-backdrop"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
 		ref,
 		"data-slot": "dialog-overlay",
@@ -43,8 +40,8 @@ function DialogBackdrop({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogViewport({ className = "", ref, ...props }) {
-	const classes = ["dialog__viewport", className].filter(Boolean).join(" ");
+function DialogViewport({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__viewport"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Viewport, {
 		ref,
 		"data-slot": "dialog-viewport",
@@ -52,12 +49,8 @@ function DialogViewport({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogPopup({ size = "md", className = "", ref, ...props }) {
-	const classes = [
-		"dialog__popup",
-		size !== "md" && `dialog__popup--${size}`,
-		className
-	].filter(Boolean).join(" ");
+function DialogPopup({ size = "md", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__popup", size !== "md" && `dialog__popup--${size}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Popup, {
 		ref,
 		"data-slot": "dialog-content",
@@ -65,24 +58,24 @@ function DialogPopup({ size = "md", className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogHeader({ className = "", ref, ...props }) {
+function DialogHeader({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "dialog-header",
-		className: ["dialog__header", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["dialog__header"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function DialogFooter({ className = "", ref, ...props }) {
+function DialogFooter({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "dialog-footer",
-		className: ["dialog__footer", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["dialog__footer"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function DialogTitle({ className = "", ref, ...props }) {
-	const classes = ["dialog__title", className].filter(Boolean).join(" ");
+function DialogTitle({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__title"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		ref,
 		"data-slot": "dialog-title",
@@ -90,8 +83,8 @@ function DialogTitle({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogDescription({ className = "", ref, ...props }) {
-	const classes = ["dialog__description", className].filter(Boolean).join(" ");
+function DialogDescription({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__description"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		ref,
 		"data-slot": "dialog-description",
@@ -99,8 +92,8 @@ function DialogDescription({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogClose({ className = "", ref, ...props }) {
-	const classes = ["dialog__close", className].filter(Boolean).join(" ");
+function DialogClose({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["dialog__close"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		ref,
 		"data-slot": "dialog-close",

package/dist/components/EnvironmentVariables.d.ts

@@ -1,4 +1,4 @@
-import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.js";
+import { t as CopyButtonProps } from "../copy-button-CQx3LQAC.js";
 import * as React from "react";
 
 //#region src/components/EnvironmentVariables.d.ts

package/dist/components/EnvironmentVariables.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { _ as EyeOffIcon, g as EyeIcon } from "../icons-CpfUer49.js";
-import { t as CopyButton } from "../copy-button-Dejn5heL.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { _ as EyeIcon, v as EyeOffIcon } from "../icons--FqCZEc3.js";
+import { t as CopyButton } from "../copy-button-cYsJBauI.js";
 import { Badge } from "./Badge.js";
 import { Switch } from "./Switch.js";
 import * as React from "react";
@@ -69,6 +69,7 @@ function EnvironmentVariables({ className, showValues, defaultShowValues = false
 			ref,
 			className: cx("environment-variables", className),
 			...props,
+			"data-recipe": "framed-panel",
 			children
 		})
 	});

package/dist/components/Field.d.ts

@@ -6,38 +6,26 @@ import { Field as Field$1 } from "@base-ui/react/field";
  * Props for the Field.Root component.
  */
 interface FieldRootProps extends React.ComponentPropsWithoutRef<typeof Field$1.Root> {
-  /** Additional CSS class names */
-  className?: string;
   orientation?: "vertical" | "horizontal" | "responsive";
 }
 /**
  * Props for the Field.Label component.
  */
-interface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Field$1.Label> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Field$1.Label> {}
 /**
  * Props for the Field.Control component.
  */
-interface FieldControlProps extends React.ComponentPropsWithoutRef<typeof Field$1.Control> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface FieldControlProps extends React.ComponentPropsWithoutRef<typeof Field$1.Control> {}
 /**
  * Props for the Field.Description component.
  */
-interface FieldDescriptionProps extends React.ComponentPropsWithoutRef<typeof Field$1.Description> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface FieldDescriptionProps extends React.ComponentPropsWithoutRef<typeof Field$1.Description> {}
 /**
  * Props for the Field.Error component.
  */
-interface FieldErrorProps extends React.ComponentPropsWithoutRef<typeof Field$1.Error> {
-  /** Additional CSS class names */
-  className?: string;
-  errors?: Array<{
+interface FieldErrorProps extends React.ComponentPropsWithoutRef<typeof Field$1.Error> {}
+interface FieldErrorsProps extends React.HTMLAttributes<HTMLDivElement> {
+  errors: Array<{
     message?: string;
   } | string | undefined>;
 }
@@ -160,12 +148,20 @@ declare function FieldDescription({
  */
 declare function FieldError({
   className,
-  errors,
   children,
   ref,
   ...props
 }: FieldErrorProps & {
   ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function FieldErrors({
+  className,
+  errors,
+  children,
+  ref,
+  ...props
+}: FieldErrorsProps & {
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
 /**
  * Renders custom content based on the field's validity state.
@@ -268,6 +264,7 @@ declare const Field: {
   Control: typeof FieldControl;
   Description: typeof FieldDescription;
   Error: typeof FieldError;
+  Errors: typeof FieldErrors;
   Item: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Validity: React.FC<import("@base-ui/react").FieldValidityProps>;
   Set: typeof FieldSet;
@@ -278,4 +275,4 @@ declare const Field: {
   Separator: typeof FieldSeparator;
 };
 //#endregion
-export { Field, FieldContentProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldGroupProps, FieldLabelProps, FieldLegendProps, FieldRootProps, FieldSeparatorProps, FieldSetProps, FieldTitleProps, FieldValidityProps };
+export { Field, FieldContentProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldErrorsProps, FieldGroupProps, FieldLabelProps, FieldLegendProps, FieldRootProps, FieldSeparatorProps, FieldSetProps, FieldTitleProps, FieldValidityProps };

package/dist/components/Field.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName, t as cx } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field as Field$1 } from "@base-ui/react/field";
@@ -17,12 +18,8 @@ import { Field as Field$1 } from "@base-ui/react/field";
 *
 * @see {@link https://base-ui.com/react/components/field | Base UI Field}
 */
-function FieldRoot({ className = "", orientation = "vertical", ref, ...props }) {
-	const classes = [
-		"field",
-		orientation !== "vertical" && `field--${orientation}`,
-		className
-	].filter(Boolean).join(" ");
+function FieldRoot({ className, orientation = "vertical", ref, ...props }) {
+	const classes = mergeBaseClassName(["field", orientation !== "vertical" && `field--${orientation}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Field$1.Root, {
 		ref,
 		role: "group",
@@ -44,8 +41,8 @@ function FieldRoot({ className = "", orientation = "vertical", ref, ...props })
 * </Field.Root>
 * ```
 */
-function FieldLabel({ className = "", ref, ...props }) {
-	const classes = ["field__label", className].filter(Boolean).join(" ");
+function FieldLabel({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("field__label", className);
 	return /* @__PURE__ */ jsx(Field$1.Label, {
 		ref,
 		"data-slot": "field-label",
@@ -66,8 +63,8 @@ function FieldLabel({ className = "", ref, ...props }) {
 * <Field.Control render={<Textarea />} />
 * ```
 */
-function FieldControl({ className = "", ref, ...props }) {
-	const classes = ["field__control", className].filter(Boolean).join(" ");
+function FieldControl({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("field__control", className);
 	return /* @__PURE__ */ jsx(Field$1.Control, {
 		ref,
 		"data-slot": "field-control",
@@ -88,8 +85,8 @@ function FieldControl({ className = "", ref, ...props }) {
 * </Field.Root>
 * ```
 */
-function FieldDescription({ className = "", ref, ...props }) {
-	const classes = ["field__description", className].filter(Boolean).join(" ");
+function FieldDescription({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("field__description", className);
 	return /* @__PURE__ */ jsx(Field$1.Description, {
 		ref,
 		"data-slot": "field-description",
@@ -120,15 +117,17 @@ function FieldDescription({ className = "", ref, ...props }) {
 * - `rangeUnderflow` - Number is less than `min`
 * - `rangeOverflow` - Number is greater than `max`
 */
-function FieldError({ className = "", errors, children, ref, ...props }) {
-	const classes = ["field__error", className].filter(Boolean).join(" ");
-	if (errors === void 0) return /* @__PURE__ */ jsx(Field$1.Error, {
+function FieldError({ className, children, ref, ...props }) {
+	const classes = mergeBaseClassName("field__error", className);
+	return /* @__PURE__ */ jsx(Field$1.Error, {
 		ref,
 		"data-slot": "field-error",
 		className: classes,
 		...props,
 		children
 	});
+}
+function FieldErrors({ className = "", errors, children, ref, ...props }) {
 	const messages = [...new Set(errors.map((error) => typeof error === "string" ? error : error?.message).filter(Boolean))];
 	const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ jsx("ul", {
 		className: "field__error-list",
@@ -139,7 +138,7 @@ function FieldError({ className = "", errors, children, ref, ...props }) {
 		ref,
 		role: "alert",
 		"data-slot": "field-error",
-		className: classes,
+		className: cx("field__error", className),
 		...props,
 		children: content
 	});
@@ -260,6 +259,7 @@ const Field = {
 	Control: FieldControl,
 	Description: FieldDescription,
 	Error: FieldError,
+	Errors: FieldErrors,
 	Item: Field$1.Item,
 	Validity: Field$1.Validity,
 	Set: FieldSet,

package/dist/components/Fieldset.d.ts

@@ -5,19 +5,14 @@ import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
 /**
  * Props for the Fieldset.Root component.
  */
-interface FieldsetRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Fieldset$1.Root>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
+interface FieldsetRootProps extends React.ComponentPropsWithoutRef<typeof Fieldset$1.Root> {
   /** Visual treatment for the field group. */
   variant?: "outlined" | "plain";
 }
 /**
  * Props for the Fieldset.Legend component.
  */
-interface FieldsetLegendProps extends Omit<React.ComponentPropsWithoutRef<typeof Fieldset$1.Legend>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface FieldsetLegendProps extends React.ComponentPropsWithoutRef<typeof Fieldset$1.Legend> {}
 interface FieldsetDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
 /**
  * Groups the fieldset legend and associated fields.

package/dist/components/Fieldset.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
@@ -19,8 +20,8 @@ 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 = ["fieldset", className].filter(Boolean).join(" ");
+function FieldsetRoot({ className, ref, variant = "outlined", ...props }) {
+	const classes = mergeBaseClassName(["fieldset"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Fieldset$1.Root, {
 		ref,
 		className: classes,
@@ -32,18 +33,18 @@ function FieldsetRoot({ className = "", ref, variant = "outlined", ...props }) {
 * Accessible label for the fieldset, automatically associated with it.
 * Renders a `<div>` element (styled as legend).
 */
-function FieldsetLegend({ className = "", ref, ...props }) {
-	const classes = ["fieldset__legend", className].filter(Boolean).join(" ");
+function FieldsetLegend({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["fieldset__legend"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Fieldset$1.Legend, {
 		ref,
 		className: classes,
 		...props
 	});
 }
-function FieldsetDescription({ className = "", ref, ...props }) {
+function FieldsetDescription({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		ref,
-		className: ["fieldset__description", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["fieldset__description"].filter(Boolean).join(" "), 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-CkVbIMWV.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-B7bBsUyU.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/Form.d.ts

@@ -5,10 +5,7 @@ import { Form as Form$1 } from "@base-ui/react/form";
 /**
  * Props for the Form component.
  */
-interface FormProps extends Omit<React.ComponentPropsWithoutRef<typeof Form$1>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface FormProps extends React.ComponentPropsWithoutRef<typeof Form$1> {}
 /**
  * A form component that provides consolidated error handling and validation
  * for form controls. Works seamlessly with the Field component.

package/dist/components/Form.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Form as Form$1 } from "@base-ui/react/form";
@@ -76,11 +77,11 @@ import { Form as Form$1 } from "@base-ui/react/form";
 *
 * @see {@link https://base-ui.com/react/components/form | Base UI Form}
 */
-function Form({ className = "", ref, ...props }) {
+function Form({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Form$1, {
 		ref,
 		"data-slot": "form",
-		className: ["form", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["form"].filter(Boolean).join(" "), className),
 		...props
 	});
 }

package/dist/components/GithubMotionMark.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/GithubMotionMark.tsx
 /**

package/dist/components/InlineCitation.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { SourceDocumentUIPart, SourceUrlUIPart } from "ai";
+
+//#region src/components/InlineCitation.d.ts
+interface InlineCitationProps extends React.ComponentPropsWithoutRef<"span"> {
+  /** Claim text and citations placed beside it by the consuming application. */
+  children?: React.ReactNode;
+}
+/**
+ * Keeps claim text and an app-placed citation in one inline presentation group.
+ *
+ * AI SDK source parts do not include text offsets. The app must place this
+ * component beside the claim it supports; this component never parses message
+ * text or guesses an anchor position.
+ *
+ * @see ../../node_modules/ai/src/ui/ui-messages.ts (`SourceUrlUIPart`,
+ * `SourceDocumentUIPart`)
+ * @see https://elements.ai-sdk.dev/components/inline-citation
+ */
+declare function InlineCitation({
+  className,
+  ref,
+  ...props
+}: InlineCitationProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface InlineCitationTextProps extends React.ComponentPropsWithoutRef<"span"> {}
+/** Claim text whose citation is placed by the consuming app. */
+declare function InlineCitationText({
+  className,
+  ref,
+  ...props
+}: InlineCitationTextProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface InlineCitationCardProps extends React.ComponentPropsWithoutRef<"div"> {}
+/** Compact presentation container for citation details inside an existing overlay. */
+declare function InlineCitationCard({
+  className,
+  ref,
+  ...props
+}: InlineCitationCardProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface InlineCitationSourceProps extends Omit<React.ComponentPropsWithoutRef<"span">, "children"> {
+  /** The complete AI SDK source part. It is consumed directly without normalization. */
+  source: SourceUrlUIPart | SourceDocumentUIPart;
+  /** Optional presentation-owned citation number. It is not part of the source model. */
+  index?: number;
+}
+/**
+ * Adapts a whole AI SDK URL or document source part to an inline citation.
+ * URL sources use a safe external link and PreviewCard. Document sources have
+ * no URL, so they use a Popover button and never fabricate a download target.
+ */
+declare function InlineCitationSource({
+  source,
+  index,
+  className,
+  ref,
+  ...props
+}: InlineCitationSourceProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+//#endregion
+export { InlineCitation, InlineCitationCard, InlineCitationCardProps, InlineCitationProps, InlineCitationSource, InlineCitationSourceProps, InlineCitationText, InlineCitationTextProps };