@mcp-b/react-components 0.56.0 → 0.56.2

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

@@ -1,14 +1,13 @@
 import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
-
 //#region src/components/foundations/Slider.d.ts
-type SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> = Slider$1.Root.Props<Value> & React.RefAttributes<HTMLDivElement>;
-interface SliderControlProps extends React.ComponentPropsWithRef<typeof Slider$1.Control> {}
-interface SliderTrackProps extends React.ComponentPropsWithRef<typeof Slider$1.Track> {}
-interface SliderIndicatorProps extends React.ComponentPropsWithRef<typeof Slider$1.Indicator> {}
-interface SliderThumbProps extends React.ComponentPropsWithRef<typeof Slider$1.Thumb> {}
-interface SliderValueProps extends React.ComponentPropsWithRef<typeof Slider$1.Value> {}
-interface SliderLabelProps extends React.ComponentPropsWithRef<typeof Slider$1.Label> {}
+export type SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> = Slider$1.Root.Props<Value> & React.RefAttributes<HTMLDivElement>;
+export interface SliderControlProps extends React.ComponentPropsWithRef<typeof Slider$1.Control> {}
+export interface SliderTrackProps extends React.ComponentPropsWithRef<typeof Slider$1.Track> {}
+export interface SliderIndicatorProps extends React.ComponentPropsWithRef<typeof Slider$1.Indicator> {}
+export interface SliderThumbProps extends React.ComponentPropsWithRef<typeof Slider$1.Thumb> {}
+export interface SliderValueProps extends React.ComponentPropsWithRef<typeof Slider$1.Value> {}
+export interface SliderLabelProps extends React.ComponentPropsWithRef<typeof Slider$1.Label> {}
 /**
  * A slider component for selecting values from a range.
  *
@@ -42,59 +41,31 @@ interface SliderLabelProps extends React.ComponentPropsWithRef<typeof Slider$1.L
  *
  * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
  */
-declare function SliderRoot<Value extends number | readonly number[]>({
-  className,
-  ref,
-  ...props
-}: SliderRootProps<Value>): React.JSX.Element;
+declare function SliderRoot<Value extends number | readonly number[]>({ className, ref, ...props }: SliderRootProps<Value>): React.JSX.Element;
 /**
  * The control area for the Slider (handles interactions).
  */
-declare function SliderControl({
-  className,
-  ref,
-  ...props
-}: SliderControlProps): React.JSX.Element;
+declare function SliderControl({ className, ref, ...props }: SliderControlProps): React.JSX.Element;
 /**
  * The track container for the Slider.
  */
-declare function SliderTrack({
-  className,
-  ref,
-  ...props
-}: SliderTrackProps): React.JSX.Element;
+declare function SliderTrack({ className, ref, ...props }: SliderTrackProps): React.JSX.Element;
 /**
  * The filled indicator showing current value position.
  */
-declare function SliderIndicator({
-  className,
-  ref,
-  ...props
-}: SliderIndicatorProps): React.JSX.Element;
+declare function SliderIndicator({ className, ref, ...props }: SliderIndicatorProps): React.JSX.Element;
 /**
  * The draggable thumb for the Slider.
  */
-declare function SliderThumb({
-  className,
-  ref,
-  ...props
-}: SliderThumbProps): React.JSX.Element;
+declare function SliderThumb({ className, ref, ...props }: SliderThumbProps): React.JSX.Element;
 /**
  * Displays the current value of the Slider.
  * Note: This must be used inside a Slider component to access the value context.
  */
-declare function SliderValue({
-  className,
-  ref,
-  ...props
-}: SliderValueProps): React.JSX.Element;
+declare function SliderValue({ className, ref, ...props }: SliderValueProps): React.JSX.Element;
 /** Visible label that participates in Base UI's slider naming relationship. */
