/* JavoUi custom elements bundle */

import type { Components, JSX } from "../types/components";

interface JavoButton extends Components.JavoButton, HTMLElement {}
export const JavoButton: {
  prototype: JavoButton;
  new (): JavoButton;
};

interface JavoCarousel extends Components.JavoCarousel, HTMLElement {}
export const JavoCarousel: {
  prototype: JavoCarousel;
  new (): JavoCarousel;
};

interface JavoDateInput extends Components.JavoDateInput, HTMLElement {}
export const JavoDateInput: {
  prototype: JavoDateInput;
  new (): JavoDateInput;
};

interface JavoDatepicker extends Components.JavoDatepicker, HTMLElement {}
export const JavoDatepicker: {
  prototype: JavoDatepicker;
  new (): JavoDatepicker;
};

interface JavoFormField extends Components.JavoFormField, HTMLElement {}
export const JavoFormField: {
  prototype: JavoFormField;
  new (): JavoFormField;
};

interface JavoIcon extends Components.JavoIcon, HTMLElement {}
export const JavoIcon: {
  prototype: JavoIcon;
  new (): JavoIcon;
};

interface JavoInput extends Components.JavoInput, HTMLElement {}
export const JavoInput: {
  prototype: JavoInput;
  new (): JavoInput;
};

interface JavoLoading extends Components.JavoLoading, HTMLElement {}
export const JavoLoading: {
  prototype: JavoLoading;
  new (): JavoLoading;
};

interface JavoModal extends Components.JavoModal, HTMLElement {}
export const JavoModal: {
  prototype: JavoModal;
  new (): JavoModal;
};

interface JavoTimeInput extends Components.JavoTimeInput, HTMLElement {}
export const JavoTimeInput: {
  prototype: JavoTimeInput;
  new (): JavoTimeInput;
};

interface JavoTimepicker extends Components.JavoTimepicker, HTMLElement {}
export const JavoTimepicker: {
  prototype: JavoTimepicker;
  new (): JavoTimepicker;
};

interface JavoToggle extends Components.JavoToggle, HTMLElement {}
export const JavoToggle: {
  prototype: JavoToggle;
  new (): JavoToggle;
};

interface JavoTooltip extends Components.JavoTooltip, HTMLElement {}
export const JavoTooltip: {
  prototype: JavoTooltip;
  new (): JavoTooltip;
};

/**
 * Utility to define all custom elements within this package using the tag name provided in the component's source. 
 * When defining each custom element, it will also check it's safe to define by:
 *
 * 1. Ensuring the "customElements" registry is available in the global context (window).
 * 2. The component tag name is not already defined.
 *
 * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
 * method instead to define custom elements individually, or to provide a different tag name.
 */
export declare const defineCustomElements: (opts?: any) => void;

/**
 * Used to manually set the base path where assets can be found.
 * 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
 * bunding, and where your assets can be loaded from. Additionally custom bundling
 * will have to ensure the static assets are copied to its build directory.
 */
export declare const setAssetPath: (path: string) => void;

export interface SetPlatformOptions {
  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;
}
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

export type { Components, JSX };

export * from '../types';