import * as s from 'solid-js';
import { type FalsyValue } from '@solid-primitives/utils';
import * as debug from '@solid-devtools/debugger/types';
import { type InputEventBus, type OutputEventBus } from './controller.tsx';
import * as ui from './ui/index.ts';
import * as decode from './decode.ts';
export declare namespace Inspector {
    type ValueItem = {
        itemId: debug.ValueItemID;
        extended: s.Accessor<boolean>;
        setExtended: s.Setter<boolean>;
        value: s.Accessor<decode.DecodedValue>;
        setValue: s.Setter<decode.DecodedValue>;
    };
    type Signal = {
        item: ValueItem;
        type: debug.NodeType.Signal | debug.NodeType.Memo | debug.NodeType.Store | debug.NodeType.CustomValue;
        name: string | undefined;
        id: debug.NodeID;
    };
    type Prop = {
        item: ValueItem;
        getter: s.Accessor<debug.PropGetterState | false>;
        setGetter: s.Setter<debug.PropGetterState>;
    };
    type Props = {
        proxy: boolean;
        record: {
            [key: string]: Prop;
        };
    };
    type State = {
        name: string | null;
        type: debug.NodeType | null;
        signals: {
            [key: debug.NodeID]: Signal;
        };
        value: ValueItem | null;
        props: Props | null;
        location: string | null;
        hmr: boolean;
    };
    type Module = ReturnType<typeof createInspector>;
}
export default function createInspector(output: OutputEventBus, input: InputEventBus): {
    inspected: debug.InspectedState;
    inspectedNode: s.Accessor<{
        ownerId: debug.NodeID | null;
        signalId: debug.NodeID | null;
        treeWalkerOwnerId: debug.NodeID | null;
    }>;
    isSomeNodeInspected: s.Accessor<boolean>;
    isInspected: (key: `#${string}`) => boolean;
    isInspectedTreeWalkerOwner: (key: `#${string}`) => boolean;
    state: Inspector.State;
    setInspectedNode: (ownerId: debug.NodeID | null, signalId: debug.NodeID | null) => void;
    setInspectedOwner: (id: debug.NodeID | null) => void;
    toggleInspectedOwner: (id: debug.NodeID) => void;
    setInspectedSignal: (id: debug.NodeID | null) => void;
    inspectValueItem: (item: Inspector.ValueItem, selected?: boolean) => void;
    openComponentLocation: () => void;
};
export declare function InspectorView(): s.JSX.Element;
type ToggleElementHover = (elementId: debug.NodeID, hovered?: boolean) => void;
export declare const value_node_styles: string;
export type ValueNodeAction = {
    icon: keyof typeof ui.icon;
    title?: string;
    onClick: () => void;
};
export declare const ValueNode: s.Component<{
    value: decode.DecodedValue;
    name: string | undefined;
    /** signals can be inspected to be viewed in the dependency graph */
    isInspected?: boolean;
    /** for nested values - is it collapsed or extended */
    isExtended?: boolean;
    /** top-level, or inside a store (the value can change) */
    isSignal?: boolean;
    /** for stale prop getters - their value is probably outdated */
    isStale?: boolean;
    onClick?: VoidFunction;
    onElementHover?: ToggleElementHover;
    actions?: (ValueNodeAction | FalsyValue)[];
    class?: string;
}>;
export {};
//# sourceMappingURL=inspector.d.ts.map