import { type ValidGroupPseudoSelector, type ValidInteractionPseudoSelector } from '@universal-labs/css';
import type { RegisteredComponent } from '../types/styled.types';
export declare const globalStore: {
    setState: (fn: (state: {
        components: Record<string, RegisteredComponent>;
        context: import("..").StyledContext;
    }) => {
        components: Record<string, RegisteredComponent>;
        context: import("..").StyledContext;
    }, publish?: boolean) => void;
    getState: () => {
        components: Record<string, RegisteredComponent>;
        context: import("..").StyledContext;
    };
    emitChanges: () => void;
    subscribe: (listener: (state: {
        components: Record<string, RegisteredComponent>;
        context: import("..").StyledContext;
    }) => void) => () => boolean;
};
export type GlobalStore = ReturnType<(typeof globalStore)['getState']>;
export declare const registerComponent: (input: {
    id: string;
    groupID: string;
}) => RegisteredComponent;
export declare const getParentComponentState: (parentID: string) => Record<"group" | "hover" | "active" | "focus" | "group-hover" | "group-active" | "group-focus", boolean> | Readonly<{
    active: false;
    focus: false;
    hover: false;
    'group-active': false;
    'group-focus': false;
    'group-hover': false;
}>;
export declare function setComponentInteractionState(id: string, interaction: ValidInteractionPseudoSelector | ValidGroupPseudoSelector, value: boolean): void;