-declare function SliderLabel({
-  className,
-  ref,
-  ...props
-}: SliderLabelProps): React.JSX.Element;
-declare const Slider: {
+declare function SliderLabel({ className, ref, ...props }: SliderLabelProps): React.JSX.Element;
+export declare const Slider: {
   Root: typeof SliderRoot;
   Label: typeof SliderLabel;
   Value: typeof SliderValue;
@@ -103,5 +74,4 @@ declare const Slider: {
   Indicator: typeof SliderIndicator;
   Thumb: typeof SliderThumb;
 };
-//#endregion
-export { Slider, SliderControlProps, SliderIndicatorProps, SliderLabelProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueProps };
+//#endregion

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

@@ -1,30 +1,29 @@
-import { o as TabsProps, r as Tabs } from "../../Tabs-Ptrbaynh.js";
+import { o as TabsProps, r as Tabs } from "../../Tabs-BYs-RgJ7.js";
 import * as React from "react";
-
 //#region src/components/foundations/Stepper.d.ts
-type StepperOrientation = "horizontal" | "vertical";
-type StepperState = "active" | "completed" | "inactive" | "loading";
+export type StepperOrientation = "horizontal" | "vertical";
+export type StepperState = "active" | "completed" | "inactive" | "loading";
 type StepperChangeEventDetails = Parameters<NonNullable<TabsProps["onValueChange"]>>[1];
-type StepIndicators = {
+export type StepIndicators = {
   active?: React.ReactNode;
   completed?: React.ReactNode;
   inactive?: React.ReactNode;
   loading?: React.ReactNode;
 };
-interface StepperContextValue {
+export interface StepperContextValue {
   activeStep: number;
   orientation: StepperOrientation;
   indicators: StepIndicators;
 }
-interface StepItemContextValue {
+export interface StepItemContextValue {
   step: number;
   state: StepperState;
   isDisabled: boolean;
   isLoading: boolean;
 }
-declare function useStepper(): StepperContextValue;
-declare function useStepItem(): StepItemContextValue;
-interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare function useStepper(): StepperContextValue;
+export declare function useStepItem(): StepItemContextValue;
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * The first active step for uncontrolled steppers.
    * @default 1
@@ -68,113 +67,54 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * @see {@link https://reui.io/docs/components/base/stepper | ReUI Stepper}
  */
-declare function Stepper({
-  defaultValue,
-  value,
-  onValueChange,
-  orientation,
-  indicators,
-  className,
-  children,
-  ref,
-  ...props
-}: StepperProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function Stepper({ defaultValue, value, onValueChange, orientation, indicators, className, children, ref, ...props }: StepperProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperNavProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.List>, "unstyled"> {}
-declare function StepperNav({
-  className,
-  ref,
-  ...props
-}: StepperNavProps & {
+export interface StepperNavProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.List>, "unstyled"> {}
+export declare function StepperNav({ className, ref, ...props }: StepperNavProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
   step: number;
   completed?: boolean;
   disabled?: boolean;
   loading?: boolean;
 }
-declare function StepperItem({
-  step,
-  completed,
-  disabled,
-  loading,
-  className,
-  ref,
-  ...props
-}: StepperItemProps & {
+export declare function StepperItem({ step, completed, disabled, loading, className, ref, ...props }: StepperItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Tab>, "unstyled" | "value"> {}
-declare function StepperTrigger({
-  className,
-  children,
-  disabled,
-  type,
-  ref,
-  ...props
-}: StepperTriggerProps & {
+export interface StepperTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Tab>, "unstyled" | "value"> {}
+export declare function StepperTrigger({ className, children, disabled, type, ref, ...props }: StepperTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface StepperIndicatorProps extends React.ComponentPropsWithoutRef<"span"> {}
-declare function StepperIndicator({
-  className,
-  children,
-  ref,
-  ...props
-}: StepperIndicatorProps & {
+export interface StepperIndicatorProps extends React.ComponentPropsWithoutRef<"span"> {}
+export declare function StepperIndicator({ className, children, ref, ...props }: StepperIndicatorProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface StepperSeparatorProps extends React.ComponentPropsWithoutRef<"span"> {}
-declare function StepperSeparator({
-  className,
-  ref,
-  ...props
-}: StepperSeparatorProps & {
+export interface StepperSeparatorProps extends React.ComponentPropsWithoutRef<"span"> {}
+export declare function StepperSeparator({ className, ref, ...props }: StepperSeparatorProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface StepperTitleProps extends React.ComponentPropsWithoutRef<"h3"> {}
-declare function StepperTitle({
-  className,
-  children,
-  ref,
-  ...props
-}: StepperTitleProps & {
+export interface StepperTitleProps extends React.ComponentPropsWithoutRef<"h3"> {}
+export declare function StepperTitle({ className, children, ref, ...props }: StepperTitleProps & {
   ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
-interface StepperDescriptionProps extends React.ComponentPropsWithoutRef<"div"> {}
-declare function StepperDescription({
-  className,
-  ref,
-  ...props
-}: StepperDescriptionProps & {
+export interface StepperDescriptionProps extends React.ComponentPropsWithoutRef<"div"> {}
+export declare function StepperDescription({ className, ref, ...props }: StepperDescriptionProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperPanelProps extends React.ComponentPropsWithoutRef<"div"> {}
-declare function StepperPanel({
-  className,
-  ref,
-  ...props
-}: StepperPanelProps & {
+export interface StepperPanelProps extends React.ComponentPropsWithoutRef<"div"> {}
+export declare function StepperPanel({ className, ref, ...props }: StepperPanelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperContentProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Panel>, "keepMounted" | "unstyled" | "value"> {
+export interface StepperContentProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Panel>, "keepMounted" | "unstyled" | "value"> {
   value: number;
   forceMount?: boolean;
   /** Optional vertical rhythm for direct content children. */
   spacing?: "none" | "compact" | "default";
 }
-declare function StepperContent({
-  value,
-  forceMount,
-  spacing,
-  className,
-  children,
-  ref,
-  ...props
-}: StepperContentProps & {
+export declare function StepperContent({ value, forceMount, spacing, className, children, ref, ...props }: StepperContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { StepIndicators, StepItemContextValue, Stepper, StepperContent, StepperContentProps, StepperContextValue, StepperDescription, StepperDescriptionProps, StepperIndicator, StepperIndicatorProps, StepperItem, StepperItemProps, StepperNav, StepperNavProps, StepperOrientation, StepperPanel, StepperPanelProps, StepperProps, StepperSeparator, StepperSeparatorProps, StepperState, StepperTitle, StepperTitleProps, StepperTrigger, StepperTriggerProps, useStepItem, useStepper };
+//#endregion

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

@@ -1,15 +1,14 @@
 import * as React from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-
 //#region src/components/foundations/Switch.d.ts
-interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
+export interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
    * @default 'md'
    */
   size?: "sm" | "md" | "lg";
 }
-interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
+export interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
 /**
  * A toggle switch component for binary choices.
  *
@@ -31,27 +30,17 @@ interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.T
  *
  * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
  */
-declare function SwitchRoot({
-  size,
-  className,
-  ref,
-  ...props
-}: SwitchProps & {
+declare function SwitchRoot({ size, className, ref, ...props }: SwitchProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**
  * The thumb indicator for the Switch component.
  */
-declare function SwitchThumb({
-  className,
-  ref,
-  ...props
-}: SwitchThumbProps & {
+declare function SwitchThumb({ className, ref, ...props }: SwitchThumbProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare const Switch: {
+export declare const Switch: {
   Root: typeof SwitchRoot;
   Thumb: typeof SwitchThumb;
 };
-//#endregion
-export { Switch, SwitchProps, SwitchThumbProps };
+//#endregion

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

@@ -1,2 +1,2 @@
-import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../../Tabs-Ptrbaynh.js";
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../../Tabs-BYs-RgJ7.js";
 export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

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

@@ -1,7 +1,6 @@
 import * as React from "react";
-
 //#region src/components/foundations/Textarea.d.ts
-interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   /** Allow the user to resize the control along the block axis. */
   resize?: "none" | "vertical";
 }
@@ -9,13 +8,8 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
  * Multiline text control that shares the design system's field recipe.
  * Compose it through `Field.Control` when labeling or validation is needed.
  */
-declare function Textarea({
-  className,
-  ref,
-  resize,
-  ...props
-}: TextareaProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLTextAreaElement>;
+export declare function Textarea({ className, ref, resize, ...props }: TextareaProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLTextAreaElement>;
 }): React.JSX.Element;
-//#endregion
-export { Textarea, TextareaProps };
+//#endregion

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

@@ -1,8 +1,7 @@
 import { ResolvedTheme, ThemePreference } from "../../utils/theme.js";
 import * as React from "react";
-
 //#region src/components/foundations/ThemeProvider.d.ts
-interface ThemeProviderProps {
+export interface ThemeProviderProps {
   children: React.ReactNode;
   /** Controlled theme preference. */
   value?: ThemePreference;
@@ -13,7 +12,7 @@ interface ThemeProviderProps {
   /** localStorage key. Pass `null` when the application owns persistence. */
   storageKey?: string | null;
 }
-interface ThemeContextValue {
+export interface ThemeContextValue {
   preference: ThemePreference;
   resolvedTheme: ResolvedTheme;
   setPreference: (preference: ThemePreference) => void;
@@ -26,13 +25,6 @@ interface ThemeContextValue {
  * `getThemeInitializationScript()` in the document head to avoid a flash when
  * a saved override differs from the operating-system preference.
  */
-declare function ThemeProvider({
-  children,
-  value,
-  defaultValue,
-  onValueChange,
-  storageKey
-}: ThemeProviderProps): React.JSX.Element;
-declare function useTheme(): ThemeContextValue;
-//#endregion
-export { ThemeContextValue, ThemeProvider, ThemeProviderProps, useTheme };
+export declare function ThemeProvider({ children, value, defaultValue, onValueChange, storageKey }: ThemeProviderProps): React.JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+//#endregion

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

@@ -1,44 +1,43 @@
 import * as React from "react";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
-
 //#region src/components/foundations/Toast.d.ts
 /**
  * Props for the Toast.Provider component.
  */
 type BaseToastProviderProps = React.ComponentPropsWithoutRef<typeof Toast$1.Provider>;
-interface ToastProviderProps extends Omit<BaseToastProviderProps, "children"> {
+export interface ToastProviderProps extends Omit<BaseToastProviderProps, "children"> {
   /** Application subtree whose toast state is managed by this provider. */
   children?: BaseToastProviderProps["children"];
 }
 /**
  * Props for the Toast.Viewport component.
  */
-interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Viewport> {}
+export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Viewport> {}
 /**
  * Props for the Toast.Root component.
  */
-interface ToastRootProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Root> {}
+export interface ToastRootProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Root> {}
 /**
  * Props for the Toast.Content component.
  */
-interface ToastContentProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Content> {}
+export interface ToastContentProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Content> {}
 /**
  * Props for the Toast.Title component.
  */
-interface ToastTitleProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Title> {}
+export interface ToastTitleProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Title> {}
 /**
  * Props for the Toast.Description component.
  */
-interface ToastDescriptionProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Description> {}
+export interface ToastDescriptionProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Description> {}
 /**
  * Props for the Toast.Action component.
  */
-interface ToastActionProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Action> {}
+export interface ToastActionProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Action> {}
 /**
  * Props for the Toast.Close component.
  */
 type BaseToastCloseProps = React.ComponentPropsWithoutRef<typeof Toast$1.Close>;
-interface ToastCloseProps extends Omit<BaseToastCloseProps, "aria-label" | "children" | "className" | "nativeButton" | "render"> {
+export interface ToastCloseProps extends Omit<BaseToastCloseProps, "aria-label" | "children" | "className" | "nativeButton" | "render"> {
   /** Additional class names for close-button layout. */
   className?: string;
   /** Accessible name for the icon-only close button. */
@@ -49,74 +48,43 @@ interface ToastCloseProps extends Omit<BaseToastCloseProps, "aria-label" | "chil
 /**
  * Container for displaying toasts.
  */
-declare function ToastViewport({
-  className,
-  ref,
-  ...props
-}: ToastViewportProps & {
+declare function ToastViewport({ className, ref, ...props }: ToastViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Individual toast wrapper.
  */
-declare function ToastRoot({
-  className,
-  ref,
-  ...props
-}: ToastRootProps & {
+declare function ToastRoot({ className, ref, ...props }: ToastRootProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Container for the contents of a toast.
  */
-declare function ToastContent({
-  className,
-  ref,
-  ...props
-}: ToastContentProps & {
+declare function ToastContent({ className, ref, ...props }: ToastContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Title that labels the toast. Renders an `<h2>` element.
  */
-declare function ToastTitle({
-  className,
-  ref,
-  ...props
-}: ToastTitleProps & {
+declare function ToastTitle({ className, ref, ...props }: ToastTitleProps & {
   ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
 /**
  * Description text for the toast. Renders a `<p>` element.
  */
-declare function ToastDescription({
-  className,
-  ref,
-  ...props
-}: ToastDescriptionProps & {
+declare function ToastDescription({ className, ref, ...props }: ToastDescriptionProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
 /**
  * Action button within the toast.
  */
-declare function ToastAction({
-  render,
-  className,
-  ref,
-  ...props
-}: ToastActionProps & {
+declare function ToastAction({ render, className, ref, ...props }: ToastActionProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**
  * Close button that dismisses the toast.
  */
-declare function ToastClose({
-  className,
-  label,
-  children,
-  ref,
-  ...props
-}: ToastCloseProps & {
+declare function ToastClose({ className, label, children, ref, ...props }: ToastCloseProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**
@@ -171,7 +139,7 @@ declare function ToastClose({
  *
  * @see {@link https://base-ui.com/react/components/toast | Base UI Toast}
  */
-declare const Toast: {
+export declare const Toast: {
   Provider: (props: ToastProviderProps) => React.JSX.Element;
   Viewport: typeof ToastViewport;
   Root: typeof ToastRoot;
@@ -179,8 +147,8 @@ declare const Toast: {
   Title: typeof ToastTitle;
   Description: typeof ToastDescription;
   Action: typeof ToastAction;
-  Close: typeof ToastClose; /** Hook to access the toast manager for adding/removing toasts */
+  Close: typeof ToastClose;
+  /** Hook to access the toast manager for adding/removing toasts */
   useToastManager: typeof Toast$1.useToastManager;
 };
-//#endregion
-export { Toast, ToastActionProps, ToastCloseProps, ToastContentProps, ToastDescriptionProps, ToastProviderProps, ToastRootProps, ToastTitleProps, ToastViewportProps };
+//#endregion

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

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-
 //#region src/components/foundations/Toggle.d.ts
-interface ToggleVariantsOptions {
+export interface ToggleVariantsOptions {
   /** Visual treatment; `outline` adds a bordered control surface. */
   variant?: "default" | "outline" | null;
   /** Control height and inline spacing. */
@@ -12,12 +11,8 @@ interface ToggleVariantsOptions {
 /**
  * Props for the Toggle component.
  */
-interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle$1>, Omit<ToggleVariantsOptions, "className"> {}
-declare function toggleVariants({
-  variant,
-  size,
-  className
-}?: ToggleVariantsOptions): string;
+export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle$1>, Omit<ToggleVariantsOptions, "className"> {}
+export declare function toggleVariants({ variant, size, className }?: ToggleVariantsOptions): string;
 /**
  * A two-state button that can be on (pressed) or off.
  * Useful for toggling a setting or mode.
@@ -58,14 +53,8 @@ declare function toggleVariants({
  *
  * @see {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
  */
-declare function Toggle({
-  className,
-  variant,
-  size,
-  ref,
-  ...props
-}: ToggleProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLButtonElement>;
+export declare function Toggle({ className, variant, size, ref, ...props }: ToggleProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-//#endregion
-export { Toggle, ToggleProps, ToggleVariantsOptions, toggleVariants };
+//#endregion

package/dist/components/foundations/Toggle.js

@@ -53,14 +53,15 @@ function toggleVariants({ variant = "default", size = "md", className } = {}) {
 */
 function Toggle({ className, variant, size, ref, ...props }) {
 	const resolvedSize = size ?? "md";
+	const classes = mergeBaseClassName(toggleVariants({
+		variant,
+		size: resolvedSize
+	}), className);
 	return /* @__PURE__ */ jsx(Toggle$1, {
 		ref,
 		"data-slot": "toggle",
 		"data-size": resolvedSize,
-		className: mergeBaseClassName(toggleVariants({
-			variant,
-			size: resolvedSize
-		}), className),
+		className: classes,
 		...props
 	});
 }