@mcp-b/react-components 0.56.1 → 0.57.0

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-cuEtsgj9.js";
+import { K as SpinnerIcon } from "../../icons-CeGfXO21.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

@@ -1,12 +1,11 @@
-import { d as MenuProps } from "../../Menu-CgfUZhZd.js";
-import { i as CodexModel } from "../../codex-model-catalog-BBN_gWcc.js";
+import { d as MenuProps } from "../../Menu-FA4P6KrA.js";
+import { i as CodexModel } from "../../codex-model-catalog-CBWDdQl7.js";
 import * as React from "react";
-
 //#region src/components/extension/CodexModelSelector.d.ts
 type ModelId<ModelT extends CodexModel> = ModelT["id"];
 type ReasoningEffort<ModelT extends CodexModel> = ModelT["supportedReasoningEfforts"][number]["reasoningEffort"];
 type ServiceTier<ModelT extends CodexModel> = ModelT["serviceTiers"][number]["id"];
-interface CodexModelSelectorProps<ModelT extends CodexModel = CodexModel> {
+export interface CodexModelSelectorProps<ModelT extends CodexModel = CodexModel> {
   /** Whole Codex app-server `model/list` entries allowed for this account. */
   readonly models: readonly ModelT[];
   /** Current Codex catalog id. Use the selected entry's `model` field for inference. */
@@ -43,21 +42,5 @@ interface CodexModelSelectorProps<ModelT extends CodexModel = CodexModel> {
  * The consuming app supplies every selectable value. This component only
  * renders those values and never guesses model ids or account entitlements.
  */
-declare function CodexModelSelector<ModelT extends CodexModel>({
-  models,
-  selectedModelId,
-  onSelectModel,
-  selectedEffortId,
-  onSelectEffort,
-  selectedSpeedId,
-  onSelectSpeed,
-  onReset,
-  disabled,
-  className,
-  open,
-  defaultOpen,
-  onOpenChange,
-  "aria-label": ariaLabel
-}: CodexModelSelectorProps<ModelT>): React.JSX.Element;
-//#endregion
-export { CodexModelSelector, CodexModelSelectorProps };
+export declare function CodexModelSelector<ModelT extends CodexModel>({ models, selectedModelId, onSelectModel, selectedEffortId, onSelectEffort, selectedSpeedId, onSelectSpeed, onReset, disabled, className, open, defaultOpen, onOpenChange, "aria-label": ariaLabel }: CodexModelSelectorProps<ModelT>): React.JSX.Element;
+//#endregion

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-cuEtsgj9.js";
-import { Tooltip } from "../foundations/Tooltip.js";
-import { c as titleCase } from "../../format-COCyV98Z.js";
+import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import { Menu } from "../foundations/Menu.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { c as titleCase } from "../../format-CWaZEp5o.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

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

@@ -1,14 +1,13 @@
 import * as React from "react";
-
 //#region src/components/extension/ConversationTabPicker.d.ts
-type ConversationTabId = string | number;
-interface ConversationTabPickerItem {
+export type ConversationTabId = string | number;
+export interface ConversationTabPickerItem {
   id: ConversationTabId;
   title?: string;
   url?: string;
   iconSrc?: string;
 }
-interface ConversationTabPickerProps<Tab extends ConversationTabPickerItem = ConversationTabPickerItem> {
+export interface ConversationTabPickerProps<Tab extends ConversationTabPickerItem = ConversationTabPickerItem> {
   /** Browser-enriched tabs already scoped to the current conversation. */
   tabs: readonly Tab[];
   /** Host-owned activation, such as Chrome tab/window focus. */
@@ -24,9 +23,5 @@ interface ConversationTabPickerProps<Tab extends ConversationTabPickerItem = Con
  * The browser adapter owns tab lookup and activation. This component owns URL
  * labels, favicon fallbacks, menu state, and async activation feedback.
  */
-declare function ConversationTabPicker<Tab extends ConversationTabPickerItem>({
-  tabs,
-  ...props
-}: ConversationTabPickerProps<Tab>): React.JSX.Element | null;
-//#endregion
-export { ConversationTabId, ConversationTabPicker, ConversationTabPickerItem, ConversationTabPickerProps };
+export declare function ConversationTabPicker<Tab extends ConversationTabPickerItem>({ tabs, ...props }: ConversationTabPickerProps<Tab>): React.JSX.Element | null;
+//#endregion

package/dist/components/extension/ConversationTabPicker.js

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

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

@@ -1,12 +1,11 @@
 import * as React from "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
-
 //#region src/components/foundations/Accordion.d.ts
-interface AccordionProps extends React.ComponentPropsWithRef<typeof Accordion$1.Root> {}
-interface AccordionItemProps extends React.ComponentPropsWithRef<typeof Accordion$1.Item> {}
-interface AccordionTriggerProps extends React.ComponentPropsWithRef<typeof Accordion$1.Trigger> {}
-interface AccordionHeaderProps extends Accordion$1.Header.Props {}
-interface AccordionPanelProps extends React.ComponentPropsWithRef<typeof Accordion$1.Panel> {}
+export interface AccordionProps extends React.ComponentPropsWithRef<typeof Accordion$1.Root> {}
+export interface AccordionItemProps extends React.ComponentPropsWithRef<typeof Accordion$1.Item> {}
+export interface AccordionTriggerProps extends React.ComponentPropsWithRef<typeof Accordion$1.Trigger> {}
+export interface AccordionHeaderProps extends Accordion$1.Header.Props {}
+export interface AccordionPanelProps extends React.ComponentPropsWithRef<typeof Accordion$1.Panel> {}
 /**
  * An accordion component for showing collapsible content sections.
  *
@@ -26,55 +25,34 @@ interface AccordionPanelProps extends React.ComponentPropsWithRef<typeof Accordi
  *
  * @see {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
  */
-declare function AccordionRoot({
-  className,
-  ref,
-  ...props
-}: AccordionProps & {
+declare function AccordionRoot({ className, ref, ...props }: AccordionProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * A single item within an Accordion.
  */
-declare function AccordionItem({
-  className,
-  ref,
-  ...props
-}: AccordionItemProps & {
+declare function AccordionItem({ className, ref, ...props }: AccordionItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /** The semantic heading that owns an AccordionItem's trigger. */
-declare function AccordionHeader({
-  className,
-  ref,
-  ...props
-}: AccordionHeaderProps): React.JSX.Element;
+declare function AccordionHeader({ className, ref, ...props }: AccordionHeaderProps): React.JSX.Element;
 /**
  * The clickable trigger button within an AccordionItem.
  */
-declare function AccordionTrigger({
-  className,
-  ref,
-  ...props
-}: AccordionTriggerProps & {
+declare function AccordionTrigger({ className, ref, ...props }: AccordionTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**
  * The collapsible content panel of an AccordionItem.
  */
-declare function AccordionPanel({
-  className,
-  ref,
-  ...props
-}: AccordionPanelProps & {
+declare function AccordionPanel({ className, ref, ...props }: AccordionPanelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const Accordion: {
+export declare const Accordion: {
   Root: typeof AccordionRoot;
   Item: typeof AccordionItem;
   Header: typeof AccordionHeader;
   Trigger: typeof AccordionTrigger;
   Panel: typeof AccordionPanel;
 };
-//#endregion
-export { Accordion, AccordionHeaderProps, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps };
+//#endregion

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

@@ -1,27 +1,26 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-DjONW5UW.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-ClRxb8tM.js";
 import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
-
 //#region src/components/foundations/AlertDialog.d.ts
-type AlertDialogProps<Payload = unknown> = AlertDialog$1.Root.Props<Payload>;
-type AlertDialogTriggerProps<Payload = unknown> = AlertDialog$1.Trigger.Props<Payload>;
-interface AlertDialogBackdropProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Backdrop> {}
-interface AlertDialogViewportProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Viewport> {}
-interface AlertDialogPopupProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Popup> {
+export type AlertDialogProps<Payload = unknown> = AlertDialog$1.Root.Props<Payload>;
+export type AlertDialogTriggerProps<Payload = unknown> = AlertDialog$1.Trigger.Props<Payload>;
+export interface AlertDialogBackdropProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Backdrop> {}
+export interface AlertDialogViewportProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Viewport> {}
+export interface AlertDialogPopupProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Popup> {
   /**
    * The size of the alert dialog.
    * @default 'md'
    */
   size?: "sm" | "md" | "lg";
 }
-interface AlertDialogTitleProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Title> {}
-interface AlertDialogDescriptionProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Description> {}
+export interface AlertDialogTitleProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Title> {}
+export interface AlertDialogDescriptionProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Description> {}
 type BaseAlertDialogCloseProps = React.ComponentPropsWithRef<typeof AlertDialog$1.Close>;
 /**
  * Canonical Button axes style the default close element. When `render` is
  * provided, the composed control owns its visual chrome.
  */
-interface AlertDialogCloseProps extends Omit<BaseAlertDialogCloseProps, "color"> {
+export interface AlertDialogCloseProps extends Omit<BaseAlertDialogCloseProps, "color"> {
   /**
    * The visual style of the default close button.
    * @default 'normal'
@@ -38,9 +37,9 @@ interface AlertDialogCloseProps extends Omit<BaseAlertDialogCloseProps, "color">
    */
   size?: ButtonSize;
 }
-interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
-interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
-interface AlertDialogMediaProps extends React.ComponentPropsWithRef<"div"> {}
+export interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
+export interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
+export interface AlertDialogMediaProps extends React.ComponentPropsWithRef<"div"> {}
 /**
  * An alert dialog component for important confirmations and warnings.
  * Unlike regular dialogs, alert dialogs require explicit user action to dismiss.
@@ -69,63 +68,17 @@ interface AlertDialogMediaProps extends React.ComponentPropsWithRef<"div"> {}
  *
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
  */
-declare function AlertDialogTrigger<Payload>({
-  render,
-  className,
-  ref,
-  ...props
-}: AlertDialogTriggerProps<Payload>): React.JSX.Element;
-declare function AlertDialogBackdrop({
-  className,
-  ref,
-  ...props
-}: AlertDialogBackdropProps): React.JSX.Element;
-declare function AlertDialogViewport({
-  className,
-  ref,
-  ...props
-}: AlertDialogViewportProps): React.JSX.Element;
-declare function AlertDialogPopup({
-  size,
-  className,
-  ref,
-  ...props
-}: AlertDialogPopupProps): React.JSX.Element;
-declare function AlertDialogHeader({
-  className,
-  ref,
-  ...props
-}: AlertDialogHeaderProps): React.JSX.Element;
-declare function AlertDialogFooter({
-  className,
-  ref,
-  ...props
-}: AlertDialogFooterProps): React.JSX.Element;
-declare function AlertDialogMedia({
-  className,
-  ref,
-  ...props
-}: AlertDialogMediaProps): React.JSX.Element;
-declare function AlertDialogTitle({
-  className,
-  ref,
-  ...props
-}: AlertDialogTitleProps): React.JSX.Element;
-declare function AlertDialogDescription({
-  className,
-  ref,
-  ...props
-}: AlertDialogDescriptionProps): React.JSX.Element;
-declare function AlertDialogClose({
-  variant,
-  color,
-  size,
-  render,
-  className,
-  ref,
-  ...props
-}: AlertDialogCloseProps): React.JSX.Element;
-declare const AlertDialog: {
+declare function AlertDialogTrigger<Payload>({ render, className, ref, ...props }: AlertDialogTriggerProps<Payload>): React.JSX.Element;
+declare function AlertDialogBackdrop({ className, ref, ...props }: AlertDialogBackdropProps): React.JSX.Element;
+declare function AlertDialogViewport({ className, ref, ...props }: AlertDialogViewportProps): React.JSX.Element;
+declare function AlertDialogPopup({ size, className, ref, ...props }: AlertDialogPopupProps): React.JSX.Element;
+declare function AlertDialogHeader({ className, ref, ...props }: AlertDialogHeaderProps): React.JSX.Element;
+declare function AlertDialogFooter({ className, ref, ...props }: AlertDialogFooterProps): React.JSX.Element;
+declare function AlertDialogMedia({ className, ref, ...props }: AlertDialogMediaProps): React.JSX.Element;
+declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): React.JSX.Element;
+declare function AlertDialogDescription({ className, ref, ...props }: AlertDialogDescriptionProps): React.JSX.Element;
+declare function AlertDialogClose({ variant, color, size, render, className, ref, ...props }: AlertDialogCloseProps): React.JSX.Element;
+export declare const AlertDialog: {
   Root: typeof AlertDialog$1.Root;
   Trigger: typeof AlertDialogTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -140,5 +93,4 @@ declare const AlertDialog: {
   Close: typeof AlertDialogClose;
   createHandle: typeof AlertDialog$1.createHandle;
 };
-//#endregion
-export { AlertDialog, AlertDialogBackdropProps, AlertDialogCloseProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogMediaProps, AlertDialogPopupProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogViewportProps };
+//#endregion

package/dist/components/foundations/AlertDialog.js

@@ -79,26 +79,29 @@ function AlertDialogPopup({ size = "md", className, ref, ...props }) {
 	});
 }
 function AlertDialogHeader({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("alert-dialog__header", className);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "alert-dialog-header",
-		className: mergeBaseClassName("alert-dialog__header", className),
+		className: classes,
 		...props
 	});
 }
 function AlertDialogFooter({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("alert-dialog__footer", className);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "alert-dialog-footer",
-		className: mergeBaseClassName("alert-dialog__footer", className),
+		className: classes,
 		...props
 	});
 }
 function AlertDialogMedia({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("alert-dialog__media", className);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "alert-dialog-media",
-		className: mergeBaseClassName("alert-dialog__media", className),
+		className: classes,
 		...props
 	});
 }

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

@@ -1,59 +1,37 @@
-import { a as AvatarImageProps, n as AvatarFallbackProps, o as AvatarRootProps } from "../../Avatar-o2NO1fCG.js";
+import { a as AvatarImageProps, n as AvatarFallbackProps, o as AvatarRootProps } from "../../Avatar-t1YRzdwB.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"> {
+export type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AppIconVariant = "artwork" | "surface" | "contrast";
+export 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;
 }
-interface AppIconImageProps extends AvatarImageProps {}
-interface AppIconFallbackProps extends AvatarFallbackProps {}
-interface AppIconStackProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export interface AppIconImageProps extends AvatarImageProps {}
+export interface AppIconFallbackProps extends AvatarFallbackProps {}
+export interface AppIconStackProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /** Rounded app artwork with Base UI's image-loading fallback behavior. */
-declare function AppIconRoot({
-  className,
-  size,
-  variant,
-  ref,
-  ...props
-}: AppIconRootProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLSpanElement>;
+declare function AppIconRoot({ className, size, variant, ref, ...props }: AppIconRootProps & {
+  /** 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({
-  className,
-  decoding,
-  loading,
-  ref,
-  referrerPolicy,
-  ...props
-}: AppIconImageProps & {
+declare function AppIconImage({ className, decoding, loading, ref, referrerPolicy, ...props }: AppIconImageProps & {
   ref?: React.Ref<HTMLImageElement>;
 }): React.JSX.Element;
-declare function AppIconFallback({
-  className,
-  ref,
-  ...props
-}: AppIconFallbackProps & {
+declare function AppIconFallback({ className, ref, ...props }: AppIconFallbackProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 /** Overlapping app marks; the first mark remains visually on top. */
-declare function AppIconStack({
-  className,
-  ref,
-  ...props
-}: AppIconStackProps & {
+declare function AppIconStack({ className, ref, ...props }: AppIconStackProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare const AppIcon: {
+export declare const AppIcon: {
   Root: typeof AppIconRoot;
   Image: typeof AppIconImage;
   Fallback: typeof AppIconFallback;
   Stack: typeof AppIconStack;
 };
-//#endregion
-export { AppIcon, AppIconFallbackProps, AppIconImageProps, AppIconRootProps, AppIconSize, AppIconStackProps, AppIconVariant };
+//#endregion

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

@@ -1,62 +1,17 @@
 import * as React from "react";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
-
 //#region src/components/foundations/Autocomplete.d.ts
-declare function Input({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Input>): React.JSX.Element;
-declare function Trigger({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger>): React.JSX.Element;
-declare function Clear({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear>): React.JSX.Element;
-declare function Positioner({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner>): React.JSX.Element;
-declare function Popup({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup>): React.JSX.Element;
-declare function List({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.List>): React.JSX.Element;
-declare function Item({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Item>): React.JSX.Element;
-declare function Empty({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty>): React.JSX.Element;
-declare function Status({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Status>): React.JSX.Element;
-declare function Group({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Group>): React.JSX.Element;
-declare function GroupLabel({
-  className,
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel>): React.JSX.Element;
+declare function Input({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Input>): React.JSX.Element;
+declare function Trigger({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger>): React.JSX.Element;
+declare function Clear({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear>): React.JSX.Element;
+declare function Positioner({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner>): React.JSX.Element;
+declare function Popup({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup>): React.JSX.Element;
+declare function List({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.List>): React.JSX.Element;
+declare function Item({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Item>): React.JSX.Element;
+declare function Empty({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty>): React.JSX.Element;
+declare function Status({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Status>): React.JSX.Element;
+declare function Group({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.Group>): React.JSX.Element;
+declare function GroupLabel({ className, ref, ...props }: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel>): React.JSX.Element;
 /**
  * An input with a list of filtered options for auto-completion.
  * Supports async search, grouping, and various autocomplete modes.
@@ -123,7 +78,7 @@ declare function GroupLabel({
  *
  * @see {@link https://base-ui.com/react/components/autocomplete | Base UI Autocomplete}
  */
-declare const Autocomplete: {
+export declare const Autocomplete: {
   Root: typeof Autocomplete$1.Root;
   Input: typeof Input;
   Trigger: typeof Trigger;
@@ -139,5 +94,4 @@ declare const Autocomplete: {
   GroupLabel: typeof GroupLabel;
   Collection: typeof Autocomplete$1.Collection;
 };
-//#endregion
-export { Autocomplete };
+//#endregion

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

@@ -1,2 +1,2 @@
-import { a as AvatarImageProps, i as AvatarGroupProps, n as AvatarFallbackProps, o as AvatarRootProps, r as AvatarGroupCountProps, t as Avatar } from "../../Avatar-o2NO1fCG.js";
+import { a as AvatarImageProps, i as AvatarGroupProps, n as AvatarFallbackProps, o as AvatarRootProps, r as AvatarGroupCountProps, t as Avatar } from "../../Avatar-t1YRzdwB.js";
 export { Avatar, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };

package/dist/components/foundations/Avatar.js

@@ -54,18 +54,20 @@ function AvatarFallback({ className, ref, ...props }) {
 	});
 }
 function AvatarGroup({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("avatar-group", className);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "avatar-group",
-		className: mergeBaseClassName("avatar-group", className),
+		className: classes,
 		...props
 	});
 }
 function AvatarGroupCount({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("avatar-group__count", className);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "avatar-group-count",
-		className: mergeBaseClassName("avatar-group__count", className),
+		className: classes,
 		...props
 	});
 }

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-DjONW5UW.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-ClRxb8tM.js";
 export { Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantsOptions, buttonVariants };

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

@@ -1,10 +1,9 @@
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/foundations/Card.d.ts
 /**
  * Props for the Card component.
  */
-interface CardProps extends useRender.ComponentProps<"div"> {
+export interface CardProps extends useRender.ComponentProps<"div"> {
   /**
    * Enable hover animation effects.
    * @default false
@@ -13,12 +12,12 @@ interface CardProps extends useRender.ComponentProps<"div"> {
   /** Compact density for cards embedded in tool and workbench lists. */
   size?: "default" | "sm";
 }
-interface CardHeaderProps extends useRender.ComponentProps<"div"> {}
-interface CardTitleProps extends useRender.ComponentProps<"div"> {}
-interface CardDescriptionProps extends useRender.ComponentProps<"div"> {}
-interface CardActionProps extends useRender.ComponentProps<"div"> {}
-interface CardContentProps extends useRender.ComponentProps<"div"> {}
-interface CardFooterProps extends useRender.ComponentProps<"div"> {}
+export interface CardHeaderProps extends useRender.ComponentProps<"div"> {}
+export interface CardTitleProps extends useRender.ComponentProps<"div"> {}
+export interface CardDescriptionProps extends useRender.ComponentProps<"div"> {}
+export interface CardActionProps extends useRender.ComponentProps<"div"> {}
+export interface CardContentProps extends useRender.ComponentProps<"div"> {}
+export 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
@@ -36,49 +35,11 @@ interface CardFooterProps extends useRender.ComponentProps<"div"> {}
  *
  * @see {@link https://base-ui.com/react/handbook/composition | Base UI composition}
  */
-declare function Card({
-  hover,
-  size,
-  className,
-  render,
-  ref,
-  ...props
-}: CardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardHeader({
-  className,
-  render,
-  ref,
-  ...props
-}: CardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardTitle({
-  className,
-  render,
-  ref,
-  ...props
-}: CardTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardDescription({
-  className,
-  render,
-  ref,
-  ...props
-}: CardDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardAction({
-  className,
-  render,
-  ref,
-  ...props
-}: CardActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardContent({
-  className,
-  render,
-  ref,
-  ...props
-}: CardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function CardFooter({
-  className,
-  render,
-  ref,
-  ...props
-}: 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 };
+export declare function Card({ hover, size, className, render, ref, ...props }: CardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardHeader({ className, render, ref, ...props }: CardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardTitle({ className, render, ref, ...props }: CardTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardDescription({ className, render, ref, ...props }: CardDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardAction({ className, render, ref, ...props }: CardActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardContent({ className, render, ref, ...props }: CardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function CardFooter({ className, render, ref, ...props }: CardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion