// Generated by dts-bundle-generator v9.5.1

export type Vode<S = PatchableState> = FullVode<S> | JustTagVode | NoPropsVode<S>;
export type FullVode<S = PatchableState> = [
	tag: Tag,
	props: Props<S>,
	...children: ChildVode<S>[]
];
export type NoPropsVode<S = PatchableState> = [
	tag: Tag,
	...children: ChildVode<S>[]
] | (TextVode[]);
export type JustTagVode = [
	tag: Tag
];
export type ChildVode<S = PatchableState> = Vode<S> | TextVode | NoVode | Component<S>;
export type TextVode = string & {};
export type NoVode = undefined | null | number | boolean | bigint | void;
export type AttachedVode<S> = Vode<S> & {
	node: ChildNode;
} | Text & {
	node?: never;
};
export type Tag = keyof (HTMLElementTagNameMap & SVGElementTagNameMap & MathMLElementTagNameMap) | (string & {});
export type Component<S> = (s: S) => ChildVode<S>;
export type Patch<S> = IgnoredPatch | RenderPatch<S> | Promise<Patch<S>> | Effect<S>;
export type IgnoredPatch = undefined | null | number | boolean | bigint | string | symbol | void;
export type RenderPatch<S> = {} | DeepPartial<S>;
export type AnimatedPatch<S> = Array<Patch<S>>;
export type DeepPartial<S> = {
	[P in keyof S]?: S[P] extends Array<infer I> ? Array<DeepPartial<I>> : DeepPartial<S[P]>;
};
export type Effect<S> = (() => Patch<S>) | EventFunction<S> | Generator<Patch<S>> | AsyncGenerator<Patch<S>>;
export type EventFunction<S> = (state: S, evt: Event) => Patch<S>;
export interface Props<S> extends Partial<Omit<HTMLElement, keyof (DocumentFragment & ElementCSSInlineStyle & GlobalEventHandlers)> & {
	[K in keyof EventsMap]: EventFunction<S> | Patch<S>;
}> {
	[_: string]: unknown;
	xmlns?: string | null;
	class?: ClassProp;
	style?: StyleProp;
	/** called after the element was attached */
	onMount?: MountFunction<S>;
	/** called before the element is detached */
	onUnmount?: MountFunction<S>;
	/** used instead of original vode when an error occurs during rendering */
	catch?: ((s: S, error: any) => ChildVode<S>) | ChildVode<S>;
}
export type MountFunction<S> = ((s: S, node: HTMLElement) => Patch<S>) | ((s: S, node: SVGSVGElement) => Patch<S>) | ((s: S, node: MathMLElement) => Patch<S>);
export type ClassProp = "" | false | null | undefined | string | string[] | Record<string, boolean | undefined | null>;
export type StyleProp = (Record<number, never> & {
	[K in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[K] | null;
}) | string | "" | null | undefined;
export type EventsMapBase = {
	[K in keyof HTMLElementEventMap as `on${K}`]: HTMLElementEventMap[K];
} & {
	[K in keyof WindowEventMap as `on${K}`]: WindowEventMap[K];
} & {
	[K in keyof SVGElementEventMap as `on${K}`]: SVGElementEventMap[K];
};
export interface EventsMap extends EventsMapBase {
}
export type PropertyValue<S> = string | boolean | null | undefined | void | StyleProp | ClassProp | Patch<S>;
export type Dispatch<S> = (action: Patch<S>) => void;
export interface Patchable<S = object> {
	patch: Dispatch<S>;
}
export type PatchableState<S = object> = S & Patchable<S>;
export declare const globals: {
	currentViewTransition: ViewTransition | null | undefined;
	requestAnimationFrame: (cb: () => void) => void;
	startViewTransition: ((callbackOptions?: ViewTransitionUpdateCallback | StartViewTransitionOptions) => ViewTransition) | null;
};
export interface ContainerNode<S = PatchableState> extends HTMLElement {
	/** the `_vode` property is added to the container in `app()`.
	 * it contains all necessary stuff for the vode app to function.
	 * remove the container node to clear vodes resources */
	_vode: {
		state: PatchableState<S>;
		vode: AttachedVode<S>;
		renderSync: () => void;
		renderAsync: () => Promise<unknown>;
		syncRenderer: (cb: () => void) => void;
		asyncRenderer: ((cb: () => void) => ViewTransition) | null | undefined;
		qSync: {} | undefined | null;
		qAsync: {} | undefined | null;
		isRendering: boolean;
		isAnimating: boolean;
		/** stats about the overall patches & last render time */
		stats: {
			patchCount: number;
			liveEffectCount: number;
			syncRenderPatchCount: number;
			asyncRenderPatchCount: number;
			syncRenderCount: number;
			asyncRenderCount: number;
			lastSyncRenderTime: number;
			lastAsyncRenderTime: number;
		};
	};
}
/** type-safe way to create a vode. useful for type inference and autocompletion.
 *
 * - just a tag: `vode("div")` => `["div"]` --*rendered*-> `<div></div>`
 * - tag and props: `vode("div", { class: "foo" })` => `["div", { class: "foo" }]` --*rendered*-> `<div class="foo"></div>`
 * - tag, props and children: `vode("div", { class: "foo" }, ["span", "bar"])` => `["div", { class: "foo" }, ["span", "bar"]]` --*rendered*-> `<div class="foo"><span>bar</span></div>`
 * - identity: `vode(["div", ["span", "bar"]])` => `["div", ["span", "bar"]]` --*rendered*-> `<div><span>bar</span></div>`
 */
export declare function vode<S = PatchableState>(tag: Tag | Vode<S>, props?: Props<S> | ChildVode<S>, ...children: ChildVode<S>[]): Vode<S>;
/** create a vode app inside a container element
 * @param container will use this container as root and places the result of the dom function and further renderings in it
 * @param state the state object that is used as singleton state bound to the vode app and is updated with `patch()`
 * @param dom function is alled every render and returnes the vode-dom that is updated incrementally to the DOM based on the state.
 * @param initialPatches variadic list of patches that are applied after the first render
 * @returns a patch function that can be used to update the state
 */
export declare function app<S extends PatchableState = PatchableState>(container: Element, state: Omit<S, "patch">, dom: (s: S) => Vode<S>, ...initialPatches: Patch<S>[]): Dispatch<S>;
/** unregister vode app from container and free resources
 * of all vodes inside the container.
 * removes all event listeners registered by vode
 * removes patch function from state object
 * leaves the DOM as is
 */
export declare function defuse(container: ContainerNode<any>): void;
/** return vode representation of given DOM node */
export declare function hydrate<S = PatchableState>(element: Element | Text, prepareForRender?: boolean): Vode<S> | string | AttachedVode<S> | undefined;
/** memoizes the resulting component or props by comparing element by element (===) with the
 * `compare` of the previous render. otherwise skips the render step (not calling `componentOrProps`)*/
export declare function memo<S = PatchableState>(compare: any[], componentOrProps: Component<S> | ((s: S) => Props<S>)): typeof componentOrProps extends ((s: S) => Props<S>) ? ((s: S) => Props<S>) : Component<S>;
/**
 * create a patchable state object for a vode-app.
 * calls to `patch()` prior to `app()` initialization will queue the patches and apply them before the initial patches.
 * calls to `patch()` after `app()` initialization will apply the patch immediately and trigger a render as usual.
 */
export declare function createState<S = PatchableState>(state: S): PatchableState<S>;
/** type safe way to create a patch. useful for type inference and autocompletion. */
export declare function createPatch<S = PatchableState>(p: DeepPartial<S> | Effect<S> | IgnoredPatch): typeof p;
/** html tag of the vode or `#text` if it is a text node */
export declare function tag<S = PatchableState>(v: Vode<S> | TextVode | NoVode | AttachedVode<S>): Tag | "#text" | undefined;
/** get properties object of a vode, if there is any */
export declare function props<S = PatchableState>(vode: ChildVode<S> | AttachedVode<S>): Props<S> | undefined;
/** get a slice of all children of a vode, if there are any */
export declare function children<S = PatchableState>(vode: ChildVode<S> | AttachedVode<S>): ChildVode<S>[] | null;
export declare function childCount<S = PatchableState>(vode: Vode<S>): number;
export declare function child<S = PatchableState>(vode: Vode<S>, index: number): ChildVode<S> | undefined;
/** index in vode at which child-vodes start */
export declare function childrenStart<S = PatchableState>(vode: ChildVode<S> | AttachedVode<S>): 1 | 2 | -1;
export declare const A: Tag;
export declare const ABBR: Tag;
export declare const ADDRESS: Tag;
export declare const AREA: Tag;
export declare const ARTICLE: Tag;
export declare const ASIDE: Tag;
export declare const AUDIO: Tag;
export declare const B: Tag;
export declare const BASE: Tag;
export declare const BDI: Tag;
export declare const BDO: Tag;
export declare const BLOCKQUOTE: Tag;
export declare const BODY: Tag;
export declare const BR: Tag;
export declare const BUTTON: Tag;
export declare const CANVAS: Tag;
export declare const CAPTION: Tag;
export declare const CITE: Tag;
export declare const CODE: Tag;
export declare const COL: Tag;
export declare const COLGROUP: Tag;
export declare const DATA: Tag;
export declare const DATALIST: Tag;
export declare const DD: Tag;
export declare const DEL: Tag;
export declare const DETAILS: Tag;
export declare const DFN: Tag;
export declare const DIALOG: Tag;
export declare const DIV: Tag;
export declare const DL: Tag;
export declare const DT: Tag;
export declare const EM: Tag;
export declare const EMBED: Tag;
export declare const FIELDSET: Tag;
export declare const FIGCAPTION: Tag;
export declare const FIGURE: Tag;
export declare const FOOTER: Tag;
export declare const FORM: Tag;
export declare const H1: Tag;
export declare const H2: Tag;
export declare const H3: Tag;
export declare const H4: Tag;
export declare const H5: Tag;
export declare const H6: Tag;
export declare const HEAD: Tag;
export declare const HEADER: Tag;
export declare const HGROUP: Tag;
export declare const HR: Tag;
export declare const HTML: Tag;
export declare const I: Tag;
export declare const IFRAME: Tag;
export declare const IMG: Tag;
export declare const INPUT: Tag;
export declare const INS: Tag;
export declare const KBD: Tag;
export declare const LABEL: Tag;
export declare const LEGEND: Tag;
export declare const LI: Tag;
export declare const LINK: Tag;
export declare const MAIN: Tag;
export declare const MAP: Tag;
export declare const MARK: Tag;
export declare const MENU: Tag;
export declare const META: Tag;
export declare const METER: Tag;
export declare const NAV: Tag;
export declare const NOSCRIPT: Tag;
export declare const OBJECT: Tag;
export declare const OL: Tag;
export declare const OPTGROUP: Tag;
export declare const OPTION: Tag;
export declare const OUTPUT: Tag;
export declare const P: Tag;
export declare const PICTURE: Tag;
export declare const PRE: Tag;
export declare const PROGRESS: Tag;
export declare const Q: Tag;
export declare const RP: Tag;
export declare const RT: Tag;
export declare const RUBY: Tag;
export declare const S: Tag;
export declare const SAMP: Tag;
export declare const SCRIPT: Tag;
export declare const SEARCH: Tag;
export declare const SECTION: Tag;
export declare const SELECT: Tag;
export declare const SLOT: Tag;
export declare const SMALL: Tag;
export declare const SOURCE: Tag;
export declare const SPAN: Tag;
export declare const STRONG: Tag;
export declare const STYLE: Tag;
export declare const SUB: Tag;
export declare const SUMMARY: Tag;
export declare const SUP: Tag;
export declare const TABLE: Tag;
export declare const TBODY: Tag;
export declare const TD: Tag;
export declare const TEMPLATE: Tag;
export declare const TEXTAREA: Tag;
export declare const TFOOT: Tag;
export declare const TH: Tag;
export declare const THEAD: Tag;
export declare const TIME: Tag;
export declare const TITLE: Tag;
export declare const TR: Tag;
export declare const TRACK: Tag;
export declare const U: Tag;
export declare const UL: Tag;
export declare const VAR: Tag;
export declare const VIDEO: Tag;
export declare const WBR: Tag;
export declare const ANIMATE: Tag;
export declare const ANIMATEMOTION: Tag;
export declare const ANIMATETRANSFORM: Tag;
export declare const CIRCLE: Tag;
export declare const CLIPPATH: Tag;
export declare const DEFS: Tag;
export declare const DESC: Tag;
export declare const ELLIPSE: Tag;
export declare const FEBLEND: Tag;
export declare const FECOLORMATRIX: Tag;
export declare const FECOMPONENTTRANSFER: Tag;
export declare const FECOMPOSITE: Tag;
export declare const FECONVOLVEMATRIX: Tag;
export declare const FEDIFFUSELIGHTING: Tag;
export declare const FEDISPLACEMENTMAP: Tag;
export declare const FEDISTANTLIGHT: Tag;
export declare const FEDROPSHADOW: Tag;
export declare const FEFLOOD: Tag;
export declare const FEFUNCA: Tag;
export declare const FEFUNCB: Tag;
export declare const FEFUNCG: Tag;
export declare const FEFUNCR: Tag;
export declare const FEGAUSSIANBLUR: Tag;
export declare const FEIMAGE: Tag;
export declare const FEMERGE: Tag;
export declare const FEMERGENODE: Tag;
export declare const FEMORPHOLOGY: Tag;
export declare const FEOFFSET: Tag;
export declare const FEPOINTLIGHT: Tag;
export declare const FESPECULARLIGHTING: Tag;
export declare const FESPOTLIGHT: Tag;
export declare const FETILE: Tag;
export declare const FETURBULENCE: Tag;
export declare const FILTER: Tag;
export declare const FOREIGNOBJECT: Tag;
export declare const G: Tag;
export declare const IMAGE: Tag;
export declare const LINE: Tag;
export declare const LINEARGRADIENT: Tag;
export declare const MARKER: Tag;
export declare const MASK: Tag;
export declare const METADATA: Tag;
export declare const MPATH: Tag;
export declare const PATH: Tag;
export declare const PATTERN: Tag;
export declare const POLYGON: Tag;
export declare const POLYLINE: Tag;
export declare const RADIALGRADIENT: Tag;
export declare const RECT: Tag;
export declare const SET: Tag;
export declare const STOP: Tag;
export declare const SVG: Tag;
export declare const SWITCH: Tag;
export declare const SYMBOL: Tag;
export declare const TEXT: Tag;
export declare const TEXTPATH: Tag;
export declare const TSPAN: Tag;
export declare const USE: Tag;
export declare const VIEW: Tag;
export declare const ANNOTATION: Tag;
export declare const ANNOTATION_XML: Tag;
export declare const MACTION: Tag;
export declare const MATH: Tag;
export declare const MERROR: Tag;
export declare const MFRAC: Tag;
export declare const MI: Tag;
export declare const MMULTISCRIPTS: Tag;
export declare const MN: Tag;
export declare const MO: Tag;
export declare const MOVER: Tag;
export declare const MPADDED: Tag;
export declare const MPHANTOM: Tag;
export declare const MPRESCRIPTS: Tag;
export declare const MROOT: Tag;
export declare const MROW: Tag;
export declare const MS: Tag;
export declare const MSPACE: Tag;
export declare const MSQRT: Tag;
export declare const MSTYLE: Tag;
export declare const MSUB: Tag;
export declare const MSUBSUP: Tag;
export declare const MSUP: Tag;
export declare const MTABLE: Tag;
export declare const MTD: Tag;
export declare const MTEXT: Tag;
export declare const MTR: Tag;
export declare const MUNDER: Tag;
export declare const MUNDEROVER: Tag;
export declare const SEMANTICS: Tag;
/** merge `ClassProp`s regardless of structure */
export declare function mergeClass(...classes: ClassProp[]): ClassProp;
/** merge `StyleProps`s regardless of type
 * @returns {string} merged StyleProp */
export declare function mergeStyle(...props: StyleProp[]): StyleProp;
/** merge `Props` from left to right
 * utilizing `mergeStyle` for style properties and `mergeClass` for class properties.
 * @returns {Props<S>} merged Prop object or undefined if no props were provided
 */
export declare function mergeProps<S extends PatchableState = PatchableState>(...props: (Props<S> | undefined | null)[]): Props<S> | undefined;
/**
 * State context for type-safe access and manipulation of nested state paths
 * while still be able to access the parent state.
 */
export interface StateContext<S extends PatchableState, SubState> extends SubContext<SubState> {
	/**
	 * parent state
	 * @see PatchableState<S>
	 */
	get state(): S;
}
/**
 * State context for type-safe access and manipulation of nested sub-state values without knowledge of the parent state.
 */
export interface SubContext<SubState> {
	/**
	 * Reads the current value of the substate if it exists.
	 *
	 * @returns The current value, or undefined if the path doesn't exist
	 */
	get(): SubState | undefined;
	/**
	 * Updates the nested sub-state value WITHOUT triggering a render.
	 * This performs a silent mutation of the parent state object.
	 *
	 * @param {DeepPartial<SubState>} value - The new value or partial update to apply
	 */
	put(value: SubState | Partial<SubState> | DeepPartial<SubState> | undefined | null): void;
	/**
	 * Updates the nested sub-state value AND triggers a render.
	 * This is the recommended way to update nested state in most cases.
	 *
	 * @param value - The new value or partial update to apply
	 */
	patch(value: SubState | Partial<SubState> | DeepPartial<SubState> | Array<DeepPartial<SubState>> | undefined | null): void;
}
export type ProxyStateContext<S extends PatchableState, SubState> = StateContext<S, SubState> & {
	[K in keyof SubState]-?: SubState[K] extends object ? ProxyStateContext<S, SubState[K]> : StateContext<S, SubState[K]>;
};
export type ProxySubContext<SubState> = SubContext<SubState> & {
	[K in keyof SubState]-?: SubState[K] extends object ? ProxySubContext<SubState[K]> : SubContext<SubState[K]>;
};
/**
 * create a ProxyStateContext for type-safe dynamic access to nested state
 *
 * @example
 * ```typescript
 * const state = createState({
 *   user: {
 *    profile: {
 *     settings: { theme: 'dark', lang: 'en' }
 *   }
 * });
 * app(element, state, (s) => [DIV]);
 *
 * // Create a proxy context for the state
 * const ctx = context(state).user.profile.settings;
 *
 * // Access nested state dynamically
 * const settings = ctx.get(); // { theme: 'dark', lang: 'en' }
 *
 * // Update and trigger render
 * ctx.patch({ theme: 'light' });
 *
 * // Update without render (silent mutation)
 * ctx.put({ lang: 'de' });
 * state.patch({}); // trigger render manually later
 * ```
 *
 * @param state
 * @returns
 */
export declare function context<S extends PatchableState>(state: S): ProxyStateContext<S, S>;

export {};