@7h3laughingman/foundry-types 13.351.0

package/src/client/applications/apps/file-picker.d.mts

@@ -0,0 +1,321 @@
+import {
+    ApplicationClosingOptions,
+    ApplicationConfiguration,
+    ApplicationRenderContext,
+    ApplicationTab,
+    ApplicationTabsConfiguration,
+    FormFooterButton,
+} from "../_types.mjs";
+import { HandlebarsApplicationMixin, HandlebarsRenderOptions, HandlebarsTemplatePart } from "../api/_module.mjs";
+import ApplicationV2 from "../api/application.mjs";
+import User from "./../../documents/user.mjs";
+
+export type FilePickerSource = "data" | "public" | "s3";
+
+export type FilePickerFileType = (typeof FilePicker.FILE_TYPES)[number];
+
+type FilerPickerDisplayMode = (typeof FilePicker.DISPLAY_MODES)[number];
+
+export interface FilePickerConfiguration extends ApplicationConfiguration {
+    /** A type of file to target. Default: `"any"` */
+    type?: FilePickerFileType;
+    /** A current file source in "data", "public", or "s3". */
+    activeSource?: FilePickerSource;
+    /** A callback function to trigger once a file has been selected */
+    callback?: (path: string, filePicker: FilePicker) => void;
+    /** The current file path being modified, if any */
+    current?: string;
+    /** A flag which permits explicitly disallowing upload, `true` by default */
+    allowUpload?: boolean;
+    /** An HTML form field that the result of this selection is applied to */
+    field?: HTMLElement;
+    /** An HTML button element which triggers the display of this picker */
+    button?: HTMLButtonElement;
+    /**  */
+    favorites?: Record<string, FavoriteFolder>;
+    /** The picker display mode in FilePicker.DISPLAY_MODES */
+    displayMode?: string;
+    /** Display the tile size configuration. */
+    tileSize?: boolean;
+    /** Redirect to the root directory rather than starting in the source directory of one of these files. */
+    redirectToRoot?: string[];
+}
+
+export interface FavoriteFolder {
+    /** The source of the folder (e.g. "data", "public") */
+    source: FilePickerSource;
+    /** The full path to the folder */
+    path: string;
+    /** The label for the path */
+    label: string;
+}
+
+interface FilePickerManageFilesResult {
+    dirs: string[];
+    extensions: string[];
+    files: string[];
+    gridSize: number | null;
+    private: boolean;
+    privateDirs: string[];
+    target: string;
+}
+
+interface FilePickerUploadResponse {
+    message: string;
+    path: string;
+    status: "success" | "error";
+    error?: string;
+}
+
+interface FilePickerContext extends ApplicationRenderContext {
+    rootId: string;
+    bucket?: string | null;
+    buckets: string[] | null;
+    canGoBack: boolean;
+    canCreateFolder: boolean;
+    canUpload: boolean;
+    canSelect: boolean;
+    dirs: string[];
+    displayMode: FilerPickerDisplayMode;
+    extensions: string[];
+    files: string[];
+    isS3: boolean;
+    noResults: boolean;
+    selected: string;
+    source: { target: string; bucket?: string; buckets?: string[] };
+    sources: FilePicker["sources"];
+    target: string;
+    tileSize: number | null;
+    user: User;
+    favorites: Record<string, FavoriteFolder>;
+    buttons: FormFooterButton[];
+}
+
+/**
+ * The FilePicker application renders contents of the server-side public directory.
+ * This app allows for navigating and uploading files to the public path.
+ */
+export default class FilePicker extends HandlebarsApplicationMixin(ApplicationV2<FilePickerConfiguration, HandlebarsRenderOptions, FilePickerContext>) {
+    static override DEFAULT_OPTIONS: DeepPartial<ApplicationConfiguration>;
+
+    static override PARTS: Record<string, HandlebarsTemplatePart>;
+
+    static override TABS: Record<string, ApplicationTabsConfiguration>;
+
+    /** The allowed values for the type of this FilePicker instance. */
+    static FILE_TYPES: ["any", "audio", "folder", "font", "graphics", "image", "imagevideo", "text", "video"];
+
+    /** Record the last-browsed directory path so that re-opening a different FilePicker instance uses the same target */
+    static LAST_BROWSED_DIRECTORY: string;
+
+    /** Record the last-configured tile size which can automatically be applied to new FilePicker instances */
+    static LAST_TILE_SIZE: number | null;
+
+    /** Record the last-configured display mode so that re-opening a different FilePicker instance uses the same mode. */
+    static LAST_DISPLAY_MODE: FilerPickerDisplayMode;
+
+    /** Enumerate the allowed FilePicker display modes */
+    static DISPLAY_MODES: ["list", "thumbs", "tiles", "images"];
+
+    /** Cache the names of S3 buckets which can be used */
+    static S3_BUCKETS: string[] | null;
+
+    /** Return the upload URL to which the FilePicker should post uploaded files */
+    static get uploadURL(): string;
+
+    /** Retrieve the configured FilePicker implementation. */
+    static get implementation(): typeof FilePicker;
+
+    /**
+     *  @param [options={}] Options that configure the behavior of the FilePicker
+     */
+    constructor(options: DeepPartial<FilePickerConfiguration>);
+
+    /** The full requested path given by the user */
+    request: string;
+
+    /**  A callback function to trigger once a file has been selected */
+    callback: Function | null;
+
+    /** The general file type which controls the set of extensions which will be accepted */
+    type: FilePickerFileType;
+
+    /** The target HTML element this file picker is bound to */
+    field: HTMLElement | null;
+
+    /** A button controlling the display of the picker UI */
+    button: HTMLButtonElement | null;
+
+    /** The display mode of the FilePicker UI */
+    displayMode: FilerPickerDisplayMode;
+
+    /** The file sources available for browsing */
+    sources: Partial<Record<FilePickerSource, { target: string; bucket?: string; buckets?: string[] }>>;
+
+    activeSource: FilePickerSource;
+
+    /** The latest set of results browsed from the server */
+    results: Record<string, unknown>;
+
+    /** The current set of file extensions which are being filtered upon */
+    extensions: string[];
+
+    /** Get favorite folders for quick access */
+    get favorites(): Record<string, FavoriteFolder>;
+
+    override get title(): string;
+
+    /** Return the source object for the currently active source */
+    get source(): { target: string; bucket?: string; buckets?: string[] };
+
+    /** Return the target directory for the currently active source */
+    get target(): string;
+
+    /** Whether the current user is able to create folders. */
+    get canCreateFolder(): boolean;
+
+    /** Whether the current use is able to upload file content. */
+    get canUpload(): boolean;
+
+    /**
+     * Test a URL to see if it matches a well known s3 key pattern
+     * @param url  An input URL to test
+     * @returns    A regular expression match
+     */
+    static matchS3URL(url: string): RegExpMatchArray | null;
+
+    /**
+     * Browse files for a certain directory location
+     * @param source                The source location in which to browse: see FilePicker#sources for details.
+     * @param target                The target within the source location
+     * @param options               Optional arguments
+     * @param [options.bucket]      A bucket within which to search if using the S3 source
+     * @param [options.extensions]  An Array of file extensions to filter on
+     * @param [options.wildcard]    The requested dir represents a wildcard path
+     *
+     * @returns A Promise that resolves to the directories and files contained in the location
+     */
+    static browse(
+        source: FilePickerSource,
+        target: string,
+        options?: { bucket?: string; extensions?: string[]; wildcard?: boolean },
+    ): Promise<FilePickerManageFilesResult>;
+
+    /**
+     * Configure metadata settings regarding a certain file system path
+     * @param source   The source location in which to browse: see FilePicker#sources for details.
+     * @param target   The target within the source location
+     * @param options  Optional arguments modifying the request
+     */
+    static configurePath(source: FilePickerSource, target: string, options?: object): Promise<FilePickerManageFilesResult>;
+
+    /**
+     * Create a subdirectory within a given source. The requested subdirectory path must not already exist.
+     * @param source   The source location in which to browse. See FilePicker#sources for details
+     * @param target   The target within the source location
+     * @param options  Optional arguments which modify the request
+     */
+    static createDirectory(source: FilePickerSource, target: string, options?: object): Promise<FilePickerManageFilesResult>;
+
+    /**
+     * Dispatch a POST request to the server containing a directory path and a file to upload
+     * @param source                 The data source to which the file should be uploaded
+     * @param path                   The destination path
+     * @param file                   The File object to upload
+     * @param [body]                 Additional file upload options sent in the POST body
+     * @param [options]              Additional options to configure how the method behaves
+     * @param [options.notify=true]  Display a UI notification when the upload is processed
+     * @returns  The response object
+     */
+    static upload(
+        source: FilePickerSource,
+        path: string,
+        file: File,
+        body?: Record<string, unknown>,
+        options?: { notify?: boolean },
+    ): Promise<FilePickerUploadResponse | false | void>;
+
+    /**
+     * A convenience function that uploads a file to a given package's persistent /storage/ directory
+     * @param packageId              The id of the package to which the file should be uploaded. Only supports Systems and Modules.
+     * @param path                   The relative destination path in the package's storage directory
+     * @param file                   The File object to upload
+     * @param [body={}]              Additional file upload options sent in the POST body
+     * @param [options]              Additional options to configure how the method behaves
+     * @param [options.notify=true]  Display a UI notification when the upload is processed
+     * @returns  The response object
+     */
+    static uploadPersistent(
+        packageId: string,
+        path: string,
+        file: File,
+        body?: Record<string, unknown>,
+        options?: { notify?: boolean },
+    ): Promise<FilePickerUploadResponse | false | void>;
+
+    /* -------------------------------------------- */
+    /*  Rendering                                   */
+    /* -------------------------------------------- */
+
+    /**
+     * Browse to a specific location for this FilePicker instance
+     * @param [target]   The target within the currently active source location.
+     * @param [options]  Browsing options
+     */
+    browse(
+        target?: string,
+        options?: {
+            type?: FilePickerFileType;
+            extensions?: string[];
+            wildcard?: boolean;
+            render?: boolean;
+        },
+    ): Promise<this>;
+
+    override render(options?: Partial<HandlebarsRenderOptions>): Promise<this>;
+
+    override _prepareContext(options: HandlebarsRenderOptions): Promise<FilePickerContext>;
+
+    protected override _prepareTabs(group: string): Record<string, ApplicationTab>;
+
+    override changeTab(tab: string, group: string, options?: { event?: Event; navElement?: HTMLElement; force?: boolean; updatePosition?: boolean }): void;
+
+    protected override _tearDown(options: ApplicationClosingOptions): void;
+
+    protected override _onRender(context: FilePickerContext, options: HandlebarsRenderOptions): Promise<void>;
+
+    /* -------------------------------------------- */
+    /*  Event Listeners and Handlers                */
+    /* -------------------------------------------- */
+
+    /**
+     * Handle changes to the tile size.
+     * @param event  The triggering event.
+     */
+    protected _onChangeTileSize(event: Event): void;
+
+    /**
+     * Search among shown directories and files.
+     * @param event The triggering event
+     * @param query The search input value
+     * @param rgx
+     * @param html
+     */
+    protected _onSearchFilter(event: KeyboardEvent, query: string, rgx: RegExp, html: HTMLElement): void;
+
+    /* -------------------------------------------- */
+    /*  Factory Methods                             */
+    /* -------------------------------------------- */
+
+    /**
+     * Bind the file picker to a new target field.
+     * Assumes the user will provide a HTMLButtonElement which has the data-target and data-type attributes
+     * The data-target attribute should provide the name of the input field which should receive the selected file
+     * The data-type attribute is a string in ["image", "audio"] which sets the file extensions which will be accepted
+     *
+     * @param button The button element
+     */
+    static fromButton(button: HTMLButtonElement): FilePicker;
+}
+
+export {};

