import { NamedExoticComponent, ReactElement, ReactNode } from 'react';
type ElementsRegistryElementsMap<V> = Map<string, V>;
type ElementsRegistrySlotsMap = Map<string, string>;
type ElementsRegistrySetMethod<V> = (id: string, element: V, slot?: string) => void;
type ElementsRegistryUnsetMethod = (id: string) => void;
type ElementsRegistryMethods<V> = readonly [ElementsRegistrySetMethod<V>, ElementsRegistryUnsetMethod];
export interface ElementsRegistryProps {
    children: ReactNode;
}
export interface ElementsRegistryProviderProps<V> extends ElementsRegistryProps {
    elements: ElementsRegistryElementsMap<V> | null;
    methods: ElementsRegistryMethods<V>;
    slots: ElementsRegistrySlotsMap;
}
interface RegistrySlotProps<V, Name extends string> {
    name: Name;
    children?: (children: Array<V>) => ReactNode;
}
type RegistryState<V> = {
    elementsMap: ElementsRegistryElementsMap<V>;
    slotsMap: ElementsRegistrySlotsMap;
};
/**
 * Creates an ElementsRegistry factory with isolated context and hooks.
 *
 * This factory function creates a complete registry system for managing registered values
 * (React elements by default, or any data via the `V` type parameter), including a provider
 * component and custom hooks for accessing the registry.
 *
 * @param name - The name used for display purposes in React DevTools (e.g., "Navigation", "Form")
 *
 * @returns An object containing:
 *   - `Registry`: A memoized self-contained provider that owns its own state
 *   - `RegistryProvider`: A memoized provider that accepts externally-managed state (for advanced composition)
 *   - `RegistrySlot`: A component that renders registered elements for a named slot
 *   - `useRegistryElements`: Hook to read the elements map, optionally filtered by slot
 *   - `useRegistryMethods`: Hook to get the `[set, unset]` registration methods
 *   - `useRegistryState`: Hook that owns registry state and returns `[state, methods]` (used by `Registry` internally)
 *
 * @example
 * ```tsx
 * const {
 *   Registry: NavigationRegistry,
 *   RegistrySlot: NavigationSlot,
 *   useRegistryElements: useNavElements,
 *   useRegistryMethods: useNavMethods,
 * } = createElementsRegistry('Navigation');
 *
 * function App() {
 *   return (
 *     <NavigationRegistry>
 *       <NavigationSlot name="primary" />
 *       <NavigationContent />
 *     </NavigationRegistry>
 *   );
 * }
 *
 * function NavigationContent() {
 *   const [register, unregister] = useNavMethods();
 *   const elements = useNavElements('primary');
 * }
 * ```
 */
export declare function createElementsRegistry<V extends NonNullable<unknown> = ReactElement, SlotName extends string = string>(name: string): {
    readonly Registry: NamedExoticComponent<ElementsRegistryProps>;
    readonly RegistryProvider: NamedExoticComponent<ElementsRegistryProviderProps<V>>;
    readonly RegistrySlot: ({ name, children, ...rest }: RegistrySlotProps<V, SlotName>) => ReactNode;
    readonly useRegistryElements: (slot?: SlotName) => ElementsRegistryElementsMap<V> | null;
    readonly useRegistryMethods: () => ElementsRegistryMethods<V>;
    readonly useRegistryState: () => readonly [RegistryState<V>, ElementsRegistryMethods<V>];
};
export {};