import type { Theme } from '@redis-ui/styles';
import type { UnifiedYamlDiffRowKind } from './utils';
type DiffLineKind = Exclude<UnifiedYamlDiffRowKind, 'hunk'>;
export declare const AssistantSection: import("styled-components").StyledComponent<({ open: controlledOpen, defaultOpen, disabled, onOpenChange, collapsible, children, ...props }: import("@redis-ui/components/dist/Section/components/Compose/Compose.types").SectionComposeProps) => import("react/jsx-runtime").JSX.Element, any, {
    $isPage: boolean;
}, never>;
export declare const PlaygroundShell: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const WorkspaceHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
export declare const WorkspaceTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const WorkspaceHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const MobileOnly: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const PlaygroundBody: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const AssistantRail: import("styled-components").StyledComponent<"aside", any, {}, never>;
export declare const ModalCopy: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ModalIntro: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ModalSection: import("styled-components").StyledComponent<"section", any, {}, never>;
export declare const ModalSectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ModalBulletList: import("styled-components").StyledComponent<"ul", any, {}, never>;
export declare const DryRunInfoCode: import("styled-components").StyledComponent<"pre", any, {}, never>;
export declare const WorkspaceMain: import("styled-components").StyledComponent<"main", any, {}, never>;
export declare const StageNavigation: import("styled-components").StyledComponent<(({ currentStep, getIsStepInteractive, onStepChange, onKeyDown, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Compose/Compose.types").StepperComposeProps) => import("react/jsx-runtime").JSX.Element) & {
    Step: (({ children, ...restProps }: import("@redis-ui/components").StepperStepProps) => import("react/jsx-runtime").JSX.Element) & {
        Compose: ({ onClick, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Step/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null;
        Icon: ({ children, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Step/components/Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
        Label: ({ children, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Step/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element | null;
        Separator: ({ state, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Step/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
        useStepContext: () => import("@redis-ui/components").StepperStepContextType;
    };
}, any, {
    theme: Theme;
}, never>;
export declare const StageStep: import("styled-components").StyledComponent<({ onClick, ...restProps }: import("@redis-ui/components/dist/Stepper/components/Step/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null, any, {}, never>;
export declare const StageCopy: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const StageBody: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StageColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const TransformationGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResultTabScroller: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResultTabLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const ResultTabCount: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const ResultTabPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const TabContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ComparisonGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ActionBar: import("styled-components").StyledComponent<"footer", any, {}, never>;
export declare const GateList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ActionBarActions: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const InspectorTabContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Header: import("styled-components").StyledComponent<"header", any, {}, never>;
export declare const PresentationModeHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StepHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
export declare const StepHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StepCopy: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SummaryMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StatusRow: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CopyAction: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const WorkflowDivider: import("styled-components").StyledComponent<"hr", any, {}, never>;
export declare const WorkspaceStep: import("styled-components").StyledComponent<"section", any, {}, never>;
export declare const DebugContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const HistoryList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Grid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Column: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Panel: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const TransformationPanel: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const TransformationReviewBody: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const PanelHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FieldGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FlexibleControl: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CompactControl: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FieldHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FieldCopy: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DataControls: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SubsectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SeparatedSubsectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EntityList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EntityContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EntitySettings: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EntityNameGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SchemaFieldRow: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventControls: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventSides: import("styled-components").StyledComponent<"div", any, {
    $columns: number;
}, never>;
export declare const EventValues: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const EventValuesHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventFieldList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ValueRow: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ValueLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalCard: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "informative";
}, "border" | "variant">;
export declare const ProposalCardHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalMetadata: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalPreviewGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalPreviewSection: import("styled-components").StyledComponent<"section", any, {}, never>;
export declare const ProposalEntityPreviewList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalEntityPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalEntityPreviewHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalFieldPreviewList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalFieldPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalEventPreviewList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ProposalEventPayload: import("styled-components").StyledComponent<"pre", any, {}, never>;
export declare const DataAiComposer: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const DataAiComposerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const RedisStateGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const RedisStateCard: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const EventResultList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const EventResult: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const ReadableResultList: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ReadableResultItem: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const FieldPathControl: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FieldTypeControl: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CodeTextAreaCompose: import("styled-components").StyledComponent<({ readonlyRender, ...restProps }: import("@redis-ui/components/dist/Inputs/TextArea/components/Compose/Compose.types").TextAreaComposeProps & import("@redis-ui/components/dist/Inputs/TextArea/components/Compose/Compose.types").RestTextAreaComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
export declare const CodeTextAreaTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redis-ui/components/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag").RestTextAreaTagProps & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;
export declare const TransformationEditorArea: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CodeBlock: import("styled-components").StyledComponent<"pre", any, {}, never>;
export declare const ProposalExplanation: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const JobExplanationModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const JobExplanationLoading: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const JobExplanationActions: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const JobExplanationDocument: import("styled-components").StyledComponent<"article", any, {}, never>;
export declare const ResultGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SummaryGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SummaryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResultValueCell: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResultValueActions: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const RedisValuePreviewToolbar: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const RedisValuePreviewCode: import("styled-components").StyledComponent<"pre", any, {}, never>;
export declare const JsonPreviewToken: import("styled-components").StyledComponent<"span", any, {
    $kind: "key" | "string" | "number" | "boolean" | "null";
}, never>;
export declare const DlqDetailList: import("styled-components").StyledComponent<"dl", any, {}, never>;
export declare const InlineCode: import("styled-components").StyledComponent<"code", any, {}, never>;
export declare const MessageList: import("styled-components").StyledComponent<"div", any, {}, never>;
/**
 * Custom UI rationale:
 * - Checked Redis UI `TextArea` and its public `Compose` and `Tag` parts.
 * - Gap: the component has no vertical-resize prop, while long AI prompts require user-controlled
 *   height.
 * - Revisit when `TextArea` exposes vertical resizing through its direct component API.
 */
export declare const ResizableChatInput: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResizableChatInputCompose: import("styled-components").StyledComponent<({ readonlyRender, ...restProps }: import("@redis-ui/components/dist/Inputs/TextArea/components/Compose/Compose.types").TextAreaComposeProps & import("@redis-ui/components/dist/Inputs/TextArea/components/Compose/Compose.types").RestTextAreaComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
export declare const ResizableChatInputTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redis-ui/components/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag").RestTextAreaTagProps & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;
export declare const UndoToastContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Message: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    $role: string;
}, never>;
export declare const ButtonRow: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DisabledControlTooltipTrigger: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const SessionControls: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const UnifiedDiff: import("styled-components").StyledComponent<({ variant, border, ...props }: import("@redis-ui/components").CardProps) => import("react/jsx-runtime").JSX.Element, any, {
    border: true;
    variant: "primary";
}, "border" | "variant">;
export declare const TransformationDiffArea: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DiffFileHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DiffFileHeaderSeparator: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const DiffTable: import("styled-components").StyledComponent<"table", any, {}, never>;
export declare const DiffHunkRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
export declare const DiffHunkCell: import("styled-components").StyledComponent<"td", any, {}, never>;
export declare const DiffLineRow: import("styled-components").StyledComponent<"tr", any, {
    $kind: DiffLineKind;
}, never>;
export declare const DiffLineNumber: import("styled-components").StyledComponent<"td", any, {}, never>;
export declare const DiffMarkerCell: import("styled-components").StyledComponent<"td", any, {}, never>;
export declare const DiffCodeCell: import("styled-components").StyledComponent<"td", any, {}, never>;
export declare const DiffEmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ResultList: import("styled-components").StyledComponent<"div", any, {}, never>;
export {};