@mcp-b/react-components 0.56.1 → 0.57.0

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/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, d as CheckIcon } from "../../icons-CeGfXO21.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

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/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { nt as XIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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
 	});
 }

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

@@ -1,18 +1,20 @@
 import { ToggleVariantsOptions } from "./Toggle.js";
 import * as React from "react";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
-
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];
-type ToggleGroupProps<Value extends string = string> = ToggleGroup$1.Props<Value> & {
-  /** Axis used for roving focus and group layout. */orientation?: ToggleGroup$1.Props<Value>["orientation"]; /** Visual treatment inherited by every item in the group. */
+export type ToggleGroupProps<Value extends string = string> = ToggleGroup$1.Props<Value> & {
+  /** Axis used for roving focus and group layout. */
+  orientation?: ToggleGroup$1.Props<Value>["orientation"];
+  /** Visual treatment inherited by every item in the group. */
   variant?: ToggleVariantsOptions["variant"];
   /**
    * The size of the toggle group.
    * @default 'md'
    */
-  size?: ToggleGroupSize; /** Gap between items in CSS pixels; use `0` for a connected segmented control. */
+  size?: ToggleGroupSize;
+  /** Gap between items in CSS pixels; use `0` for a connected segmented control. */
   spacing?: number;
   /**
    * Draws one shared thumb that slides between segments rather than lighting up
@@ -24,7 +26,7 @@ type ToggleGroupProps<Value extends string = string> = ToggleGroup$1.Props<Value
    */
   segmented?: boolean;
 };
-interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
+export interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
 /**
  * A toggle group component for selecting one or multiple options.
  *
@@ -50,32 +52,15 @@ interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle
  *
  * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}
  */
-declare function ToggleGroupRoot<Value extends string>({
-  size,
-  spacing,
-  segmented,
-  variant,
-  className,
-  children,
-  style,
-  ref,
-  ...props
-}: ToggleGroupProps<Value>): React.JSX.Element;
+declare function ToggleGroupRoot<Value extends string>({ size, spacing, segmented, variant, className, children, style, ref, ...props }: ToggleGroupProps<Value>): React.JSX.Element;
 /**
  * A single toggle item within a ToggleGroup.
  */
-declare function ToggleGroupItem({
-  className,
-  variant,
-  size,
-  ref,
-  ...props
-}: ToggleGroupItemProps & {
+declare function ToggleGroupItem({ className, variant, size, ref, ...props }: ToggleGroupItemProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-declare const ToggleGroup: {
+export declare const ToggleGroup: {
   Root: typeof ToggleGroupRoot;
   Item: typeof ToggleGroupItem;
 };
-//#endregion
-export { ToggleGroup, ToggleGroupItemProps, ToggleGroupProps };
+//#endregion

package/dist/components/foundations/ToggleGroup.js

@@ -3,8 +3,8 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead

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

@@ -1,2 +1,2 @@
-import { a as ToolbarLinkProps, i as ToolbarInputProps, n as ToolbarButtonProps, o as ToolbarRootProps, r as ToolbarGroupProps, s as ToolbarSeparatorProps, t as Toolbar } from "../../Toolbar-CGY004u0.js";
+import { a as ToolbarLinkProps, i as ToolbarInputProps, n as ToolbarButtonProps, o as ToolbarRootProps, r as ToolbarGroupProps, s as ToolbarSeparatorProps, t as Toolbar } from "../../Toolbar-Dcn4IszI.js";
 export { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarInputProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps };