import { TemplateResult } from 'lit-html';
import { O as OutsideClickResolution } from './outside-click-rZ3Di_WX.cjs';

type Constructor<T extends HTMLElement> = new (...args: unknown[]) => T;
type RenderableElement = HTMLElement & {
    render?(): TemplateResult | null | undefined;
    afterRender?(): void;
    wrapRender?(commit: () => void, context: RenderContext): void;
    onAttributeChange?(name: string, oldValue: string | null, newValue: string | null): void;
    requestRender?(): void;
    renderRoot?: ShadowRoot | HTMLElement;
};
type TemplateValue<TElement extends RenderableElement> = TemplateResult | null | undefined | ((this: TElement, host: TElement) => TemplateResult | null | undefined);
interface ComponentOptions<TElement extends RenderableElement = RenderableElement> {
    tag: string;
    template?: TemplateValue<TElement>;
    styles?: string;
    styleUrls?: string[];
    observedAttributes?: string[];
    shadowMode?: ShadowRootMode;
    autoSlot?: boolean;
}
interface RenderContext {
    fragment: DocumentFragment;
    root: ShadowRoot | HTMLElement;
}
declare const Component: <TElement extends RenderableElement = RenderableElement>(options: ComponentOptions<TElement>) => <TBase extends Constructor<TElement> & {
    observedAttributes?: string[];
}>(Base: TBase, _context: ClassDecoratorContext) => TBase;

type ListenHost = HTMLElement & {
    renderRoot?: ShadowRoot | DocumentFragment | HTMLElement;
};
type ListenTargetResolver<THost extends ListenHost> = 'document' | 'window' | 'shadow' | 'root' | 'light' | EventTarget | ((host: THost) => EventTarget | null | undefined);
type Predicate<TEvent extends Event, TElement extends Element> = (event: TEvent, matched: TElement | null) => boolean;
interface ListenOptions<THost extends ListenHost, TElement extends Element, TEvent extends Event> {
    selector?: string;
    target?: ListenTargetResolver<THost>;
    prevent?: boolean;
    stop?: boolean;
    stopImmediate?: boolean;
    once?: boolean;
    passive?: boolean;
    capture?: boolean;
    when?: Predicate<TEvent, TElement>;
}
declare function Listen<THost extends ListenHost, TEvent extends Event = Event, TElement extends Element = Element>(eventName: keyof HTMLElementEventMap | string, selectorOrOptions?: string | ListenOptions<THost, TElement, TEvent>): (originalMethod: (this: THost, event: TEvent, matched?: TElement | null) => unknown, context: ClassMethodDecoratorContext<THost, typeof originalMethod>) => void;

type OutsideClickHost = HTMLElement & {
    connectedCallback?: (...args: unknown[]) => unknown;
    disconnectedCallback?: (...args: unknown[]) => unknown;
    afterRender?: (...args: unknown[]) => unknown;
};
interface OutsideClickOptions<THost extends OutsideClickHost> {
    resolve?: (host: THost) => OutsideClickResolution | null | undefined;
    owner?: (host: THost) => HTMLElement | null | undefined;
    content?: (host: THost) => HTMLElement | null | undefined;
    triggers?: (host: THost) => Array<HTMLElement | null | undefined>;
    disabled?: (host: THost) => boolean;
}
declare function OutsideClick<THost extends OutsideClickHost, TEvent extends Event = Event>(options?: OutsideClickOptions<THost>): (originalMethod: (this: THost, event: TEvent) => unknown, context: ClassMethodDecoratorContext<THost, typeof originalMethod>) => void;

type RenderHost$1 = HTMLElement & {
    requestRender?(): void;
    render?(): void;
    connectedCallback?(): void;
    disconnectedCallback?(...args: unknown[]): void;
};
type PropTypeDescriptor = BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | 'boolean' | 'number' | 'string' | 'json';
type Formatter<TValue, THost extends RenderHost$1> = (this: THost, value: TValue) => string | null | undefined;
type Parser<TValue, THost extends RenderHost$1> = (this: THost, value: string | null) => TValue;
interface PropOptions<TValue, THost extends RenderHost$1> {
    attribute?: string;
    reflect?: boolean;
    type?: PropTypeDescriptor;
    parse?: Parser<TValue, THost>;
    format?: Formatter<TValue, THost>;
    defaultValue?: TValue | ((this: THost) => TValue);
    compare?: (previous: TValue, next: TValue) => boolean;
    onChange?: (this: THost, next: TValue, previous: TValue) => void;
    onAttributeChange?: (this: THost, next: TValue, previous: TValue) => void;
}
declare function Prop<TValue, THost extends RenderHost$1 = RenderHost$1>(options?: PropOptions<TValue, THost>): (accessor: ClassAccessorDecoratorTarget<THost, TValue>, context: ClassAccessorDecoratorContext<THost, TValue>) => ClassAccessorDecoratorResult<THost, TValue>;

type QueryRoot = 'shadow' | 'light' | 'document';
type QueryHost = HTMLElement & {
    renderRoot?: ShadowRoot | DocumentFragment | HTMLElement;
};
type QueryFallback<TResult, THost extends QueryHost> = TResult | ((host: THost) => TResult);
interface BaseQueryOptions<TResult, THost extends QueryHost> {
    from?: QueryRoot;
    fallback?: QueryFallback<TResult, THost>;
}
interface QueryAllOptions<TElement extends Element, THost extends QueryHost> extends BaseQueryOptions<TElement[], THost> {
    all: true;
    closest?: false;
}
interface QueryClosestOptions<THost extends QueryHost> extends BaseQueryOptions<Element | null, THost> {
    closest: true;
    all?: false;
}
interface QuerySingleOptions<TElement extends Element, THost extends QueryHost> extends BaseQueryOptions<TElement | null, THost> {
    all?: false;
    closest?: false;
}
type QueryOptions<TElement extends Element, THost extends QueryHost> = QueryAllOptions<TElement, THost> | QueryClosestOptions<THost> | QuerySingleOptions<TElement, THost>;
type QueryReturnType<TElement extends Element, THost extends QueryHost, TOptions extends QueryOptions<TElement, THost>> = TOptions extends QueryAllOptions<TElement, THost> ? TElement[] : TOptions extends QueryClosestOptions<THost> ? Element | null : TElement | null;
type QueryDecorator<TElement extends Element, THost extends QueryHost, TOptions extends QueryOptions<TElement, THost>> = (target: ClassAccessorDecoratorTarget<THost, QueryReturnType<TElement, THost, TOptions>> | undefined, context: ClassFieldDecoratorContext<THost, QueryReturnType<TElement, THost, TOptions>> | ClassAccessorDecoratorContext<THost, QueryReturnType<TElement, THost, TOptions>>) => ClassAccessorDecoratorResult<THost, QueryReturnType<TElement, THost, TOptions>> | undefined;
declare function Query<TElement extends Element, THost extends QueryHost, TOptions extends QueryOptions<TElement, THost>>(selector: string, userOptions: TOptions): QueryDecorator<TElement, THost, TOptions>;
declare function Query<TElement extends Element = Element, THost extends QueryHost = QueryHost>(selector: string): QueryDecorator<TElement, THost, QuerySingleOptions<TElement, THost>>;

type RenderHost = HTMLElement & {
    requestRender?(): void;
    render?(): void;
};
interface WatchOptions<TValue, THost extends RenderHost> {
    compare?: (previous: TValue, next: TValue) => boolean;
    onChange?: (this: THost, next: TValue, previous: TValue) => void;
    transform?: (this: THost, initial: TValue) => TValue;
}
declare function Watch<TValue, THost extends RenderHost = RenderHost>(options?: WatchOptions<TValue, THost>): (accessor: ClassAccessorDecoratorTarget<THost, TValue>, context: ClassAccessorDecoratorContext<THost, TValue>) => ClassAccessorDecoratorResult<THost, TValue>;

export { Component, Listen, OutsideClick, Prop, Query, type RenderContext, Watch };