/**
 * @monochrome-edge/ui - Vue wrappers for interactive components
 *
 * Like the React wrappers, these do not reimplement behaviour: each
 * Vue component mounts a container, instantiates the canonical vanilla
 * class, and tears it down on unmount. This keeps the Vue surface in
 * lock-step with the pure CSS/JS base library.
 */
import { PropType } from "vue";
import { type SearchDocument } from "../ui/components/search-bar/search-bar";
import { type FilterOption, type SortOption } from "../ui/components/search-toolbar/search-toolbar";
import { type TreeNode } from "../ui/components/tree-view/tree-view";
import { type Step } from "../ui/components/stepper/stepper";
import type { DocumentMetadata } from "../ui/components/graph-view/graph-builder";
export declare const Accordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    allowMultiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    defaultOpen: {
        type: PropType<number[]>;
        default: () => never[];
    };
    onToggle: PropType<(index: number, isOpen: boolean) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    allowMultiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    defaultOpen: {
        type: PropType<number[]>;
        default: () => never[];
    };
    onToggle: PropType<(index: number, isOpen: boolean) => void>;
}>> & Readonly<{}>, {
    allowMultiple: boolean;
    defaultOpen: number[];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    defaultTab: {
        type: NumberConstructor;
        default: number;
    };
    onChange: PropType<(index: number, tabId?: string) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    defaultTab: {
        type: NumberConstructor;
        default: number;
    };
    onChange: PropType<(index: number, tabId?: string) => void>;
}>> & Readonly<{}>, {
    defaultTab: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const Dropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    closeOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: PropType<"bottom" | "top" | "left" | "right">;
        default: string;
    };
    offset: {
        type: NumberConstructor;
        default: number;
    };
    onOpen: PropType<() => void>;
    onClose: PropType<() => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    closeOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: PropType<"bottom" | "top" | "left" | "right">;
        default: string;
    };
    offset: {
        type: NumberConstructor;
        default: number;
    };
    onOpen: PropType<() => void>;
    onClose: PropType<() => void>;
}>> & Readonly<{}>, {
    closeOnSelect: boolean;
    placement: "bottom" | "top" | "left" | "right";
    offset: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const SearchBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    documents: {
        type: PropType<SearchDocument[]>;
        required: true;
    };
    placeholder: StringConstructor;
    maxResults: NumberConstructor;
    highlightMatches: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCategories: {
        type: BooleanConstructor;
        default: boolean;
    };
    onSelect: PropType<(doc: SearchDocument) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    documents: {
        type: PropType<SearchDocument[]>;
        required: true;
    };
    placeholder: StringConstructor;
    maxResults: NumberConstructor;
    highlightMatches: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCategories: {
        type: BooleanConstructor;
        default: boolean;
    };
    onSelect: PropType<(doc: SearchDocument) => void>;
}>> & Readonly<{}>, {
    highlightMatches: boolean;
    showCategories: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const SearchToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    placeholder: StringConstructor;
    filters: {
        type: PropType<FilterOption[]>;
        default: () => never[];
    };
    sortOptions: {
        type: PropType<SortOption[]>;
        default: () => never[];
    };
    debounceMs: NumberConstructor;
    onSearch: PropType<(query: string, filters: Record<string, string>, sort: string) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    placeholder: StringConstructor;
    filters: {
        type: PropType<FilterOption[]>;
        default: () => never[];
    };
    sortOptions: {
        type: PropType<SortOption[]>;
        default: () => never[];
    };
    debounceMs: NumberConstructor;
    onSearch: PropType<(query: string, filters: Record<string, string>, sort: string) => void>;
}>> & Readonly<{}>, {
    filters: FilterOption[];
    sortOptions: SortOption[];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const TreeView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    data: {
        type: PropType<TreeNode[]>;
        required: true;
    };
    expandedByDefault: {
        type: BooleanConstructor;
        default: boolean;
    };
    onNodeClick: PropType<(node: TreeNode) => void>;
    onNodeToggle: PropType<(node: TreeNode, isExpanded: boolean) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    data: {
        type: PropType<TreeNode[]>;
        required: true;
    };
    expandedByDefault: {
        type: BooleanConstructor;
        default: boolean;
    };
    onNodeClick: PropType<(node: TreeNode) => void>;
    onNodeToggle: PropType<(node: TreeNode, isExpanded: boolean) => void>;
}>> & Readonly<{}>, {
    expandedByDefault: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const Stepper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    steps: {
        type: PropType<Step[]>;
        required: true;
    };
    type: {
        type: PropType<"default" | "text">;
        default: string;
    };
    layout: {
        type: PropType<"horizontal" | "vertical" | "snake">;
        default: string;
    };
    showProgress: {
        type: BooleanConstructor;
        default: boolean;
    };
    onStepClick: PropType<(step: Step, index: number) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    steps: {
        type: PropType<Step[]>;
        required: true;
    };
    type: {
        type: PropType<"default" | "text">;
        default: string;
    };
    layout: {
        type: PropType<"horizontal" | "vertical" | "snake">;
        default: string;
    };
    showProgress: {
        type: BooleanConstructor;
        default: boolean;
    };
    onStepClick: PropType<(step: Step, index: number) => void>;
}>> & Readonly<{}>, {
    type: "text" | "default";
    layout: "horizontal" | "vertical" | "snake";
    showProgress: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const Math: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    latex: {
        type: StringConstructor;
        required: true;
    };
    displayMode: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    latex: {
        type: StringConstructor;
        required: true;
    };
    displayMode: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{}>, {
    displayMode: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const GraphView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    documents: {
        type: PropType<DocumentMetadata[]>;
        required: true;
    };
    width: NumberConstructor;
    height: NumberConstructor;
    showLabels: {
        type: BooleanConstructor;
        default: boolean;
    };
    onNodeClick: PropType<(node: {
        id: string;
        title: string;
        tags: string[];
    }) => void>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    documents: {
        type: PropType<DocumentMetadata[]>;
        required: true;
    };
    width: NumberConstructor;
    height: NumberConstructor;
    showLabels: {
        type: BooleanConstructor;
        default: boolean;
    };
    onNodeClick: PropType<(node: {
        id: string;
        title: string;
        tags: string[];
    }) => void>;
}>> & Readonly<{}>, {
    showLabels: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;