@mcp-b/react-components 0.56.1 → 0.56.2

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

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

@@ -1,10 +1,9 @@
 import { Checkbox as Checkbox$1, CheckboxRootProps } from "@base-ui/react/checkbox";
-
 //#region src/components/foundations/Checkbox.d.ts
 /**
  * Props for the Checkbox component.
  */
-interface CheckboxProps extends CheckboxRootProps {}
+export interface CheckboxProps extends CheckboxRootProps {}
 /**
  * An accessible checkbox component with custom styling.
  *
@@ -24,19 +23,10 @@ interface CheckboxProps extends CheckboxRootProps {}
  *
  * @see {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}
  */
-declare function CheckboxRoot({
-  className,
-  ref,
-  ...props
-}: CheckboxProps): import("react").JSX.Element;
-declare function CheckboxIndicator({
-  children,
-  className,
-  ...props
-}: Checkbox$1.Indicator.Props): import("react").JSX.Element;
-declare const Checkbox: {
+declare function CheckboxRoot({ className, ref, ...props }: CheckboxProps): import("react").JSX.Element;
+declare function CheckboxIndicator({ children, className, ...props }: Checkbox$1.Indicator.Props): import("react").JSX.Element;
+export declare const Checkbox: {
   Root: typeof CheckboxRoot;
   Indicator: typeof CheckboxIndicator;
 };
-//#endregion
-export { Checkbox, CheckboxProps };
+//#endregion

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-cuEtsgj9.js";
+import { d as CheckIcon } from "../../icons-CeGfXO21.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

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

@@ -1,16 +1,15 @@
 import * as React from "react";
 import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
-
 //#region src/components/foundations/CheckboxGroup.d.ts
 /**
  * Props for the CheckboxGroup component.
  */
-interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroup$1> {
+export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroup$1> {
   /** Layout for the choices in this group. */
   layout?: "stack" | "grid";
 }
-interface CheckboxGroupItemProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}
-interface CheckboxGroupSlotProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export interface CheckboxGroupItemProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}
+export interface CheckboxGroupSlotProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /**
  * Provides shared state management for a series of checkboxes.
  * Works in conjunction with individual Checkbox components.
@@ -67,58 +66,30 @@ interface CheckboxGroupSlotProps extends React.HTMLAttributes<HTMLSpanElement> {
  *
  * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI CheckboxGroup}
  */