package/src/client/applications/apps/grid-config.d.mts

@@ -0,0 +1,33 @@
+import { FormFooterButton } from "../_types.mjs";
+import {
+    DocumentSheetConfiguration,
+    DocumentSheetRenderContext,
+    DocumentSheetV2,
+    HandlebarsApplicationMixin,
+    HandlebarsRenderOptions,
+    HandlebarsTemplatePart,
+} from "../api/_module.mjs";
+import SceneConfig from "../sheets/scene-config.mjs";
+import Scene from "./../../documents/scene.mjs";
+
+interface GridConfigContext<TScene extends Scene = Scene> extends DocumentSheetRenderContext {
+    scene: TScene;
+    gridTypes: Record<string, string>;
+    scale: number;
+    pixelsLabel: string;
+    buttons: FormFooterButton[];
+}
+
+/** A tool for fine-tuning the grid in a Scene */
+export default class GridConfig<TScene extends Scene = Scene> extends HandlebarsApplicationMixin(DocumentSheetV2) {
+    constructor(options: DocumentSheetConfiguration);
+
+    static override DEFAULT_OPTIONS: DeepPartial<DocumentSheetConfiguration>;
+
+    static override PARTS: Record<string, HandlebarsTemplatePart>;
+
+    /** Track the Scene Configuration sheet reference. */
+    sheet: SceneConfig<TScene>;
+
+    override _prepareContext(options: HandlebarsRenderOptions): Promise<GridConfigContext<TScene>>;
+}

