import { type ComponentProps, type ReactElement, type ReactNode, type RefObject } from "react";
import { type DrawablyBadgeOptions, type DrawablyButtonOptions, type DrawablyListOptions, type DrawablyOptions } from "./controls.js";
import { type DrawablyPagerOptions, type DrawablyTabsOptions } from "./composites.js";
type ButtonProps = DrawablyButtonOptions & ComponentProps<"button">;
export declare function DrawablyButton({ seed, roughness, boil, stroke, fill, paper, width, variant, state, tone, className, children, ...rest }: ButtonProps): ReactElement;
type CheckboxProps = DrawablyOptions & ComponentProps<"input">;
export declare function DrawablyCheckbox({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: CheckboxProps): ReactElement;
type InputProps = DrawablyOptions & ComponentProps<"input">;
export declare function DrawablyInput({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: InputProps): ReactElement;
export declare function DrawablyRadio({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: InputProps): ReactElement;
export declare function DrawablyToggle({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: CheckboxProps): ReactElement;
type DividerProps = DrawablyOptions & ComponentProps<"hr">;
export declare function DrawablyDivider({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: DividerProps): ReactElement;
type CardProps = DrawablyOptions & ComponentProps<"div">;
export declare function DrawablyCard({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: CardProps): ReactElement;
type SpanProps = DrawablyOptions & ComponentProps<"span">;
export declare const DrawablyUnderline: ({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: SpanProps) => ReactElement;
export declare const DrawablyHighlight: ({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: SpanProps) => ReactElement;
export declare const DrawablyCircle: ({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: SpanProps) => ReactElement;
type ArrowProps = DrawablyOptions & {
    from: RefObject<HTMLElement | null>;
    to: RefObject<HTMLElement | null>;
};
export declare function DrawablyArrow({ from, to, seed, roughness, boil, stroke, fill, paper, width }: ArrowProps): null;
type TextareaProps = DrawablyOptions & ComponentProps<"textarea">;
export declare function DrawablyTextarea({ seed, roughness, boil, stroke, fill, paper, width, className, ...rest }: TextareaProps): ReactElement;
type SelectProps = DrawablyOptions & ComponentProps<"select">;
export declare function DrawablySelect({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: SelectProps): ReactElement;
type BadgeProps = DrawablyBadgeOptions & ComponentProps<"span">;
export declare function DrawablyBadge({ seed, roughness, boil, stroke, fill, paper, width, variant, className, children, ...rest }: BadgeProps): ReactElement;
type ListProps = DrawablyListOptions & ComponentProps<"ul">;
export declare function DrawablyList({ seed, roughness, boil, stroke, fill, paper, width, marker, className, children, ...rest }: ListProps): ReactElement;
type ChipProps = DrawablyOptions & ComponentProps<"input"> & {
    children?: ReactNode;
};
export declare function DrawablyChip({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: ChipProps): ReactElement;
type TabsProps = DrawablyTabsOptions & ComponentProps<"div">;
export declare function DrawablyTabs({ seed, roughness, boil, stroke, fill, paper, width, active, className, children, ...rest }: TabsProps): ReactElement;
type TooltipProps = DrawablyOptions & ComponentProps<"span"> & {
    to: RefObject<HTMLElement | null>;
};
export declare function DrawablyTooltip({ to, seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: TooltipProps): ReactElement;
export declare function DrawablyAlert({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: CardProps): ReactElement;
type StepsProps = DrawablyOptions & ComponentProps<"ol">;
export declare function DrawablySteps({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: StepsProps): ReactElement;
type KbdProps = DrawablyBadgeOptions & ComponentProps<"kbd">;
export declare function DrawablyKbd({ seed, roughness, boil, stroke, fill, paper, width, variant, className, children, ...rest }: KbdProps): ReactElement;
type QuoteProps = DrawablyOptions & ComponentProps<"blockquote">;
export declare function DrawablyQuote({ seed, roughness, boil, stroke, fill, paper, width, className, children, ...rest }: QuoteProps): ReactElement;
type PagerProps = DrawablyPagerOptions & ComponentProps<"nav">;
export declare function DrawablyPager({ seed, roughness, boil, stroke, fill, paper, width, active, className, children, ...rest }: PagerProps): ReactElement;
export {};