-declare function CheckboxGroupRoot({
-  className,
-  layout,
-  ref,
-  ...props
-}: CheckboxGroupProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+declare function CheckboxGroupRoot({ className, layout, ref, ...props }: CheckboxGroupProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupItem({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupItemProps & {
+declare function CheckboxGroupItem({ className, ref, ...props }: CheckboxGroupItemProps & {
   ref?: React.Ref<HTMLLabelElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupIcon({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupSlotProps & {
+declare function CheckboxGroupIcon({ className, ref, ...props }: CheckboxGroupSlotProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupContent({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupSlotProps & {
+declare function CheckboxGroupContent({ className, ref, ...props }: CheckboxGroupSlotProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupTitle({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupSlotProps & {
+declare function CheckboxGroupTitle({ className, ref, ...props }: CheckboxGroupSlotProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupDescription({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupSlotProps & {
+declare function CheckboxGroupDescription({ className, ref, ...props }: CheckboxGroupSlotProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function CheckboxGroupTrailing({
-  className,
-  ref,
-  ...props
-}: CheckboxGroupSlotProps & {
+declare function CheckboxGroupTrailing({ className, ref, ...props }: CheckboxGroupSlotProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 /** Base UI checkbox-group state composed with shared choice-row anatomy. */
-declare const CheckboxGroup: typeof CheckboxGroupRoot & {
+export declare const CheckboxGroup: typeof CheckboxGroupRoot & {
   Item: typeof CheckboxGroupItem;
   Icon: typeof CheckboxGroupIcon;
   Content: typeof CheckboxGroupContent;
@@ -126,5 +97,4 @@ declare const CheckboxGroup: typeof CheckboxGroupRoot & {
   Description: typeof CheckboxGroupDescription;
   Trailing: typeof CheckboxGroupTrailing;
 };
-//#endregion
-export { CheckboxGroup, CheckboxGroupItemProps, CheckboxGroupProps, CheckboxGroupSlotProps };
+//#endregion

package/dist/components/foundations/CheckboxGroup.js

@@ -60,59 +60,66 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI CheckboxGroup}
 */
 function CheckboxGroupRoot({ className, layout = "stack", ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group", className);
 	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		ref,
 		"data-slot": "checkbox-group",
 		"data-layout": layout,
-		className: mergeBaseClassName("checkbox-group", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupItem({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__item", className);
 	return /* @__PURE__ */ jsx("label", {
 		ref,
 		"data-slot": "checkbox-group-item",
-		className: mergeBaseClassName("checkbox-group__item", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupIcon({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__icon", className);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-icon",
-		className: mergeBaseClassName("checkbox-group__icon", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupContent({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__content", className);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-content",
-		className: mergeBaseClassName("checkbox-group__content", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupTitle({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__title", className);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-title",
-		className: mergeBaseClassName("checkbox-group__title", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupDescription({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__description sigvelo-truncate", className);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-description",
-		className: mergeBaseClassName("checkbox-group__description sigvelo-truncate", className),
+		className: classes,
 		...props
 	});
 }
 function CheckboxGroupTrailing({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("checkbox-group__trailing", className);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-trailing",
-		className: mergeBaseClassName("checkbox-group__trailing", className),
+		className: classes,
 		...props
 	});
 }

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

@@ -1,25 +1,24 @@
 import * as React from "react";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-
 //#region src/components/foundations/Collapsible.d.ts
 /**
  * Props for the Collapsible.Root component.
  */
-interface CollapsibleRootProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Root> {
+export interface CollapsibleRootProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Root> {
   /** Skip the default design-system Collapsible classes for internal composition. */
   unstyled?: boolean;
 }
 /**
  * Props for the Collapsible.Trigger component.
  */
-interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Trigger> {
+export interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Trigger> {
   /** Skip the default design-system Collapsible classes for internal composition. */
   unstyled?: boolean;
 }
 /**
  * Props for the Collapsible.Panel component.
  */
-interface CollapsiblePanelProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Panel> {
+export interface CollapsiblePanelProps extends React.ComponentPropsWithoutRef<typeof Collapsible$1.Panel> {
   /** Skip the default design-system Collapsible classes for internal composition. */
   unstyled?: boolean;
 }
@@ -36,35 +35,21 @@ interface CollapsiblePanelProps extends React.ComponentPropsWithoutRef<typeof Co
  *
  * @see {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
  */
-declare function CollapsibleRoot({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsibleRootProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+declare function CollapsibleRoot({ className, unstyled, ref, ...props }: CollapsibleRootProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Button that toggles the panel visibility. Renders a `<button>` element.
  */
-declare function CollapsibleTrigger({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsibleTriggerProps & {
+declare function CollapsibleTrigger({ className, unstyled, ref, ...props }: CollapsibleTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**
  * The collapsible panel containing hidden content. Renders a `<div>` element.
  * Supports CSS animations via `--collapsible-panel-height` variable.
  */
-declare function CollapsiblePanel({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsiblePanelProps & {
+declare function CollapsiblePanel({ className, unstyled, ref, ...props }: CollapsiblePanelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -110,10 +95,9 @@ declare function CollapsiblePanel({
  *
  * @see {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
  */
-declare const Collapsible: {
+export declare const Collapsible: {
   Root: typeof CollapsibleRoot;
   Trigger: typeof CollapsibleTrigger;
   Panel: typeof CollapsiblePanel;
 };
-//#endregion
-export { Collapsible, CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps };
+//#endregion

package/dist/components/foundations/Collapsible.js

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/Collapsible.tsx
 /**
 * Container that groups all collapsible parts. Renders a `<div>` element.