package/src/client/applications/apps/image-popout.d.mts

@@ -0,0 +1,92 @@
+import { ApplicationConfiguration, ApplicationRenderContext } from "../_types.mjs";
+import { ApplicationV2, HandlebarsApplicationMixin, HandlebarsRenderOptions, HandlebarsTemplatePart } from "../api/_module.mjs";
+
+interface ImagePopoutConfiguration extends ApplicationConfiguration {
+    /** The URL to the image or video file */
+    src: string;
+
+    /** Caption text to display below the image. */
+    caption: string;
+
+    /** The UUID of some related {@link Document}. */
+    uuid: string | null;
+
+    /** Force showing or hiding the title. */
+    showTitle: boolean;
+}
+
+interface ShareImageConfig {
+    /** The image URL to share. */
+    image: string;
+
+    /** The image title. */
+    title: string;
+
+    /** The UUID of a {@link Document} related to the image, used to determine permission to see the image title. */
+    uuid?: string;
+
+    /**
+     * If this is provided, the permissions of the related Document will be ignored and the title will be shown based on this parameter.
+     */
+    showTitle?: boolean;
+
+    /** A list of user IDs to show the image to. */
+    users?: string[];
+}
+
+/**
+ * An Image Popout Application which features a single image in a lightbox style frame.
+ * Furthermore, this application allows for sharing the display of an image with other connected players.
+ *
+ * @example Creating an Image Popout
+ * ```js
+ * // Construct the Application instance
+ * const ip = new ImagePopout({
+ *   src: "path/to/image.jpg",
+ *   uuid: game.actors.getName("My Hero").uuid
+ *   window: {title: "My Featured Image"}
+ * });
+ *
+ * // Display the image popout
+ * ip.render(true);
+ *
+ * // Share the image with other connected players
+ * ip.shareImage();
+ * ```
+ */
+export default class ImagePopout extends HandlebarsApplicationMixin(ApplicationV2) {
+    constructor(options: DeepPartial<ImagePopoutConfiguration>);
+
+    static override DEFAULT_OPTIONS: DeepPartial<ImagePopoutConfiguration>;
+
+    static override PARTS: Record<string, HandlebarsTemplatePart>;
+
+    override get title(): string;
+
+    /**
+     * Whether the application should display video content.
+     */
+    get isVideo(): boolean;
+
+    /**
+     * Share the displayed image with other connected Users
+     */
+    shareImage(options?: ShareImageConfig): void;
+
+    protected override _initializeApplicationOptions(options: DeepPartial<ImagePopoutConfiguration>): ImagePopoutConfiguration;
+
+    protected override _prepareContext(options: HandlebarsRenderOptions): Promise<ApplicationRenderContext>;
+
+    protected override _preFirstRender(context: ApplicationRenderContext, options: HandlebarsRenderOptions): Promise<void>;
+
+    /* -------------------------------------------- */
+    /*  Helper Methods                              */
+    /* -------------------------------------------- */
+
+    /**
+     * Handle a received request to display an image.
+     * @param config The image configuration data.
+     * @internal
+     */
+    static _handleShareImage(config: ShareImageConfig): ImagePopout;
+}

package/src/client/applications/apps/permission-config.d.mts

@@ -0,0 +1,24 @@
+import { ApplicationConfiguration, ApplicationRenderContext, FormFooterButton } from "../_types.mjs";
+import { HandlebarsApplicationMixin, HandlebarsRenderOptions, HandlebarsTemplatePart } from "../api/_module.mjs";
+import ApplicationV2 from "../api/application.mjs";
+
+export interface PermissionConfigContext extends ApplicationRenderContext {
+    roles: Record<keyof typeof CONST.USER_ROLES, string>;
+    permissions: typeof CONST.USER_PERMISSIONS;
+    buttons: FormFooterButton[];
+}
+
+/** An application for configuring the permissions which are available to each User role. */
+export default class PermissionConfig extends HandlebarsApplicationMixin(
+    ApplicationV2<ApplicationConfiguration, HandlebarsRenderOptions, PermissionConfigContext>,
+) {
+    static override DEFAULT_OPTIONS: DeepPartial<ApplicationConfiguration>;
+
+    static override PARTS: Record<string, HandlebarsTemplatePart>;
+
+    /* -------------------------------------------- */
+    /*  Rendering                                   */
+    /* -------------------------------------------- */
+
+    override _prepareContext(options: HandlebarsRenderOptions): Promise<PermissionConfigContext>;
+}

package/src/client/applications/dice/_module.d.mts

@@ -0,0 +1 @@
+export { default as RollResolver } from "./roll-resolver.mjs";

package/src/client/applications/dice/roll-resolver.d.mts

@@ -0,0 +1,92 @@
+import Roll from "../../dice/roll.mjs";
+import { ApplicationClosingOptions, ApplicationConfiguration, ApplicationFormConfiguration, ApplicationRenderContext } from "../_types.mjs";
+import ApplicationV2 from "../api/application.mjs";
+import HandlebarsApplicationMixin, { HandlebarsTemplatePart } from "../api/handlebars-application.mjs";
+import FormDataExtended from "../ux/form-data-extended.mjs";
+import DiceTerm from "./../../dice/terms/dice.mjs";
+
+export interface DiceTermFulfillmentDescriptor {
+    /** A unique identifier for the term. */
+    id: string;
+    /** The term. */
+    term: DiceTerm;
+    /** The fulfillment method. */
+    method: string;
+    /** Was the term newly-added to this resolver? */
+    isNew?: boolean;
+}
+
+/**
+ * An application responsible for handling unfulfilled dice terms in a roll.
+ */
+export default class RollResolver extends HandlebarsApplicationMixin(ApplicationV2) {
+    constructor(roll: Roll, options?: DeepPartial<ApplicationConfiguration>);
+
+    static override DEFAULT_OPTIONS: DeepPartial<ApplicationConfiguration>;
+
+    static override PARTS: Record<string, HandlebarsTemplatePart>;
+
+    /**
+     * A collection of fulfillable dice terms.
+     */
+    get fulfillable(): Map<string, DiceTermFulfillmentDescriptor>;
+
+    /**
+     * The roll being resolved.
+     */
+    get roll(): Roll;
+
+    /**
+     * Identify any terms in this Roll that should be fulfilled externally, and prompt the user to do so.
+     * @returns Returns a Promise that resolves when the first pass of fulfillment is complete.
+     */
+    awaitFulfillment(): Promise<void>;
+
+    /**
+     * Register a fulfilled die roll.
+     * @param method The method used for fulfillment.
+     * @param denomination The denomination of the fulfilled die.
+     * @param result The rolled number.
+     * @returns Whether the result was consumed.
+     */
+    registerResult(method: string, denomination: string, result: number): boolean;
+
+    override close(options?: ApplicationClosingOptions): Promise<this>;
+
+    protected override _prepareContext(): Promise<ApplicationRenderContext>;
+
+    protected override _onSubmitForm(formConfig: ApplicationFormConfiguration, event: SubmitEvent): Promise<void>;
+
+    /**
+     * Handle prompting for a single extra result from a term.
+     * @param term The term.
+     * @param method The method used to obtain the result.
+     */
+    resolveResult(term: DiceTerm, method: string, options?: { reroll?: boolean; explode?: boolean }): Promise<number | void>;
+
+    /**
+     * Update the Roll instance with the fulfilled results.
+     * @param event The originating form submission event.
+     * @param form The form element that was submitted.
+     * @param formData Processed data for the submitted form.
+     */
+    protected static _fulfillRoll(this: RollResolver, event: SubmitEvent, form: HTMLFormElement, formData: FormDataExtended): Promise<void>;
+
+    /**
+     * Add a new term to the resolver.
+     * @param term The term.
+     * @returns Returns a Promise that resolves when the term's results have been externally fulfilled.
+     */
+    addTerm(term: DiceTerm): Promise<void>;
+
+    /**
+     * Check if all rolls have been fulfilled.
+     */
+    protected _checkDone(): void;
+
+    /**
+     * Toggle the state of the submit button.
+     * @param enabled Whether the button is enabled.
+     */
+    protected _toggleSubmission(enabled: boolean): void;
+}

package/src/client/applications/elements/_module.d.mts

@@ -0,0 +1,19 @@
+/**
+ * Custom HTMLElement implementations for use in template rendering.
+ * @module elements
+ */
+
+export { default as HTMLCodeMirrorElement } from "./codemirror/element.mjs";
+export { default as HTMLColorPickerElement } from "./color-picker.mjs";
+export { default as HTMLDocumentEmbedElement } from "./document-embed.mjs";
+export { default as HTMLDocumentTagsElement } from "./document-tags.mjs";
+export { default as HTMLEnrichedContentElement } from "./enriched-content.mjs";
+export { default as HTMLFilePickerElement } from "./file-picker.mjs";
+export { default as HTMLHueSelectorSlider } from "./hue-slider.mjs";
+export { AbstractMultiSelectElement, HTMLMultiCheckboxElement, HTMLMultiSelectElement } from "./multi-select.mjs";
+export { default as HTMLProseMirrorElement } from "./prosemirror-editor.mjs";
+export { default as HTMLRangePickerElement } from "./range-picker.mjs";
+export { default as HTMLSecretBlockElement } from "./secret-block.mjs";
+export { default as HTMLStringTagsElement } from "./string-tags.mjs";
+
+export { default as AbstractFormInputElement } from "./form-element.mjs";

package/src/client/applications/elements/codemirror/element.d.mts

@@ -0,0 +1,73 @@
+import AbstractFormInputElement from "../form-element.mjs";
+import { Point } from "./../../../../common/_types.mjs";
+import { CodeMirrorInputConfig, CodeMirrorLanguage } from "./../../../../common/data/_types.mjs";
+
+interface HTMLCodeMirrorOptions {
+    /** The initial editor contents. */
+    value?: string;
+}
+
+/**
+ * A custom HTML element responsible for displaying a CodeMirror rich text editor.
+ */
+export default class HTMLCodeMirrorElement extends AbstractFormInputElement<string> {
+    constructor(options?: HTMLCodeMirrorOptions);
+
+    static override tagName: "code-mirror";
+
+    static override observedAttributes: string[];
+
+    /**
+     * This element's language attribute or its default if no value is set
+     */
+    get language(): CodeMirrorLanguage;
+
+    set language(value: CodeMirrorLanguage);
+
+    /**
+     * This element's indent attribute, which determines the number of spaces added upon pressing the TAB key. A value
+     * of 0 disables this feature entirely.
+     */
+    get indent(): number;
+
+    set indent(value: number);
+
+    /**
+     * The element's nowrap attribute, which if present disables line-wrapping
+     */
+    get nowrap(): boolean;
+
+    set nowrap(value: boolean);
+
+    protected override _toggleDisabled(disabled: boolean): void;
+
+    protected override _getValue(): string;
+
+    protected override _setValue(value: string): void;
+
+    /**
+     * Given screen co-ordinates, returns the position in the editor's text content at those co-ordinates.
+     * @param coords The screen co-ordinates.
+     */
+    posAtCoords(coords: Point): number;
+
+    /* -------------------------------------------- */
+    /*  Element Lifecycle                           */
+    /* -------------------------------------------- */
+
+    override connectedCallback(): void;
+
+    protected override _buildElements(): [HTMLElement];
+
+    override attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
+
+    /**
+     * Call for garbage collection upon this element being removed from the DOM.
+     */
+    disconnectedCallback(): void;
+
+    /**
+     * Create an HTMLCodeMirrorElement element for a StringField (typically a JSONField or JavascriptField).
+     */
+    static create(config: CodeMirrorInputConfig): HTMLCodeMirrorElement;
+}

package/src/client/applications/elements/color-picker.d.mts

@@ -0,0 +1,14 @@
+import { FormInputConfig } from "./../../../common/data/_types.mjs";
+import AbstractFormInputElement from "./form-element.mjs";
+
+/**
+ * A custom HTMLElement used to select a color using a linked pair of input fields.
+ */
+export default class HTMLColorPickerElement extends AbstractFormInputElement<string> {
+    static override tagName: "color-picker";
+
+    protected override _buildElements(): HTMLInputElement[];
+
+    /** Create a HTMLColorPickerElement using provided configuration data. */
+    static create(config: FormInputConfig<string>): HTMLColorPickerElement;
+}