import type { ComponentProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
/**
 * Minimal, app-agnostic form primitives for the core "dev-doc" block library
 * (mermaid / api-endpoint / data-model / diff / file-tree / json-explorer /
 * annotated-code).
 * These blocks previously imported the plan app's shadcn/ui
 * components (`@/components/ui/*`); core blocks must stay portable, so these are
 * plain styled elements that reproduce the SAME shadcn Tailwind classes byte-for
 * -byte. They resolve against whatever shadcn token theme (`border-input`,
 * `bg-background`, `ring-ring`, …) the host app ships, so the rendered look is
 * unchanged across apps.
 *
 * The Select is intentionally a NATIVE `<select>` styled to match the shadcn
 * trigger rather than a Radix popover: it keeps core dependency-free and behaves
 * identically for the simple enum pickers these editors use (method, change,
 * param location, diff mode).
 */
export declare const DevInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
export declare const DevLabel: import("react").ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>;
export declare const DevTextarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
/** Only the `outline` badge variant is used by these blocks. */
export declare function DevBadge({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
/**
 * A native-checkbox toggle styled to read like the shadcn Switch. `onCheckedChange`
 * mirrors the shadcn/Radix API so call sites stay identical.
 */
export declare function DevSwitch({ checked, onCheckedChange, disabled, className, ...props }: {
    checked: boolean;
    onCheckedChange: (checked: boolean) => void;
    disabled?: boolean;
    className?: string;
} & Omit<InputHTMLAttributes<HTMLButtonElement>, "onChange" | "checked" | "type">): import("react").JSX.Element;
export interface DevSelectOption {
    value: string;
    label: ReactNode;
}
/**
 * A native `<select>` styled to match the shadcn SelectTrigger. Drop-in for the
 * simple enum pickers the dev-doc editors use. `onValueChange` mirrors the shadcn
 * API. The chevron is positioned over the native control.
 */
export declare function DevSelect({ value, onValueChange, options, disabled, className, "aria-label": ariaLabel, }: {
    value: string;
    onValueChange: (value: string) => void;
    options: DevSelectOption[];
    disabled?: boolean;
    className?: string;
    "aria-label"?: string;
}): import("react").JSX.Element;
//# sourceMappingURL=dev-doc-ui.d.ts.map