@mcp-b/react-components 0.48.0 → 0.49.0

package/dist/components/ai-sdk/Queue.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../../Button-CZt3yywF.js";
+import { r as ButtonProps } from "../../Button-DjONW5UW.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
@@ -13,6 +13,8 @@ interface QueueTodo {
 interface QueueProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Additional class names for layout only; do not override item states from apps. */
   className?: string;
+  /** Compact rows fit queues attached to a prompt input. */
+  density?: "default" | "compact";
   /** QueueSection children. */
   children?: React.ReactNode;
 }
@@ -56,10 +58,11 @@ interface QueueProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function Queue({
   className,
   children,
+  density,
   ref,
   ...props
 }: QueueProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface QueueSectionProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
@@ -100,8 +103,15 @@ declare function QueueSectionLabel({
 }: QueueSectionLabelProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface QueueListProps extends React.ComponentProps<typeof ScrollArea.Root> {}
+interface QueueListProps extends Omit<React.ComponentProps<typeof ScrollArea.Root>, "aria-label" | "aria-labelledby"> {
+  /** Accessible name applied to the rendered list. */
+  "aria-label"?: string;
+  /** Id of visible text that names the rendered list. */
+  "aria-labelledby"?: string;
+}
 declare function QueueList({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   className,
   children,
   ref,
@@ -117,6 +127,15 @@ declare function QueueSectionContent({
 }: QueueSectionContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+interface QueueSectionActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Actions that apply to the whole queue section rather than one item. */
+declare function QueueSectionActions({
+  className,
+  ref,
+  ...props
+}: QueueSectionActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 type QueueItemStatus = "pending" | "active" | "complete" | "completed";
 interface QueueItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
   status?: QueueItemStatus;
@@ -167,11 +186,15 @@ declare function QueueItemDescription({
 }: QueueItemDescriptionProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
-interface QueueItemActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface QueueItemActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Keep actions visible when they are primary to the queue item. */
+  persistent?: boolean;
+}
 interface QueueItemActionProps extends Omit<ButtonProps, "variant" | "color" | "size"> {}
 declare function QueueItemActions({
   className,
   children,
+  persistent,
   ref,
   ...props
 }: QueueItemActionsProps & {
@@ -217,4 +240,4 @@ declare function QueueItemFile({
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { Queue, QueueItem, QueueItemAction, QueueItemActionProps, QueueItemActions, QueueItemActionsProps, QueueItemAttachment, QueueItemAttachmentProps, QueueItemContent, QueueItemContentProps, QueueItemDescription, QueueItemDescriptionProps, QueueItemFile, QueueItemFileProps, QueueItemImage, QueueItemImageProps, QueueItemIndicator, QueueItemIndicatorProps, QueueItemProps, QueueItemStatus, QueueList, QueueListProps, QueueProps, QueueSection, QueueSectionContent, QueueSectionContentProps, QueueSectionLabel, QueueSectionLabelProps, QueueSectionProps, QueueSectionTrigger, QueueSectionTriggerProps, QueueTodo };
+export { Queue, QueueItem, QueueItemAction, QueueItemActionProps, QueueItemActions, QueueItemActionsProps, QueueItemAttachment, QueueItemAttachmentProps, QueueItemContent, QueueItemContentProps, QueueItemDescription, QueueItemDescriptionProps, QueueItemFile, QueueItemFileProps, QueueItemImage, QueueItemImageProps, QueueItemIndicator, QueueItemIndicatorProps, QueueItemProps, QueueItemStatus, QueueList, QueueListProps, QueueProps, QueueSection, QueueSectionActions, QueueSectionActionsProps, QueueSectionContent, QueueSectionContentProps, QueueSectionLabel, QueueSectionLabelProps, QueueSectionProps, QueueSectionTrigger, QueueSectionTriggerProps, QueueTodo };

package/dist/components/ai-sdk/Queue.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";
@@ -43,9 +43,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *
 * @see {@link https://elements.ai-sdk.dev/components/queue | AI Elements Queue}
 */
-function Queue({ className, children, ref, ...props }) {
+function Queue({ className, children, density = "default", ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-density": density,
 		className: cx("queue", className),
 		...props,
 		children
@@ -86,7 +87,7 @@ function QueueSectionLabel({ className, children, count, label, icon, ref, ...pr
 		children: [icon, /* @__PURE__ */ jsxs("span", { children: [content, count === void 0 ? null : ` · ${count}`] })]
 	});
 }
-function QueueList({ className, children, ref, ...props }) {
+function QueueList({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
 		ref,
 		className: cx("queue__list", className),
@@ -97,6 +98,9 @@ function QueueList({ className, children, ref, ...props }) {
 				className: "queue__list-scroll",
 				children: /* @__PURE__ */ jsx("ul", {
 					className: "queue__list-inner",
+					"aria-label": ariaLabel,
+					"aria-labelledby": ariaLabelledBy,
+					role: "list",
 					children
 				})
 			})
@@ -114,6 +118,16 @@ function QueueSectionContent({ className, ref, ...props }) {
 		unstyled: true
 	});
 }
+/** Actions that apply to the whole queue section rather than one item. */
+function QueueSectionActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: "group",
+		"data-slot": "queue-section-actions",
+		className: cx("queue__section-actions", className),
+		...props
+	});
+}
 function normalizeQueueItemStatus(status) {
 	return status === "completed" ? "complete" : status;
 }
@@ -154,9 +168,10 @@ function QueueItemDescription({ className, children, completed = false, ref, ...
 		children
 	});
 }
-function QueueItemActions({ className, children, ref, ...props }) {
+function QueueItemActions({ className, children, persistent = false, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-persistent": persistent || void 0,
 		className: cx("queue__item-actions", className),
 		...props,
 		children
@@ -212,4 +227,4 @@ function QueueItemFile({ className, children, name, size, ref, ...props }) {
 	});
 }
 //#endregion
-export { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemAttachment, QueueItemContent, QueueItemDescription, QueueItemFile, QueueItemImage, QueueItemIndicator, QueueList, QueueSection, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger };
+export { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemAttachment, QueueItemContent, QueueItemDescription, QueueItemFile, QueueItemImage, QueueItemIndicator, QueueList, QueueSection, QueueSectionActions, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger };

package/dist/components/ai-sdk/Reasoning.d.ts

@@ -50,7 +50,7 @@ declare function Reasoning({
   ref,
   ...props
 }: ReasoningProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ReasoningTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   getThinkingMessage?: (isStreaming: boolean, duration?: number) => React.ReactNode;

package/dist/components/ai-sdk/Reasoning.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon } from "../../icons-cuEtsgj9.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import { MessageResponse } from "./Message.js";
 import * as React from "react";
@@ -53,7 +53,7 @@ function useReasoning() {
 function Reasoning({ className, isStreaming = false, duration, open, defaultOpen, onOpenChange, children, ref, ...props }) {
 	const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? isStreaming);
 	const [internalDuration, setInternalDuration] = React.useState(duration);
-	const startTimeRef = React.useRef(isStreaming ? Date.now() : null);
+	const startTimeRef = React.useRef(null);
 	const isControlled = open !== void 0;
 	const currentOpen = isControlled ? open : internalOpen;
 	const preventAutoOpen = defaultOpen === false;
@@ -77,13 +77,13 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 			startTimeRef.current = null;
 		}
 	}, [duration, isStreaming]);
+	const requestAutoOpen = React.useEffectEvent(() => setOpenState(true));
 	React.useEffect(() => {
-		if (isStreaming && !currentOpen && !preventAutoOpen) setOpenState(true);
+		if (isStreaming && !currentOpen && !preventAutoOpen) requestAutoOpen();
 	}, [
 		currentOpen,
 		isStreaming,
-		preventAutoOpen,
-		setOpenState
+		preventAutoOpen
 	]);
 	const ctx = React.useMemo(() => ({
 		isStreaming,

package/dist/components/ai-sdk/Sources.d.ts

@@ -31,7 +31,7 @@ declare function Sources({
   ref,
   ...props
 }: SourcesProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface SourcesTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   /** Number of sources to show in the trigger label. */

package/dist/components/ai-sdk/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

package/dist/components/ai-sdk/Task.d.ts

@@ -32,7 +32,7 @@ declare function Task({
   ref,
   ...props
 }: TaskProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   /** Heading text shown in the trigger row. */

package/dist/components/ai-sdk/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx

package/dist/components/extension/ChatGptSignInScreen.d.ts

@@ -49,7 +49,7 @@ declare function ChatGptSignInScreen({
   ref,
   ...props
 }: ChatGptSignInScreenProps & {
-  ref?: React.Ref<HTMLElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLElement>;
 }): React.JSX.Element;
 //#endregion
 export { ChatGptSignInScreen, ChatGptSignInScreenProps, ChatGptSignInSecondaryAction };

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import "react";

package/dist/components/extension/CodexModelSelector.d.ts

@@ -15,13 +15,17 @@ interface CodexModelSelectorProps<ModelT extends CodexModel = CodexModel> {
   readonly onSelectModel: (model: ModelT) => void;
   /** Current reasoning effort advertised by the selected model. */
   readonly selectedEffortId?: ReasoningEffort<ModelT> | null;
+  /** Selects one of the current model's advertised reasoning efforts. */
   readonly onSelectEffort?: (effortId: ReasoningEffort<ModelT>) => void;
   /** Current service tier advertised by the selected model. */
   readonly selectedSpeedId?: ServiceTier<ModelT> | null;
+  /** Selects an advertised service tier, or null for the account default. */
   readonly onSelectSpeed?: (speedId: ServiceTier<ModelT> | null) => void;
   /** Restores all values to the consuming app's preferred defaults. */
   readonly onReset?: () => void;
+  /** Prevents opening the response-settings menu. */
   readonly disabled?: boolean;
+  /** Additional class name for placement in the consuming toolbar. */
   readonly className?: string;
   /** Controlled menu open state. */
   readonly open?: boolean;
@@ -29,6 +33,7 @@ interface CodexModelSelectorProps<ModelT extends CodexModel = CodexModel> {
   readonly defaultOpen?: boolean;
   /** Receives Base UI's full open-change event details. */
   readonly onOpenChange?: MenuProps["onOpenChange"];
+  /** Accessible name for the compact menu trigger. */
   readonly "aria-label"?: string;
 }
 /**

package/dist/components/extension/CodexModelSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
+import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Menu } from "../foundations/Menu.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
+import { Menu } from "../foundations/Menu.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

package/dist/components/extension/ConversationTabPicker.d.ts

@@ -15,6 +15,7 @@ interface ConversationTabPickerProps<Tab extends ConversationTabPickerItem = Con
   onSelect: (tab: Tab) => void | Promise<void>;
   /** Maximum avatars shown in the collapsed trigger. */
   maxVisible?: number;
+  /** Visible heading for the tab choices in the menu. */
   groupLabel?: React.ReactNode;
 }
 /**

package/dist/components/extension/ConversationTabPicker.js

@@ -1,7 +1,7 @@
-import { et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { Menu } from "../foundations/Menu.js";
 import { Avatar } from "../foundations/Avatar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/foundations/AlertDialog.d.ts

@@ -1,4 +1,4 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-CZt3yywF.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-DjONW5UW.js";
 import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 

package/dist/components/foundations/AppIcon.d.ts

@@ -1,10 +1,11 @@
-import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from "./Avatar.js";
+import { a as AvatarImageProps, n as AvatarFallbackProps, o as AvatarRootProps } from "../../Avatar-o2NO1fCG.js";
 import * as React from "react";
 
 //#region src/components/foundations/AppIcon.d.ts
 type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AppIconVariant = "artwork" | "surface" | "contrast";
 interface AppIconRootProps extends Omit<AvatarRootProps, "shape" | "size"> {
+  /** Tile dimensions; use `md` for standard app rows and controls. */
   size?: AppIconSize;
   /** Artwork fills the tile; surface and contrast variants inset a standalone mark. */
   variant?: AppIconVariant;
@@ -20,7 +21,7 @@ declare function AppIconRoot({
   ref,
   ...props
 }: AppIconRootProps & {
-  ref?: React.Ref<HTMLSpanElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 /** App artwork or a resolved favicon, with lazy, async, no-referrer loading defaults. */
 declare function AppIconImage({

package/dist/components/foundations/Autocomplete.js

@@ -3,6 +3,11 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 //#region src/components/foundations/Autocomplete.tsx
+/**
+* Direct Base UI generic state root; its composed anatomy is documented in the Storybook entry.
+* @oversightIgnore prop-descriptions-missing
+*/
+const AutocompleteRoot = Autocomplete$1.Root;
 function Input({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("autocomplete__input", className);
 	return /* @__PURE__ */ jsx(Autocomplete$1.Input, {
@@ -169,7 +174,7 @@ function GroupLabel({ className, ref, ...props }) {
 * @see {@link https://base-ui.com/react/components/autocomplete | Base UI Autocomplete}
 */
 const Autocomplete = {
-	Root: Autocomplete$1.Root,
+	Root: AutocompleteRoot,
 	Input,
 	Trigger,
 	Clear,

package/dist/components/foundations/Avatar.d.ts

@@ -1,122 +1,2 @@
-import * as React from "react";
-import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-
-//#region src/components/foundations/Avatar.d.ts
-/**
- * Props for the Avatar.Root component.
- */
-interface AvatarRootProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Root> {
-  size?: "sm" | "md" | "lg" | "xl";
-  shape?: "circle" | "rounded";
-}
-/**
- * Props for the Avatar.Image component.
- */
-interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Image> {
-  fit?: "cover" | "contain";
-}
-/**
- * Props for the Avatar.Fallback component.
- */
-interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Fallback> {}
-interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AvatarGroupCountProps extends React.HTMLAttributes<HTMLDivElement> {}
-/**
- * Container for the avatar. Renders a `<span>` element.
- *
- * @example
- * ```tsx
- * <Avatar.Root>
- *   <Avatar.Image src="/photo.jpg" alt="User" />
- *   <Avatar.Fallback>JD</Avatar.Fallback>
- * </Avatar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
- */
-declare function AvatarRoot({
-  className,
-  size,
-  shape,
-  ref,
-  ...props
-}: AvatarRootProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-/**
- * Displays the avatar image. Renders an `<img>` element.
- */
-declare function AvatarImage({
-  className,
-  fit,
-  ref,
-  ...props
-}: AvatarImageProps & {
-  ref?: React.Ref<HTMLImageElement>;
-}): React.JSX.Element;
-/**
- * Displays when the image fails to load or isn't provided.
- * Typically contains initials or an icon. Renders a `<span>` element.
- */
-declare function AvatarFallback({
-  className,
-  ref,
-  ...props
-}: AvatarFallbackProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function AvatarGroup({
-  className,
-  ref,
-  ...props
-}: AvatarGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function AvatarGroupCount({
-  className,
-  ref,
-  ...props
-}: AvatarGroupCountProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * An avatar component for displaying user profile pictures with fallback support.
- * Shows initials or an icon when the image fails to load or isn't provided.
- *
- * @example
- * ```tsx
- * // With image
- * <Avatar.Root>
- *   <Avatar.Image src="/profile.jpg" alt="John Doe" />
- *   <Avatar.Fallback>JD</Avatar.Fallback>
- * </Avatar.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Fallback only (no image)
- * <Avatar.Root>
- *   <Avatar.Fallback>AB</Avatar.Fallback>
- * </Avatar.Root>
- * ```
- *
- * @example
- * ```tsx
- * // With delayed fallback
- * <Avatar.Root>
- *   <Avatar.Image src="/slow-loading.jpg" alt="User" />
- *   <Avatar.Fallback delay={500}>?</Avatar.Fallback>
- * </Avatar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
- */
-declare const Avatar: {
-  Root: typeof AvatarRoot;
-  Image: typeof AvatarImage;
-  Fallback: typeof AvatarFallback;
-  Group: typeof AvatarGroup;
-  GroupCount: typeof AvatarGroupCount;
-};
-//#endregion
+import { a as AvatarImageProps, i as AvatarGroupProps, n as AvatarFallbackProps, o as AvatarRootProps, r as AvatarGroupCountProps, t as Avatar } from "../../Avatar-o2NO1fCG.js";
 export { Avatar, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };

package/dist/components/foundations/Button.d.ts

@@ -1,2 +1,2 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as buttonVariants, t as Button } from "../../Button-CZt3yywF.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as buttonVariants, t as Button } from "../../Button-DjONW5UW.js";
 export { Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantsOptions, buttonVariants };

package/dist/components/foundations/Card.d.ts

@@ -1,11 +1,10 @@
-import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/foundations/Card.d.ts
 /**
  * Props for the Card component.
  */
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends useRender.ComponentProps<"div"> {
   /**
    * Enable hover animation effects.
    * @default false
@@ -14,14 +13,16 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Compact density for cards embedded in tool and workbench lists. */
   size?: "default" | "sm";
 }
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface CardHeaderProps extends useRender.ComponentProps<"div"> {}
 interface CardTitleProps extends useRender.ComponentProps<"div"> {}
 interface CardDescriptionProps extends useRender.ComponentProps<"div"> {}
-interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface CardActionProps extends useRender.ComponentProps<"div"> {}
+interface CardContentProps extends useRender.ComponentProps<"div"> {}
+interface CardFooterProps extends useRender.ComponentProps<"div"> {}
 /**
  * A container component that provides consistent styling and elevation.
+ * Every part accepts Base UI's `render` prop, so semantic elements and existing
+ * behavior owners share the same node, props, and refs without an extra wrapper.
  *
  * @example
  * ```tsx
@@ -30,60 +31,54 @@ interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
  *   <p>Content</p>
  * </Card>
  *
- * <a href="/details">
- *   <Card hover>View details</Card>
- * </a>
+ * <Card hover render={<a href="/details" />}>View details</Card>
  * ```
+ *
+ * @see {@link https://base-ui.com/react/handbook/composition | Base UI composition}
  */
 declare function Card({
   hover,
   size,
   className,
-  children,
+  render,
   ref,
   ...props
-}: CardProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: CardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardHeader({
   className,
+  render,
   ref,
   ...props
-}: CardHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: CardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardTitle({
   className,
   render,
   ref,
   ...props
-}: CardTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: CardTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardDescription({
   className,
   render,
   ref,
   ...props
-}: CardDescriptionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: CardDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardAction({
   className,
+  render,
   ref,
   ...props
-}: CardActionProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: CardActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardContent({
   className,
+  render,
   ref,
   ...props
-}: CardContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: CardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function CardFooter({
   className,
+  render,
   ref,
   ...props
-}: CardFooterProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: CardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps };