import * as class_variance_authority_types from 'class-variance-authority/types';
import { VariantProps } from 'class-variance-authority';
import * as React from 'react';
import { Button } from './button.js';
import '@base-ui/react/button';
import './link.js';

/**
 * `data-disabled="true"` styles group chrome only. Set `disabled` on each
 * InputGroupInput / InputGroupTextarea that should be inactive; the hook does
 * not disable, fade, or prevent focus on descendants. Buttons own their state
 * independently, so an action can remain enabled beside a disabled control.
 */
declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare const inputGroupAddonVariants: (props?: ({
    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
declare const inputGroupButtonVariants: (props?: ({
    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
/**
 * The inline button inside an addon — a secondary action or an icon
 * affordance, as opposed to `InputGroupAction`, which attaches to the group's
 * trailing edge.
 *
 * Defaults to `soft` rather than `ghost`: a ghost button inside a control is
 * bare text with no shape, location or formatting to signal it is pressable,
 * which is the one thing an affordance has to do without being hovered. `soft`
 * gives it a 10% ink chip and stays quieter than the attached action beside
 * it. Icon affordances that should stay bare — Combobox's chevron and clear —
 * pass `variant='ghost'` explicitly and are unaffected.
 */
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
    type?: 'button' | 'submit' | 'reset';
}): React.JSX.Element;
declare const inputGroupActionVariants: (props?: ({
    variant?: "solid" | "open" | "subtle" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare function InputGroupAction({ className, type, variant, ...props }: Omit<React.ComponentProps<typeof Button>, 'size' | 'type' | 'variant'> & VariantProps<typeof inputGroupActionVariants> & {
    type?: 'button' | 'submit' | 'reset';
}): React.JSX.Element;
declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;

export { InputGroup, InputGroupAction, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupActionVariants };