import { Meta, StoryObj } from '@storybook/react-vite';
import { ButtonsGroup } from './buttons-group';
declare const meta: Meta<typeof ButtonsGroup>;
export default meta;
type Story = StoryObj<typeof ButtonsGroup>;
export declare const Default: Story;
export declare const DefaultSpacing: Story;
export declare const CloseSpacing: Story;
/**
 * A split button: a primary action joined to a chevron that opens a real menu of related
 * actions. The chevron is a `DropdownMenu.Trigger asChild`, so it stays a real `Button` and
 * the group fuses the two into one pill with a single divider — no width or corner classes on
 * either segment. (`DropdownMenu` renders no DOM of its own, so the trigger is still a direct
 * child of the group; the menu content is portaled out.)
 */
export declare const AsSplitButton: Story;
export declare const Vertical: Story;
export declare const VerticalCloseSpacing: Story;
export declare const WithSeparator: Story;
export declare const VerticalWithSeparator: Story;
/**
 * A stepper: two outline buttons joined to a read-only value segment. The middle value
 * uses `ButtonsGroupText` (a filled chip). Because that segment is filled (opaque bg) the
 * group keeps its own border as the seam, so both dividers render as a single clean line.
 */
export declare const Stepper: Story;
/** `ButtonsGroupText` as an actual text label segment (e.g. a unit) next to a control. */
export declare const WithText: Story;
/**
 * Searchbar + dropdown fused into a single pill — the recommended composition. The search
 * segment is an `InputGroup` (icon + input in one bordered box) nested inside the
 * `ButtonsGroup` merger; an interactive clear button would go in an `InputGroupAddon`
 * (`align="inline-end"`) with an `InputGroupButton`.
 *
 * No layout classes on the children (`flex-1`/`min-w-0`/`shrink-0`): the group owns sizing in
 * `spacing="close"` — the InputGroup fills the row and the Select trigger sizes to its content.
 * The group collapses the touching borders into a divider and flattens the inner corners,
 * leaving the outer pill rounded.
 *
 * Only one class is passed: `rounded-full` on the `SelectTrigger`, an intentional shape choice
 * so its outer corner matches the InputGroup pill (the trigger's standalone default is
 * `rounded-lg`). The `w-[420px]` on the group is just the demo container width.
 */
export declare const SearchWithDropdown: Story;
