/** * [WHO]: ButtonGroup — visually join adjacent Button / IconButton siblings into a single control group, plus inline label / separator helpers. * [FROM]: React + CVA + `@/lib/utils` cn. * [TO]: sparkdesign package consumers; output of CLI `add button-group` when registered. * [HERE]: registry/basic/button-group.tsx — Spark Design source; keep aligned with the main library. * * [PROTOCOL]: * 1. Keep this P3 header in sync when the public contract changes. * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change. * 3. Follow design tokens and explicit type exports. */ import * as React from 'react'; import { type VariantProps } from 'class-variance-authority'; declare const buttonGroupVariants: (props?: ({ orientation?: "horizontal" | "vertical" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface ButtonGroupProps extends React.HTMLAttributes, VariantProps { } declare const ButtonGroup: React.ForwardRefExoticComponent>; export type ButtonGroupTextProps = React.HTMLAttributes; declare const ButtonGroupText: React.ForwardRefExoticComponent>; export interface ButtonGroupSeparatorProps extends React.HTMLAttributes { orientation?: 'horizontal' | 'vertical'; } declare const ButtonGroupSeparator: React.ForwardRefExoticComponent>; export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, buttonGroupVariants };