@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/types/stencil-public-runtime.d.ts

@@ -0,0 +1,1861 @@
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
+export interface ComponentDecorator {
+    (opts?: ComponentOptions): ClassDecorator;
+}
+export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
+    /**
+     * Tag name of the web component. Ideally, the tag name must be globally unique,
+     * so it's recommended to choose an unique prefix for all your components within the same collection.
+     *
+     * In addition, tag name must contain a '-'
+     */
+    tag: string;
+    /**
+     * If `true`, the component will use scoped stylesheets. Similar to shadow-dom,
+     * but without native isolation. Defaults to `false`.
+     */
+    scoped?: boolean;
+    /**
+     * If `true`, the component will use native shadow-dom encapsulation, it will fallback to
+     * `scoped` if the browser does not support shadow-dom natively. Defaults to `false`.
+     * Additionally, `shadow` can also be given options when attaching the shadow root.
+     */
+    shadow?: boolean | ShadowRootOptions;
+    /**
+     * Relative URL to some external stylesheet file. It should be a `.css` file unless some
+     * external plugin is installed like `@stencil/sass`.
+     */
+    styleUrl?: string;
+    /**
+     * Similar as `styleUrl` but allows to specify different stylesheets for different modes.
+     */
+    styleUrls?: string[] | ModeStyles;
+    /**
+     * String that contains inlined CSS instead of using an external stylesheet.
+     * The performance characteristics of this feature are the same as using an external stylesheet.
+     *
+     * Notice, you can't use sass, or less, only `css` is allowed using `styles`, use `styleUrl` is you need more advanced features.
+     */
+    styles?: string | {
+        [modeName: string]: any;
+    };
+    /**
+     * Array of relative links to folders of assets required by the component.
+     */
+    assetsDirs?: string[];
+}
+export interface ShadowRootOptions {
+    /**
+     * When set to `true`, specifies behavior that mitigates custom element issues
+     * around focusability. When a non-focusable part of the shadow DOM is clicked, the first
+     * focusable part is given focus, and the shadow host is given any available `:focus` styling.
+     */
+    delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
+}
+export interface ModeStyles {
+    [modeName: string]: string | string[];
+}
+export interface PropDecorator {
+    (opts?: PropOptions): PropertyDecorator;
+}
+export interface PropOptions {
+    /**
+     * The name of the associated DOM attribute.
+     * Stencil uses different heuristics to determine the default name of the attribute,
+     * but using this property, you can override the default behavior.
+     */
+    attribute?: string | null;
+    /**
+     * A Prop is _by default_ immutable from inside the component logic.
+     * Once a value is set by a user, the component cannot update it internally.
+     * However, it's possible to explicitly allow a Prop to be mutated from inside the component,
+     * by setting this `mutable` option to `true`.
+     */
+    mutable?: boolean;
+    /**
+     * In some cases it may be useful to keep a Prop in sync with an attribute.
+     * In this case you can set the `reflect` option to `true`, since it defaults to `false`:
+     */
+    reflect?: boolean;
+}
+export interface MethodDecorator {
+    (opts?: MethodOptions): CustomMethodDecorator<any>;
+}
+export interface MethodOptions {
+}
+export interface ElementDecorator {
+    (): PropertyDecorator;
+}
+export interface EventDecorator {
+    (opts?: EventOptions): PropertyDecorator;
+}
+export interface EventOptions {
+    /**
+     * A string custom event name to override the default.
+     */
+    eventName?: string;
+    /**
+     * A Boolean indicating whether the event bubbles up through the DOM or not.
+     */
+    bubbles?: boolean;
+    /**
+     * A Boolean indicating whether the event is cancelable.
+     */
+    cancelable?: boolean;
+    /**
+     * A Boolean value indicating whether or not the event can bubble across the boundary between the shadow DOM and the regular DOM.
+     */
+    composed?: boolean;
+}
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
+export interface AttachInternalsDecorator {
+    (opts?: AttachInternalsOptions): PropertyDecorator;
+}
+export interface ListenDecorator {
+    (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
+}
+export interface ResolveVarFunction {
+    <T>(variable: T): string;
+}
+export interface ListenOptions {
+    /**
+     * Handlers can also be registered for an event other than the host itself.
+     * The `target` option can be used to change where the event listener is attached,
+     * this is useful for listening to application-wide events.
+     */
+    target?: ListenTargetOptions;
+    /**
+     * Event listener attached with `@Listen` does not "capture" by default,
+     * When a event listener is set to "capture", means the event will be dispatched
+     * during the "capture phase". Please see
+     * https://www.quirksmode.org/js/events_order.html for further information.
+     */
+    capture?: boolean;
+    /**
+     * By default, Stencil uses several heuristics to determine if
+     * it must attach a `passive` event listener or not.
+     *
+     * Using the `passive` option can be used to change the default behavior.
+     * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
+     */
+    passive?: boolean;
+}
+export type ListenTargetOptions = 'body' | 'document' | 'window';
+export interface StateDecorator {
+    (): PropertyDecorator;
+}
+export interface WatchDecorator {
+    (propName: any, watchOptions?: {
+        immediate?: boolean;
+    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
+}
+export interface UserBuildConditionals {
+    isDev: boolean;
+    isBrowser: boolean;
+    isServer: boolean;
+    isTesting: boolean;
+}
+/**
+ * The `Build` object provides many build conditionals that can be used to
+ * include or exclude code depending on the build.
+ */
+export declare const Build: UserBuildConditionals;
+/**
+ * The `Env` object provides access to the "env" object declared in the project's `stencil.config.ts`.
+ */
+export declare const Env: {
+    [prop: string]: string | undefined;
+};
+/**
+ * The `@Component()` decorator is used to provide metadata about the component class.
+ * https://stenciljs.com/docs/component
+ */
+export declare const Component: ComponentDecorator;
+/**
+ * The `@Element()` decorator is a reference to the actual host element
+ * once it has rendered.
+ */
+export declare const Element: ElementDecorator;
+/**
+ * Components can emit data and events using the Event Emitter decorator.
+ * To dispatch Custom DOM events for other components to handle, use the
+ * `@Event()` decorator. The Event decorator also makes it easier for Stencil
+ * to automatically build types and documentation for the event data.
+ * https://stenciljs.com/docs/events
+ */
+export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
+/**
+ * The `Listen()` decorator is for listening DOM events, including the ones
+ * dispatched from `@Events()`.
+ * https://stenciljs.com/docs/events#listen-decorator
+ */
+export declare const Listen: ListenDecorator;
+/**
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
+ * and object properties to their string literal values. This allows variables to be
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
+ *
+ * @example
+ * ```ts
+ * const MY_EVENT = 'myEvent';
+ * @Listen(resolveVar(MY_EVENT))
+ * ```
+ *
+ * @example
+ * ```ts
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
+ * ```
+ */
+export declare const resolveVar: ResolveVarFunction;
+/**
+ * The `@Method()` decorator is used to expose methods on the public API.
+ * Class methods decorated with the @Method() decorator can be called directly
+ * from the element, meaning they are intended to be callable from the outside.
+ * https://stenciljs.com/docs/methods
+ */
+export declare const Method: MethodDecorator;
+/**
+ * Props are custom attribute/properties exposed publicly on the element
+ * that developers can provide values for. Children components do not need to
+ * know about or reference parent components, so Props can be used to pass
+ * data down from the parent to the child. Components need to explicitly
+ * declare the Props they expect to receive using the `@Prop()` decorator.
+ * Any value changes to a Prop will cause a re-render.
+ * https://stenciljs.com/docs/properties
+ */
+export declare const Prop: PropDecorator;
+/**
+ * The `@State()` decorator can be used to manage internal data for a component.
+ * This means that a user cannot modify this data from outside the component,
+ * but the component can modify it however it sees fit. Any value changes to a
+ * `@State()` property will cause the components render function to be called again.
+ * https://stenciljs.com/docs/state
+ */
+export declare const State: StateDecorator;
+/**
+ * When a property's value has changed, a method decorated with `@Watch()` will be
+ * called and passed the new value of the prop along with the old value. Watch is
+ * useful for validating props or handling side effects. Watch decorator does not
+ * fire when a component initially loads.
+ * https://stenciljs.com/docs/reactive-data#watch-decorator
+ */
+export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
+/**
+ * `setMode()` is used for libraries which provide multiple "modes" for styles.
+ */
+export declare const setMode: (handler: ResolutionHandler) => void;
+/**
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
+ */
+export declare function getMode<T = string | undefined>(ref: any): T;
+export declare function setPlatformHelpers(helpers: {
+    jmp?: (c: any) => any;
+    raf?: (c: any) => number;
+    ael?: (el: any, eventName: string, listener: any, options: any) => void;
+    rel?: (el: any, eventName: string, listener: any, options: any) => void;
+    ce?: (eventName: string, opts?: any) => any;
+}): void;
+/**
+ * Get the base path to where the assets can be found. Use `setAssetPath(path)`
+ * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
+ */
+export declare function getAssetPath(path: string): string;
+/**
+ * Method to render a virtual DOM tree to a container element.
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@stencil/core';
+ *
+ * const vnode = (
+ *   <div>
+ *     <h1>Hello, world!</h1>
+ *   </div>
+ * );
+ * render(vnode, document.body);
+ * ```
+ *
+ * @param vnode - The virtual DOM tree to render
+ * @param container - The container element to render the virtual DOM tree to
+ */
+export declare function render(vnode: VNode, container: Element): void;
+/**
+ * Used to manually set the base path where assets can be found. For lazy-loaded
+ * builds the asset path is automatically set and assets copied to the correct
+ * build directory. However, for custom elements builds, the `setAssetPath(path)` could
+ * be used to customize the asset path depending on how the script file is consumed.
+ * If the script is used as "module", it's recommended to use "import.meta.url", such
+ * as `setAssetPath(import.meta.url)`. Other options include
+ * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
+ */
+export declare function setAssetPath(path: string): string;
+/**
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
+ */
+export declare function getElement(ref: any): HTMLStencilElement;
+/**
+ * Schedules a new render of the given instance or element even if no state changed.
+ *
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
+ */
+export declare function forceUpdate(ref: any): void;
+/**
+ * getRenderingRef
+ * @returns the rendering ref
+ */
+export declare function getRenderingRef(): any;
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+/**
+ * Schedules a DOM-write task. The provided callback will be executed
+ * in the best moment to perform DOM mutation without causing layout thrashing.
+ *
+ * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
+ */
+export declare function writeTask(task: RafCallback): void;
+/**
+ * Schedules a DOM-read task. The provided callback will be executed
+ * in the best moment to perform DOM reads without causing layout thrashing.
+ *
+ * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
+ */
+export declare function readTask(task: RafCallback): void;
+/**
+ * `setErrorHandler()` can be used to inject a custom global error handler.
+ * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
+ */
+export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Sets a tag transformer to be used when rendering your custom elements.
+ * ```ts
+ * setTagTransformer((tag) => {
+ *  if (tag.startsWith('my-')) return `new-${tag}`
+ *  return tag;
+ * });
+ * ```
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
+ *
+ * @param transformer the transformer function to use which must return a string.
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+/**
+ * Transforms a tag name using a transformer set via `setTagTransformer`
+ *
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag(tag: string): string;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
+ *
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
+/**
+ * This file gets copied to all distributions of stencil component collections.
+ * - no imports
+ */
+export interface ComponentWillLoad {
+    /**
+     * The component is about to load and it has not
+     * rendered yet.
+     *
+     * This is the best place to make any data updates
+     * before the first render.
+     *
+     * componentWillLoad will only be called once.
+     */
+    componentWillLoad(): Promise<void> | void;
+}
+export interface ComponentDidLoad {
+    /**
+     * The component has loaded and has already rendered.
+     *
+     * Updating data in this method will cause the
+     * component to re-render.
+     *
+     * componentDidLoad will only be called once.
+     */
+    componentDidLoad(): void;
+}
+export interface ComponentWillUpdate {
+    /**
+     * The component is about to update and re-render.
+     *
+     * Called multiple times throughout the life of
+     * the component as it updates.
+     *
+     * componentWillUpdate is not called on the first render.
+     */
+    componentWillUpdate(): Promise<void> | void;
+}
+export interface ComponentDidUpdate {
+    /**
+     * The component has just re-rendered.
+     *
+     * Called multiple times throughout the life of
+     * the component as it updates.
+     *
+     * componentWillUpdate is not called on the
+     * first render.
+     */
+    componentDidUpdate(): void;
+}
+export interface ComponentInterface {
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    /**
+     * The component is about to load and it has not
+     * rendered yet.
+     *
+     * This is the best place to make any data updates
+     * before the first render.
+     *
+     * componentWillLoad will only be called once.
+     */
+    componentWillLoad?(): Promise<void> | void;
+    /**
+     * The component has loaded and has already rendered.
+     *
+     * Updating data in this method will cause the
+     * component to re-render.
+     *
+     * componentDidLoad will only be called once.
+     */
+    componentDidLoad?(): void;
+    /**
+     * A `@Prop` or `@State` property changed and a rerender is about to be requested.
+     *
+     * Called multiple times throughout the life of
+     * the component as its properties change.
+     *
+     * componentShouldUpdate is not called on the first render.
+     */
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    /**
+     * The component is about to update and re-render.
+     *
+     * Called multiple times throughout the life of
+     * the component as it updates.
+     *
+     * componentWillUpdate is not called on the first render.
+     */
+    componentWillUpdate?(): Promise<void> | void;
+    /**
+     * The component has just re-rendered.
+     *
+     * Called multiple times throughout the life of
+     * the component as it updates.
+     *
+     * componentWillUpdate is not called on the
+     * first render.
+     */
+    componentDidUpdate?(): void;
+    render?(): any;
+    [memberName: string]: any;
+}
+export interface EventEmitter<T = any> {
+    emit: (data?: T) => CustomEvent<T>;
+}
+export interface RafCallback {
+    (timeStamp: number): void;
+}
+export interface QueueApi {
+    tick: (cb: RafCallback) => void;
+    read: (cb: RafCallback) => void;
+    write: (cb: RafCallback) => void;
+    clear?: () => void;
+    flush?: (cb?: () => void) => void;
+}
+/**
+ * Host
+ */
+export interface HostAttributes {
+    class?: string | {
+        [className: string]: boolean;
+    };
+    style?: {
+        [key: string]: string | undefined;
+    };
+    ref?: (el: HTMLElement | null) => void;
+    [prop: string]: any;
+}
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
+export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommended to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
+    forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
+    map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
+}
+export interface FunctionalComponent<T = {}> {
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
+}
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
+export interface ChildNode {
+    vtag?: string | number | Function;
+    vkey?: string | number;
+    vtext?: string;
+    vchildren?: VNode[];
+    vattrs?: any;
+    vname?: string;
+}
+/**
+ * Host is a functional component can be used at the root of the render function
+ * to set attributes and event listeners to the host element itself.
+ *
+ * For further information: https://stenciljs.com/docs/host-element
+ */
+export declare const Host: FunctionalComponent<HostAttributes>;
+/**
+ * Fragment
+ */
+export declare const Fragment: FunctionalComponent<{}>;
+/**
+ * The "h" namespace is used to import JSX types for elements and attributes.
+ * It is imported in order to avoid conflicting global JSX issues.
+ */
+export declare namespace h {
+    function h(sel: any): VNode;
+    function h(sel: Node, data: VNodeData | null): VNode;
+    function h(sel: any, data: VNodeData | null): VNode;
+    function h(sel: any, text: string): VNode;
+    function h(sel: any, children: Array<VNode | undefined | null>): VNode;
+    function h(sel: any, data: VNodeData | null, text: string): VNode;
+    function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+    function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
+    namespace JSX {
+        interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
+            [tagName: string]: any;
+        }
+    }
+}
+export declare function h(sel: any): VNode;
+export declare function h(sel: Node, data: VNodeData | null): VNode;
+export declare function h(sel: any, data: VNodeData | null): VNode;
+export declare function h(sel: any, text: string): VNode;
+export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
+/**
+ * A virtual DOM node
+ */
+export interface VNode {
+    $flags$: number;
+    $tag$: string | number | Function;
+    $elm$: any;
+    $text$: string;
+    $children$: VNode[];
+    $attrs$?: any;
+    $name$?: string;
+    $key$?: string | number;
+}
+export interface VNodeData {
+    class?: {
+        [className: string]: boolean;
+    };
+    style?: any;
+    [attrName: string]: any;
+}
+declare namespace LocalJSX {
+    interface Element {
+    }
+    interface IntrinsicElements {
+    }
+}
+export { LocalJSX as JSX };
+export declare namespace JSXBase {
+    interface IntrinsicElements {
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
+        a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
+        abbr: JSXBase.HTMLAttributes;
+        address: JSXBase.HTMLAttributes;
+        area: JSXBase.AreaHTMLAttributes<HTMLAreaElement>;
+        article: JSXBase.HTMLAttributes;
+        aside: JSXBase.HTMLAttributes;
+        audio: JSXBase.AudioHTMLAttributes<HTMLAudioElement>;
+        b: JSXBase.HTMLAttributes;
+        base: JSXBase.BaseHTMLAttributes<HTMLBaseElement>;
+        bdi: JSXBase.HTMLAttributes;
+        bdo: JSXBase.HTMLAttributes;
+        big: JSXBase.HTMLAttributes;
+        blockquote: JSXBase.BlockquoteHTMLAttributes<HTMLQuoteElement>;
+        body: JSXBase.HTMLAttributes<HTMLBodyElement>;
+        br: JSXBase.HTMLAttributes<HTMLBRElement>;
+        button: JSXBase.ButtonHTMLAttributes<HTMLButtonElement>;
+        canvas: JSXBase.CanvasHTMLAttributes<HTMLCanvasElement>;
+        caption: JSXBase.HTMLAttributes<HTMLTableCaptionElement>;
+        cite: JSXBase.HTMLAttributes;
+        code: JSXBase.HTMLAttributes;
+        col: JSXBase.ColHTMLAttributes<HTMLTableColElement>;
+        colgroup: JSXBase.ColgroupHTMLAttributes<HTMLTableColElement>;
+        data: JSXBase.HTMLAttributes<HTMLDataElement>;
+        datalist: JSXBase.HTMLAttributes<HTMLDataListElement>;
+        dd: JSXBase.HTMLAttributes;
+        del: JSXBase.DelHTMLAttributes<HTMLModElement>;
+        details: JSXBase.DetailsHTMLAttributes<HTMLElement>;
+        dfn: JSXBase.HTMLAttributes;
+        dialog: JSXBase.DialogHTMLAttributes<HTMLDialogElement>;
+        div: JSXBase.HTMLAttributes<HTMLDivElement>;
+        dl: JSXBase.HTMLAttributes<HTMLDListElement>;
+        dt: JSXBase.HTMLAttributes;
+        em: JSXBase.HTMLAttributes;
+        embed: JSXBase.EmbedHTMLAttributes<HTMLEmbedElement>;
+        fieldset: JSXBase.FieldsetHTMLAttributes<HTMLFieldSetElement>;
+        figcaption: JSXBase.HTMLAttributes;
+        figure: JSXBase.HTMLAttributes;
+        footer: JSXBase.HTMLAttributes;
+        form: JSXBase.FormHTMLAttributes<HTMLFormElement>;
+        h1: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        h2: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        h3: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        h4: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        h5: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        h6: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+        head: JSXBase.HTMLAttributes<HTMLHeadElement>;
+        header: JSXBase.HTMLAttributes;
+        hgroup: JSXBase.HTMLAttributes;
+        hr: JSXBase.HTMLAttributes<HTMLHRElement>;
+        html: JSXBase.HTMLAttributes<HTMLHtmlElement>;
+        i: JSXBase.HTMLAttributes;
+        iframe: JSXBase.IframeHTMLAttributes<HTMLIFrameElement>;
+        img: JSXBase.ImgHTMLAttributes<HTMLImageElement>;
+        input: JSXBase.InputHTMLAttributes<HTMLInputElement>;
+        ins: JSXBase.InsHTMLAttributes<HTMLModElement>;
+        kbd: JSXBase.HTMLAttributes;
+        keygen: JSXBase.KeygenHTMLAttributes<HTMLElement>;
+        label: JSXBase.LabelHTMLAttributes<HTMLLabelElement>;
+        legend: JSXBase.HTMLAttributes<HTMLLegendElement>;
+        li: JSXBase.LiHTMLAttributes<HTMLLIElement>;
+        link: JSXBase.LinkHTMLAttributes<HTMLLinkElement>;
+        main: JSXBase.HTMLAttributes;
+        map: JSXBase.MapHTMLAttributes<HTMLMapElement>;
+        mark: JSXBase.HTMLAttributes;
+        menu: JSXBase.MenuHTMLAttributes<HTMLMenuElement>;
+        menuitem: JSXBase.HTMLAttributes;
+        meta: JSXBase.MetaHTMLAttributes<HTMLMetaElement>;
+        meter: JSXBase.MeterHTMLAttributes<HTMLMeterElement>;
+        nav: JSXBase.HTMLAttributes;
+        noscript: JSXBase.HTMLAttributes;
+        object: JSXBase.ObjectHTMLAttributes<HTMLObjectElement>;
+        ol: JSXBase.OlHTMLAttributes<HTMLOListElement>;
+        optgroup: JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>;
+        option: JSXBase.OptionHTMLAttributes<HTMLOptionElement>;
+        output: JSXBase.OutputHTMLAttributes<HTMLOutputElement>;
+        p: JSXBase.HTMLAttributes<HTMLParagraphElement>;
+        param: JSXBase.ParamHTMLAttributes<HTMLParamElement>;
+        picture: JSXBase.HTMLAttributes<HTMLPictureElement>;
+        pre: JSXBase.HTMLAttributes<HTMLPreElement>;
+        progress: JSXBase.ProgressHTMLAttributes<HTMLProgressElement>;
+        q: JSXBase.QuoteHTMLAttributes<HTMLQuoteElement>;
+        rp: JSXBase.HTMLAttributes;
+        rt: JSXBase.HTMLAttributes;
+        ruby: JSXBase.HTMLAttributes;
+        s: JSXBase.HTMLAttributes;
+        samp: JSXBase.HTMLAttributes;
+        script: JSXBase.ScriptHTMLAttributes<HTMLScriptElement>;
+        section: JSXBase.HTMLAttributes;
+        select: JSXBase.SelectHTMLAttributes<HTMLSelectElement>;
+        small: JSXBase.HTMLAttributes;
+        source: JSXBase.SourceHTMLAttributes<HTMLSourceElement>;
+        span: JSXBase.HTMLAttributes<HTMLSpanElement>;
+        strong: JSXBase.HTMLAttributes;
+        style: JSXBase.StyleHTMLAttributes<HTMLStyleElement>;
+        sub: JSXBase.HTMLAttributes;
+        summary: JSXBase.HTMLAttributes;
+        sup: JSXBase.HTMLAttributes;
+        table: JSXBase.TableHTMLAttributes<HTMLTableElement>;
+        tbody: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+        td: JSXBase.TdHTMLAttributes<HTMLTableDataCellElement>;
+        textarea: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>;
+        tfoot: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+        th: JSXBase.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+        thead: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+        time: JSXBase.TimeHTMLAttributes<HTMLTimeElement>;
+        title: JSXBase.HTMLAttributes<HTMLTitleElement>;
+        tr: JSXBase.HTMLAttributes<HTMLTableRowElement>;
+        track: JSXBase.TrackHTMLAttributes<HTMLTrackElement>;
+        u: JSXBase.HTMLAttributes;
+        ul: JSXBase.HTMLAttributes<HTMLUListElement>;
+        var: JSXBase.HTMLAttributes;
+        video: JSXBase.VideoHTMLAttributes<HTMLVideoElement>;
+        wbr: JSXBase.HTMLAttributes;
+        animate: JSXBase.SVGAttributes;
+        circle: JSXBase.SVGAttributes;
+        clipPath: JSXBase.SVGAttributes;
+        defs: JSXBase.SVGAttributes;
+        desc: JSXBase.SVGAttributes;
+        ellipse: JSXBase.SVGAttributes;
+        feBlend: JSXBase.SVGAttributes;
+        feColorMatrix: JSXBase.SVGAttributes;
+        feComponentTransfer: JSXBase.SVGAttributes;
+        feComposite: JSXBase.SVGAttributes;
+        feConvolveMatrix: JSXBase.SVGAttributes;
+        feDiffuseLighting: JSXBase.SVGAttributes;
+        feDisplacementMap: JSXBase.SVGAttributes;
+        feDistantLight: JSXBase.SVGAttributes;
+        feDropShadow: JSXBase.SVGAttributes;
+        feFlood: JSXBase.SVGAttributes;
+        feFuncA: JSXBase.SVGAttributes;
+        feFuncB: JSXBase.SVGAttributes;
+        feFuncG: JSXBase.SVGAttributes;
+        feFuncR: JSXBase.SVGAttributes;
+        feGaussianBlur: JSXBase.SVGAttributes;
+        feImage: JSXBase.SVGAttributes;
+        feMerge: JSXBase.SVGAttributes;
+        feMergeNode: JSXBase.SVGAttributes;
+        feMorphology: JSXBase.SVGAttributes;
+        feOffset: JSXBase.SVGAttributes;
+        fePointLight: JSXBase.SVGAttributes;
+        feSpecularLighting: JSXBase.SVGAttributes;
+        feSpotLight: JSXBase.SVGAttributes;
+        feTile: JSXBase.SVGAttributes;
+        feTurbulence: JSXBase.SVGAttributes;
+        filter: JSXBase.SVGAttributes;
+        foreignObject: JSXBase.SVGAttributes;
+        g: JSXBase.SVGAttributes;
+        image: JSXBase.SVGAttributes;
+        line: JSXBase.SVGAttributes;
+        linearGradient: JSXBase.SVGAttributes;
+        marker: JSXBase.SVGAttributes;
+        mask: JSXBase.SVGAttributes;
+        metadata: JSXBase.SVGAttributes;
+        path: JSXBase.SVGAttributes;
+        pattern: JSXBase.SVGAttributes;
+        polygon: JSXBase.SVGAttributes;
+        polyline: JSXBase.SVGAttributes;
+        radialGradient: JSXBase.SVGAttributes;
+        rect: JSXBase.SVGAttributes;
+        stop: JSXBase.SVGAttributes;
+        svg: JSXBase.SVGAttributes;
+        switch: JSXBase.SVGAttributes;
+        symbol: JSXBase.SVGAttributes;
+        text: JSXBase.SVGAttributes;
+        textPath: JSXBase.SVGAttributes;
+        tspan: JSXBase.SVGAttributes;
+        use: JSXBase.SVGAttributes;
+        view: JSXBase.SVGAttributes;
+    }
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
+        name?: string;
+        slot?: string;
+        onSlotchange?: (event: Event) => void;
+    }
+    interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+        download?: any;
+        href?: string;
+        hrefLang?: string;
+        hreflang?: string;
+        media?: string;
+        ping?: string;
+        rel?: string;
+        target?: string;
+        referrerPolicy?: ReferrerPolicy;
+    }
+    interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+    }
+    interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+        alt?: string;
+        coords?: string;
+        download?: any;
+        href?: string;
+        hrefLang?: string;
+        hreflang?: string;
+        media?: string;
+        rel?: string;
+        shape?: string;
+        target?: string;
+    }
+    interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+        href?: string;
+        target?: string;
+    }
+    interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+    }
+    interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        form?: string;
+        formAction?: string;
+        formaction?: string;
+        formEncType?: string;
+        formenctype?: string;
+        formMethod?: string;
+        formmethod?: string;
+        formNoValidate?: boolean;
+        formnovalidate?: boolean;
+        formTarget?: string;
+        formtarget?: string;
+        name?: string;
+        type?: string;
+        value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
+        command?: string;
+        commandFor?: string;
+        commandfor?: string;
+    }
+    interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number | string;
+        width?: number | string;
+    }
+    interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+        span?: number;
+    }
+    interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+        span?: number;
+    }
+    interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+        open?: boolean;
+        name?: string;
+        onToggle?: (event: ToggleEvent) => void;
+    }
+    interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+        dateTime?: string;
+        datetime?: string;
+    }
+    interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
+        onClose?: (event: Event) => void;
+        open?: boolean;
+        returnValue?: string;
+    }
+    interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number | string;
+        src?: string;
+        type?: string;
+        width?: number | string;
+    }
+    interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        form?: string;
+        name?: string;
+    }
+    interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+        acceptCharset?: string;
+        acceptcharset?: string;
+        action?: string;
+        autoComplete?: string;
+        autocomplete?: string;
+        encType?: string;
+        enctype?: string;
+        method?: string;
+        name?: string;
+        noValidate?: boolean;
+        novalidate?: boolean | string;
+        target?: string;
+    }
+    interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+        manifest?: string;
+    }
+    interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+        allow?: string;
+        allowFullScreen?: boolean;
+        allowfullScreen?: string | boolean;
+        allowTransparency?: boolean;
+        allowtransparency?: string | boolean;
+        frameBorder?: number | string;
+        frameborder?: number | string;
+        importance?: 'low' | 'auto' | 'high';
+        height?: number | string;
+        loading?: 'lazy' | 'auto' | 'eager';
+        marginHeight?: number;
+        marginheight?: string | number;
+        marginWidth?: number;
+        marginwidth?: string | number;
+        name?: string;
+        referrerPolicy?: ReferrerPolicy;
+        sandbox?: string;
+        scrolling?: string;
+        seamless?: boolean;
+        src?: string;
+        srcDoc?: string;
+        srcdoc?: string;
+        width?: number | string;
+    }
+    interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+        alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
+        decoding?: 'async' | 'auto' | 'sync';
+        importance?: 'low' | 'auto' | 'high';
+        height?: number | string;
+        loading?: 'lazy' | 'auto' | 'eager';
+        referrerPolicy?: ReferrerPolicy;
+        sizes?: string;
+        src?: string;
+        srcSet?: string;
+        srcset?: string;
+        useMap?: string;
+        usemap?: string;
+        width?: number | string;
+    }
+    interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+        dateTime?: string;
+        datetime?: string;
+    }
+    interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+        accept?: string;
+        allowdirs?: boolean;
+        alt?: string;
+        autoCapitalize?: string;
+        autocapitalize?: string;
+        autoComplete?: string;
+        autocomplete?: string;
+        capture?: string;
+        checked?: boolean;
+        crossOrigin?: string;
+        crossorigin?: string;
+        defaultChecked?: boolean;
+        defaultValue?: string;
+        dirName?: string;
+        disabled?: boolean;
+        files?: any;
+        form?: string;
+        formAction?: string;
+        formaction?: string;
+        formEncType?: string;
+        formenctype?: string;
+        formMethod?: string;
+        formmethod?: string;
+        formNoValidate?: boolean;
+        formnovalidate?: boolean;
+        formTarget?: string;
+        formtarget?: string;
+        height?: number | string;
+        indeterminate?: boolean;
+        list?: string;
+        max?: number | string;
+        maxLength?: number;
+        maxlength?: number | string;
+        min?: number | string;
+        minLength?: number;
+        minlength?: number | string;
+        multiple?: boolean;
+        name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
+        pattern?: string;
+        placeholder?: string;
+        readOnly?: boolean;
+        readonly?: boolean | string;
+        required?: boolean;
+        selectionStart?: number | string;
+        selectionEnd?: number | string;
+        selectionDirection?: string;
+        size?: number;
+        src?: string;
+        step?: number | string;
+        type?: string;
+        value?: string | string[] | number;
+        valueAsDate?: any;
+        valueAsNumber?: any;
+        webkitdirectory?: boolean;
+        webkitEntries?: any;
+        width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
+    }
+    interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+        challenge?: string;
+        disabled?: boolean;
+        form?: string;
+        keyType?: string;
+        keytype?: string;
+        keyParams?: string;
+        keyparams?: string;
+        name?: string;
+    }
+    interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        htmlFor?: string;
+    }
+    interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+        value?: string | string[] | number;
+    }
+    interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+        as?: string;
+        href?: string;
+        hrefLang?: string;
+        hreflang?: string;
+        importance?: 'low' | 'auto' | 'high';
+        integrity?: string;
+        media?: string;
+        rel?: string;
+        sizes?: string;
+        type?: string;
+    }
+    interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+        name?: string;
+    }
+    interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+        type?: string;
+    }
+    interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoPlay?: boolean;
+        autoplay?: boolean | string;
+        controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        crossOrigin?: string;
+        crossorigin?: string;
+        loop?: boolean;
+        mediaGroup?: string;
+        mediagroup?: string;
+        muted?: boolean;
+        preload?: string;
+        src?: string;
+        onAbort?: (event: Event) => void;
+        onCanPlay?: (event: Event) => void;
+        onCanPlayThrough?: (event: Event) => void;
+        onDurationChange?: (event: Event) => void;
+        onEmptied?: (event: Event) => void;
+        onEnded?: (event: Event) => void;
+        onError?: (event: Event) => void;
+        onInterruptBegin?: (event: Event) => void;
+        onInterruptEnd?: (event: Event) => void;
+        onLoadedData?: (event: Event) => void;
+        onLoadedMetaData?: (event: Event) => void;
+        onLoadStart?: (event: Event) => void;
+        onMozAudioAvailable?: (event: Event) => void;
+        onPause?: (event: Event) => void;
+        onPlay?: (event: Event) => void;
+        onPlaying?: (event: Event) => void;
+        onProgress?: (event: Event) => void;
+        onRateChange?: (event: Event) => void;
+        onSeeked?: (event: Event) => void;
+        onSeeking?: (event: Event) => void;
+        onStalled?: (event: Event) => void;
+        onSuspend?: (event: Event) => void;
+        onTimeUpdate?: (event: Event) => void;
+        onVolumeChange?: (event: Event) => void;
+        onWaiting?: (event: Event) => void;
+    }
+    interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+        charSet?: string;
+        charset?: string;
+        content?: string;
+        httpEquiv?: string;
+        httpequiv?: string;
+        name?: string;
+    }
+    interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        high?: number;
+        low?: number;
+        max?: number | string;
+        min?: number | string;
+        optimum?: number;
+        value?: string | string[] | number;
+    }
+    interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+    }
+    interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+        classID?: string;
+        classid?: string;
+        data?: string;
+        form?: string;
+        height?: number | string;
+        name?: string;
+        type?: string;
+        useMap?: string;
+        usemap?: string;
+        width?: number | string;
+        wmode?: string;
+    }
+    interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+        reversed?: boolean;
+        start?: number;
+    }
+    interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        label?: string;
+    }
+    interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        label?: string;
+        selected?: boolean;
+        value?: string | string[] | number;
+    }
+    interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        htmlFor?: string;
+        name?: string;
+    }
+    interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+        name?: string;
+        value?: string | string[] | number;
+    }
+    interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+        max?: number | string;
+        value?: string | string[] | number;
+    }
+    interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+        async?: boolean;
+        charSet?: string;
+        charset?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
+        defer?: boolean;
+        importance?: 'low' | 'auto' | 'high';
+        integrity?: string;
+        nonce?: string;
+        src?: string;
+        type?: string;
+    }
+    interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        form?: string;
+        multiple?: boolean;
+        name?: string;
+        required?: boolean;
+        size?: number;
+        autoComplete?: string;
+        autocomplete?: string;
+    }
+    interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
+        media?: string;
+        sizes?: string;
+        src?: string;
+        srcSet?: string;
+        type?: string;
+        width?: number;
+    }
+    interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+        media?: string;
+        nonce?: string;
+        scoped?: boolean;
+        type?: string;
+    }
+    interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+        cellPadding?: number | string;
+        cellpadding?: number | string;
+        cellSpacing?: number | string;
+        cellspacing?: number | string;
+        summary?: string;
+    }
+    interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
+        cols?: number;
+        disabled?: boolean;
+        form?: string;
+        maxLength?: number;
+        maxlength?: number | string;
+        minLength?: number;
+        minlength?: number | string;
+        name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
+        placeholder?: string;
+        readOnly?: boolean;
+        readonly?: boolean | string;
+        required?: boolean;
+        rows?: number;
+        value?: string | string[] | number;
+        wrap?: string;
+    }
+    interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+        colSpan?: number;
+        headers?: string;
+        rowSpan?: number;
+    }
+    interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+        abbr?: string;
+        colSpan?: number;
+        headers?: string;
+        rowSpan?: number;
+        rowspan?: number | string;
+        scope?: string;
+    }
+    interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+        dateTime?: string;
+    }
+    interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+        default?: boolean;
+        kind?: string;
+        label?: string;
+        src?: string;
+        srcLang?: string;
+        srclang?: string;
+    }
+    interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+        height?: number | string;
+        playsInline?: boolean;
+        playsinline?: boolean | string;
+        poster?: string;
+        width?: number | string;
+    }
+    interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
+        innerHTML?: string;
+        accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
+        class?: string | {
+            [className: string]: boolean;
+        };
+        contentEditable?: boolean | string;
+        contenteditable?: boolean | string;
+        contextMenu?: string;
+        contextmenu?: string;
+        dir?: string;
+        draggable?: boolean;
+        hidden?: boolean;
+        id?: string;
+        inert?: boolean;
+        lang?: string;
+        spellcheck?: 'true' | 'false' | any;
+        style?: {
+            [key: string]: string | undefined;
+        };
+        tabIndex?: number;
+        tabindex?: number | string;
+        title?: string;
+        popover?: string | null;
+        inputMode?: string;
+        inputmode?: string;
+        enterKeyHint?: string;
+        enterkeyhint?: string;
+        is?: string;
+        radioGroup?: string;
+        radiogroup?: string;
+        role?: string;
+        about?: string;
+        datatype?: string;
+        inlist?: any;
+        prefix?: string;
+        property?: string;
+        resource?: string;
+        typeof?: string;
+        vocab?: string;
+        autoCapitalize?: string;
+        autocapitalize?: string;
+        autoCorrect?: string;
+        autocorrect?: string;
+        autoSave?: string;
+        autosave?: string;
+        color?: string;
+        itemProp?: string;
+        itemprop?: string;
+        itemScope?: boolean;
+        itemscope?: boolean;
+        itemType?: string;
+        itemtype?: string;
+        itemID?: string;
+        itemid?: string;
+        itemRef?: string;
+        itemref?: string;
+        results?: number;
+        security?: string;
+        unselectable?: boolean;
+    }
+    interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
+        class?: string | {
+            [className: string]: boolean;
+        };
+        color?: string;
+        height?: number | string;
+        id?: string;
+        lang?: string;
+        max?: number | string;
+        media?: string;
+        method?: string;
+        min?: number | string;
+        name?: string;
+        style?: {
+            [key: string]: string | undefined;
+        };
+        target?: string;
+        type?: string;
+        width?: number | string;
+        role?: string;
+        tabindex?: number;
+        'accent-height'?: number | string;
+        accumulate?: 'none' | 'sum';
+        additive?: 'replace' | 'sum';
+        'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
+        allowReorder?: 'no' | 'yes';
+        alphabetic?: number | string;
+        amplitude?: number | string;
+        'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
+        ascent?: number | string;
+        attributeName?: string;
+        attributeType?: string;
+        autoReverse?: number | string;
+        azimuth?: number | string;
+        baseFrequency?: number | string;
+        'baseline-shift'?: number | string;
+        baseProfile?: number | string;
+        bbox?: number | string;
+        begin?: number | string;
+        bias?: number | string;
+        by?: number | string;
+        calcMode?: number | string;
+        'cap-height'?: number | string;
+        clip?: number | string;
+        'clip-path'?: string;
+        clipPathUnits?: number | string;
+        'clip-rule'?: number | string;
+        'color-interpolation'?: number | string;
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
+        'color-profile'?: number | string;
+        'color-rendering'?: number | string;
+        contentScriptType?: number | string;
+        contentStyleType?: number | string;
+        cursor?: number | string;
+        cx?: number | string;
+        cy?: number | string;
+        d?: string;
+        decelerate?: number | string;
+        descent?: number | string;
+        diffuseConstant?: number | string;
+        direction?: number | string;
+        display?: number | string;
+        divisor?: number | string;
+        'dominant-baseline'?: number | string;
+        dur?: number | string;
+        dx?: number | string;
+        dy?: number | string;
+        'edge-mode'?: number | string;
+        elevation?: number | string;
+        'enable-background'?: number | string;
+        end?: number | string;
+        exponent?: number | string;
+        externalResourcesRequired?: number | string;
+        fill?: string;
+        'fill-opacity'?: number | string;
+        'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
+        filter?: string;
+        filterRes?: number | string;
+        filterUnits?: number | string;
+        'flood-color'?: number | string;
+        'flood-opacity'?: number | string;
+        focusable?: number | string;
+        'font-family'?: string;
+        'font-size'?: number | string;
+        'font-size-adjust'?: number | string;
+        'font-stretch'?: number | string;
+        'font-style'?: number | string;
+        'font-variant'?: number | string;
+        'font-weight'?: number | string;
+        format?: number | string;
+        from?: number | string;
+        fx?: number | string;
+        fy?: number | string;
+        g1?: number | string;
+        g2?: number | string;
+        'glyph-name'?: number | string;
+        'glyph-orientation-horizontal'?: number | string;
+        'glyph-orientation-vertical'?: number | string;
+        glyphRef?: number | string;
+        gradientTransform?: string;
+        gradientUnits?: string;
+        hanging?: number | string;
+        'horiz-adv-x'?: number | string;
+        'horiz-origin-x'?: number | string;
+        href?: string;
+        ideographic?: number | string;
+        'image-rendering'?: number | string;
+        in2?: number | string;
+        in?: string;
+        intercept?: number | string;
+        k1?: number | string;
+        k2?: number | string;
+        k3?: number | string;
+        k4?: number | string;
+        k?: number | string;
+        kernelMatrix?: number | string;
+        kernelUnitLength?: number | string;
+        kerning?: number | string;
+        keyPoints?: number | string;
+        keySplines?: number | string;
+        keyTimes?: number | string;
+        lengthAdjust?: number | string;
+        'letter-spacing'?: number | string;
+        'lighting-color'?: number | string;
+        limitingConeAngle?: number | string;
+        local?: number | string;
+        'marker-end'?: string;
+        markerHeight?: number | string;
+        'marker-mid'?: string;
+        'marker-start'?: string;
+        markerUnits?: number | string;
+        markerWidth?: number | string;
+        mask?: string;
+        maskContentUnits?: number | string;
+        maskUnits?: number | string;
+        mathematical?: number | string;
+        mode?: number | string;
+        numOctaves?: number | string;
+        offset?: number | string;
+        opacity?: number | string;
+        operator?: number | string;
+        order?: number | string;
+        orient?: number | string;
+        orientation?: number | string;
+        origin?: number | string;
+        overflow?: number | string;
+        'overline-position'?: number | string;
+        'overline-thickness'?: number | string;
+        'paint-order'?: number | string;
+        panose1?: number | string;
+        pathLength?: number | string;
+        patternContentUnits?: string;
+        patternTransform?: number | string;
+        patternUnits?: string;
+        'pointer-events'?: number | string;
+        points?: string;
+        pointsAtX?: number | string;
+        pointsAtY?: number | string;
+        pointsAtZ?: number | string;
+        preserveAlpha?: number | string;
+        preserveAspectRatio?: string;
+        primitiveUnits?: number | string;
+        r?: number | string;
+        radius?: number | string;
+        refX?: number | string;
+        refY?: number | string;
+        'rendering-intent'?: number | string;
+        repeatCount?: number | string;
+        repeatDur?: number | string;
+        requiredextensions?: number | string;
+        requiredFeatures?: number | string;
+        restart?: number | string;
+        result?: string;
+        rotate?: number | string;
+        rx?: number | string;
+        ry?: number | string;
+        scale?: number | string;
+        seed?: number | string;
+        'shape-rendering'?: number | string;
+        slope?: number | string;
+        spacing?: number | string;
+        specularConstant?: number | string;
+        specularExponent?: number | string;
+        speed?: number | string;
+        spreadMethod?: string;
+        startOffset?: number | string;
+        stdDeviation?: number | string;
+        stemh?: number | string;
+        stemv?: number | string;
+        stitchTiles?: number | string;
+        'stop-color'?: string;
+        'stop-opacity'?: number | string;
+        'strikethrough-position'?: number | string;
+        'strikethrough-thickness'?: number | string;
+        string?: number | string;
+        stroke?: string;
+        'stroke-dasharray'?: string | number;
+        'stroke-dashoffset'?: string | number;
+        'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
+        'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
+        'stroke-miterlimit'?: string;
+        'stroke-opacity'?: number | string;
+        'stroke-width'?: number | string;
+        surfaceScale?: number | string;
+        systemLanguage?: number | string;
+        tableValues?: number | string;
+        targetX?: number | string;
+        targetY?: number | string;
+        'text-anchor'?: string;
+        'text-decoration'?: number | string;
+        textLength?: number | string;
+        'text-rendering'?: number | string;
+        to?: number | string;
+        transform?: string;
+        u1?: number | string;
+        u2?: number | string;
+        'underline-position'?: number | string;
+        'underline-thickness'?: number | string;
+        unicode?: number | string;
+        'unicode-bidi'?: number | string;
+        'unicode-range'?: number | string;
+        'units-per-em'?: number | string;
+        'v-alphabetic'?: number | string;
+        values?: string;
+        'vector-effect'?: number | string;
+        version?: string;
+        'vert-adv-y'?: number | string;
+        'vert-origin-x'?: number | string;
+        'vert-origin-y'?: number | string;
+        'v-hanging'?: number | string;
+        'v-ideographic'?: number | string;
+        viewBox?: string;
+        viewTarget?: number | string;
+        visibility?: number | string;
+        'v-mathematical'?: number | string;
+        widths?: number | string;
+        'word-spacing'?: number | string;
+        'writing-mode'?: number | string;
+        x1?: number | string;
+        x2?: number | string;
+        x?: number | string;
+        'x-channel-selector'?: string;
+        'x-height'?: number | string;
+        xlinkActuate?: string;
+        xlinkArcrole?: string;
+        xlinkHref?: string;
+        xlinkRole?: string;
+        xlinkShow?: string;
+        xlinkTitle?: string;
+        xlinkType?: string;
+        xmlBase?: string;
+        xmlLang?: string;
+        xmlns?: string;
+        xmlSpace?: string;
+        y1?: number | string;
+        y2?: number | string;
+        y?: number | string;
+        yChannelSelector?: string;
+        z?: number | string;
+        zoomAndPan?: string;
+    }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
+    interface DOMAttributes<T> extends JSXAttributes<T> {
+        slot?: string;
+        part?: string;
+        exportparts?: string;
+        onCopy?: (event: ClipboardEvent) => void;
+        onCopyCapture?: (event: ClipboardEvent) => void;
+        onCut?: (event: ClipboardEvent) => void;
+        onCutCapture?: (event: ClipboardEvent) => void;
+        onPaste?: (event: ClipboardEvent) => void;
+        onPasteCapture?: (event: ClipboardEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
+        onFocus?: (event: FocusEvent) => void;
+        onFocusCapture?: (event: FocusEvent) => void;
+        onFocusin?: (event: FocusEvent) => void;
+        onFocusinCapture?: (event: FocusEvent) => void;
+        onFocusout?: (event: FocusEvent) => void;
+        onFocusoutCapture?: (event: FocusEvent) => void;
+        onBlur?: (event: FocusEvent) => void;
+        onBlurCapture?: (event: FocusEvent) => void;
+        onChange?: (event: Event) => void;
+        onChangeCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
+        onReset?: (event: Event) => void;
+        onResetCapture?: (event: Event) => void;
+        onSubmit?: (event: Event) => void;
+        onSubmitCapture?: (event: Event) => void;
+        onInvalid?: (event: Event) => void;
+        onInvalidCapture?: (event: Event) => void;
+        onLoad?: (event: Event) => void;
+        onLoadCapture?: (event: Event) => void;
+        onError?: (event: Event) => void;
+        onErrorCapture?: (event: Event) => void;
+        onKeyDown?: (event: KeyboardEvent) => void;
+        onKeyDownCapture?: (event: KeyboardEvent) => void;
+        onKeyPress?: (event: KeyboardEvent) => void;
+        onKeyPressCapture?: (event: KeyboardEvent) => void;
+        onKeyUp?: (event: KeyboardEvent) => void;
+        onKeyUpCapture?: (event: KeyboardEvent) => void;
+        onAuxClick?: (event: MouseEvent) => void;
+        onClick?: (event: PointerEvent) => void;
+        onClickCapture?: (event: MouseEvent) => void;
+        onContextMenu?: (event: MouseEvent) => void;
+        onContextMenuCapture?: (event: MouseEvent) => void;
+        onDblClick?: (event: MouseEvent) => void;
+        onDblClickCapture?: (event: MouseEvent) => void;
+        onDrag?: (event: DragEvent) => void;
+        onDragCapture?: (event: DragEvent) => void;
+        onDragEnd?: (event: DragEvent) => void;
+        onDragEndCapture?: (event: DragEvent) => void;
+        onDragEnter?: (event: DragEvent) => void;
+        onDragEnterCapture?: (event: DragEvent) => void;
+        onDragExit?: (event: DragEvent) => void;
+        onDragExitCapture?: (event: DragEvent) => void;
+        onDragLeave?: (event: DragEvent) => void;
+        onDragLeaveCapture?: (event: DragEvent) => void;
+        onDragOver?: (event: DragEvent) => void;
+        onDragOverCapture?: (event: DragEvent) => void;
+        onDragStart?: (event: DragEvent) => void;
+        onDragStartCapture?: (event: DragEvent) => void;
+        onDrop?: (event: DragEvent) => void;
+        onDropCapture?: (event: DragEvent) => void;
+        onMouseDown?: (event: MouseEvent) => void;
+        onMouseDownCapture?: (event: MouseEvent) => void;
+        onMouseEnter?: (event: MouseEvent) => void;
+        onMouseLeave?: (event: MouseEvent) => void;
+        onMouseMove?: (event: MouseEvent) => void;
+        onMouseMoveCapture?: (event: MouseEvent) => void;
+        onMouseOut?: (event: MouseEvent) => void;
+        onMouseOutCapture?: (event: MouseEvent) => void;
+        onMouseOver?: (event: MouseEvent) => void;
+        onMouseOverCapture?: (event: MouseEvent) => void;
+        onMouseUp?: (event: MouseEvent) => void;
+        onMouseUpCapture?: (event: MouseEvent) => void;
+        onTouchCancel?: (event: TouchEvent) => void;
+        onTouchCancelCapture?: (event: TouchEvent) => void;
+        onTouchEnd?: (event: TouchEvent) => void;
+        onTouchEndCapture?: (event: TouchEvent) => void;
+        onTouchMove?: (event: TouchEvent) => void;
+        onTouchMoveCapture?: (event: TouchEvent) => void;
+        onTouchStart?: (event: TouchEvent) => void;
+        onTouchStartCapture?: (event: TouchEvent) => void;
+        onPointerDown?: (event: PointerEvent) => void;
+        onPointerDownCapture?: (event: PointerEvent) => void;
+        onPointerMove?: (event: PointerEvent) => void;
+        onPointerMoveCapture?: (event: PointerEvent) => void;
+        onPointerUp?: (event: PointerEvent) => void;
+        onPointerUpCapture?: (event: PointerEvent) => void;
+        onPointerCancel?: (event: PointerEvent) => void;
+        onPointerCancelCapture?: (event: PointerEvent) => void;
+        onPointerEnter?: (event: PointerEvent) => void;
+        onPointerEnterCapture?: (event: PointerEvent) => void;
+        onPointerLeave?: (event: PointerEvent) => void;
+        onPointerLeaveCapture?: (event: PointerEvent) => void;
+        onPointerOver?: (event: PointerEvent) => void;
+        onPointerOverCapture?: (event: PointerEvent) => void;
+        onPointerOut?: (event: PointerEvent) => void;
+        onPointerOutCapture?: (event: PointerEvent) => void;
+        onGotPointerCapture?: (event: PointerEvent) => void;
+        onGotPointerCaptureCapture?: (event: PointerEvent) => void;
+        onLostPointerCapture?: (event: PointerEvent) => void;
+        onLostPointerCaptureCapture?: (event: PointerEvent) => void;
+        onScroll?: (event: UIEvent) => void;
+        onScrollCapture?: (event: UIEvent) => void;
+        onWheel?: (event: WheelEvent) => void;
+        onWheelCapture?: (event: WheelEvent) => void;
+        onAnimationStart?: (event: AnimationEvent) => void;
+        onAnimationStartCapture?: (event: AnimationEvent) => void;
+        onAnimationEnd?: (event: AnimationEvent) => void;
+        onAnimationEndCapture?: (event: AnimationEvent) => void;
+        onAnimationIteration?: (event: AnimationEvent) => void;
+        onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
+        onTransitionEnd?: (event: TransitionEvent) => void;
+        onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
+        [key: `aria-${string}`]: string | boolean | undefined;
+        [key: `aria${string}`]: string | boolean | undefined;
+    }
+}
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
+export interface CustomElementsDefineOptions {
+    exclude?: string[];
+    resourcesUrl?: string;
+    syncQueue?: boolean;
+    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
+    transformTagName?: (tagName: string) => string;
+    jmp?: (c: Function) => any;
+    raf?: (c: FrameRequestCallback) => number;
+    ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+    rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+    ce?: (eventName: string, opts?: any) => CustomEvent;
+}