tiny-essentials 1.24.0 → 1.24.2

package/dist/v1/libs/TinyHtml/index.mjs

@@ -0,0 +1,185 @@
+///////////////////////////////////////////////////
+import TinyHtmlButtonInput from './input/button/TinyHtmlButtonInput.mjs';
+import TinyHtmlResetInput from './input/button/TinyHtmlResetInput.mjs';
+import TinyHtmlSubmitInput from './input/button/TinyHtmlSubmitInput.mjs';
+/////////////////////////////////////////////////////
+import TinyHtmlNumberInput from './input/number/TinyHtmlNumberInput.mjs';
+import TinyHtmlRangeInput from './input/number/TinyHtmlRangeInput.mjs';
+//////////////////////////////////////////////////
+import TinyHtmlEmailInput from './input/text/TinyHtmlEmailInput.mjs';
+import TinyHtmlPasswordInput from './input/text/TinyHtmlPasswordInput.mjs';
+import TinyHtmlSearchInput from './input/text/TinyHtmlSearchInput.mjs';
+import TinyHtmlTelInput from './input/text/TinyHtmlTelInput.mjs';
+import TinyHtmlTextInput from './input/text/TinyHtmlTextInput.mjs';
+import TinyHtmlUrlInput from './input/text/TinyHtmlUrlInput.mjs';
+//////////////////////////////////////////////////////
+import TinyHtmlColorInput from './input/TinyHtmlColorInput.mjs';
+import TinyHtmlFileInput from './input/TinyHtmlFileInput.mjs';
+import TinyHtmlHiddenInput from './input/TinyHtmlHiddenInput.mjs';
+import TinyHtmlImageInput from './input/TinyHtmlImageInput.mjs';
+////////////////////////////////////////////////////
+import TinyHtmlAudio from './media/TinyHtmlAudio.mjs';
+import TinyHtmlButton from './TinyHtmlButton.mjs';
+import TinyHtmlCanvas from './TinyHtmlCanvas.mjs';
+import TinyHtmlEmbed from './TinyHtmlEmbed.mjs';
+import TinyHtmlForm from './TinyHtmlForm.mjs';
+import TinyHtmlIcon from './TinyHtmlIcon.mjs';
+import TinyHtmlIframe from './TinyHtmlIframe.mjs';
+import TinyHtmlImage from './TinyHtmlImage.mjs';
+import TinyHtmlInput from './TinyHtmlInput.mjs';
+import TinyHtmlAnchor from './TinyHtmlAnchor.mjs';
+import TinyHtmlObject from './media/TinyHtmlObject.mjs';
+import TinyHtmlSelect from './TinyHtmlSelect.mjs';
+import TinyHtmlTextarea from './TinyHtmlTextarea.mjs';
+import TinyHtmlVideo from './media/TinyHtmlVideo.mjs';
+import TinyHtmlMedia from './TinyHtmlMedia.mjs';
+import TinyHtmlSource from './media/TinyHtmlSource.mjs';
+import TinyHtmlDatalist from './TinyHtmlDatalist.mjs';
+import TinyHtmlLink from './TinyHtmlLink.mjs';
+import TinyHtmlScript from './TinyHtmlScript.mjs';
+import TinyHtmlStyle from './TinyHtmlStyle.mjs';
+///////////////////////////////////////////////////
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+///////////////////////////////////////////////////
+/**
+ * @class
+ * @beta
+ */
+class TinyHtmlElems {
+    static #list = [
+        TinyHtmlButtonInput,
+        TinyHtmlResetInput,
+        TinyHtmlSubmitInput,
+        /////////////////////////////////////////////////////
+        TinyHtmlNumberInput,
+        TinyHtmlRangeInput,
+        //////////////////////////////////////////////////
+        TinyHtmlEmailInput,
+        TinyHtmlPasswordInput,
+        TinyHtmlSearchInput,
+        TinyHtmlTelInput,
+        TinyHtmlTextInput,
+        TinyHtmlUrlInput,
+        //////////////////////////////////////////////////////
+        TinyHtmlColorInput,
+        TinyHtmlFileInput,
+        TinyHtmlHiddenInput,
+        TinyHtmlImageInput,
+        ////////////////////////////////////////////////////
+        TinyHtmlAudio,
+        TinyHtmlButton,
+        TinyHtmlCanvas,
+        TinyHtmlEmbed,
+        TinyHtmlForm,
+        TinyHtmlIcon,
+        TinyHtmlIframe,
+        TinyHtmlImage,
+        TinyHtmlInput,
+        TinyHtmlAnchor,
+        TinyHtmlObject,
+        TinyHtmlSelect,
+        TinyHtmlTextarea,
+        TinyHtmlVideo,
+        TinyHtmlMedia,
+        TinyHtmlSource,
+        TinyHtmlDatalist,
+        TinyHtmlLink,
+        TinyHtmlScript,
+        TinyHtmlStyle,
+        ////////////////////////////////////////////////////
+        TinyHtmlTemplate,
+    ];
+    static get list() {
+        return [...this.#list];
+    }
+    static ButtonInput = TinyHtmlButtonInput;
+    static ResetInput = TinyHtmlResetInput;
+    static SubmitInput = TinyHtmlSubmitInput;
+    /////////////////////////////////////////////////////
+    static NumberInput = TinyHtmlNumberInput;
+    static RangerInput = TinyHtmlRangeInput;
+    //////////////////////////////////////////////////
+    static EmailInput = TinyHtmlEmailInput;
+    static PasswordInput = TinyHtmlPasswordInput;
+    static SearchInput = TinyHtmlSearchInput;
+    static TelInput = TinyHtmlTelInput;
+    static TextInput = TinyHtmlTextInput;
+    static UrlInput = TinyHtmlUrlInput;
+    //////////////////////////////////////////////////////
+    static ColorInput = TinyHtmlColorInput;
+    static FileInput = TinyHtmlFileInput;
+    static HiddenInput = TinyHtmlHiddenInput;
+    static ImgInput = TinyHtmlImageInput;
+    ////////////////////////////////////////////////////
+    static Audio = TinyHtmlAudio;
+    static Button = TinyHtmlButton;
+    static Canvas = TinyHtmlCanvas;
+    static Embed = TinyHtmlEmbed;
+    static Form = TinyHtmlForm;
+    static Icon = TinyHtmlIcon;
+    static Iframe = TinyHtmlIframe;
+    static Img = TinyHtmlImage;
+    static Input = TinyHtmlInput;
+    static Anchor = TinyHtmlAnchor;
+    static Object = TinyHtmlObject;
+    static Select = TinyHtmlSelect;
+    static Textarea = TinyHtmlTextarea;
+    static Video = TinyHtmlVideo;
+    static Media = TinyHtmlMedia;
+    static Source = TinyHtmlSource;
+    static Datalist = TinyHtmlDatalist;
+    static Link = TinyHtmlLink;
+    static Script = TinyHtmlScript;
+    static Style = TinyHtmlStyle;
+    ////////////////////////////////////////////////////
+    static Element = TinyHtmlTemplate;
+    ////////////////////////////////////////////////////
+    constructor() {
+        throw new Error('Forbidden!!!');
+    }
+}
+export default TinyHtmlElems;
+/**
+export {
+  TinyHtmlButtonInput,
+  TinyHtmlResetInput,
+  TinyHtmlSubmitInput,
+  /////////////////////////////////////////////////////
+  TinyHtmlNumberInput,
+  TinyHtmlRangeInput,
+  //////////////////////////////////////////////////
+  TinyHtmlEmailInput,
+  TinyHtmlPasswordInput,
+  TinyHtmlSearchInput,
+  TinyHtmlTelInput,
+  TinyHtmlTextInput,
+  TinyHtmlUrlInput,
+  //////////////////////////////////////////////////////
+  TinyHtmlColorInput,
+  TinyHtmlFileInput,
+  TinyHtmlHiddenInput,
+  TinyHtmlImageInput,
+  ////////////////////////////////////////////////////
+  TinyHtmlAudio,
+  TinyHtmlButton,
+  TinyHtmlCanvas,
+  TinyHtmlEmbed,
+  TinyHtmlForm,
+  TinyHtmlTemplate,
+  TinyHtmlIcon,
+  TinyHtmlIframe,
+  TinyHtmlImage,
+  TinyHtmlInput,
+  TinyHtmlAnchor,
+  TinyHtmlObject,
+  TinyHtmlSelect,
+  TinyHtmlTextarea,
+  TinyHtmlVideo,
+  TinyHtmlMedia,
+  TinyHtmlSource,
+  TinyHtmlDatalist,
+  TinyHtmlLink,
+  TinyHtmlScript,
+  TinyHtmlStyle,
+};
+ */

package/dist/v1/libs/TinyHtml/input/TinyHtmlColorInput.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+var TinyHtmlInput = require('../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlColorInput is a helper class for managing `<input type="color">` elements.
+ * It provides strict validation for attributes such as `value`, `alpha`, `autocomplete`,
+ * `list`, `readonly`, `required`, and `colorspace`.
+ *
+ * @example
+ * const colorInput = new TinyHtmlColorInput({
+ *   value: '#ff0000',
+ *   alpha: 0.8,
+ *   autocomplete: 'on',
+ *   required: true
+ * });
+ */
+class TinyHtmlColorInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlColorInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string|number} [config.value="#000000"] - Initial color value.
+   * @param {string|number} [config.alpha] - Alpha (transparency) value.
+   * @param {string} [config.placeholder] - Placeholder text.
+   * @param {string} [config.name] - Name of the input.
+   * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+   * @param {string} [config.list] - ID of a `<datalist>`.
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string} [config.colorspace] - Colorspace for image inputs (e.g., "sRGB").
+   * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+   * @param {string} [config.mainClass=''] - Main CSS class.
+   * @throws {TypeError} If any attribute is of the wrong type.
+   */
+  constructor({
+    list,
+    value = '#000000',
+    name,
+    autocomplete,
+    alpha,
+    readonly = false,
+    required = false,
+    placeholder,
+    colorspace,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ type: 'color', name, placeholder, tags, mainClass });
+
+    // Assign attributes via setters to ensure validation
+    if (value !== undefined) this.value = value;
+    if (alpha !== undefined) this.alpha = alpha;
+    if (list !== undefined) this.list = list;
+    if (autocomplete !== undefined) this.autocomplete = autocomplete;
+    if (colorspace !== undefined) this.colorspace = colorspace;
+    this.readonly = readonly;
+    this.required = required;
+  }
+
+  /** @param {string|number} value */
+  set value(value) {
+    if (typeof value !== 'string' && typeof value !== 'number')
+      throw new TypeError('TinyHtmlColorInput: "value" must be a string or number.');
+    this.setAttr('value', String(value));
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+
+  /** @param {string|number} alpha */
+  set alpha(alpha) {
+    if (typeof alpha !== 'string' && typeof alpha !== 'number')
+      throw new TypeError('TinyHtmlColorInput: "alpha" must be a string or number.');
+    this.setAttr('alpha', String(alpha));
+  }
+
+  /** @returns {string|null} */
+  get alpha() {
+    return this.attrString('alpha');
+  }
+
+  /** @param {string} list */
+  set list(list) {
+    if (typeof list !== 'string')
+      throw new TypeError('TinyHtmlColorInput: "list" must be a string (datalist id).');
+    this.setAttr('list', list);
+  }
+
+  /** @returns {string|null} */
+  get list() {
+    return this.attrString('list');
+  }
+
+  /** @param {string} autocomplete */
+  set autocomplete(autocomplete) {
+    if (typeof autocomplete !== 'string')
+      throw new TypeError('TinyHtmlColorInput: "autocomplete" must be a string.');
+    this.setAttr('autocomplete', autocomplete);
+  }
+
+  /** @returns {string|null} */
+  get autocomplete() {
+    return this.attrString('autocomplete');
+  }
+
+  /** @param {string} colorspace */
+  set colorspace(colorspace) {
+    if (typeof colorspace !== 'string')
+      throw new TypeError('TinyHtmlColorInput: "colorspace" must be a string (e.g., "sRGB").');
+    this.setAttr('colorspace', colorspace);
+  }
+
+  /** @returns {string|null} */
+  get colorspace() {
+    return this.attrString('colorspace');
+  }
+}
+
+module.exports = TinyHtmlColorInput;

package/dist/v1/libs/TinyHtml/input/TinyHtmlColorInput.d.mts

@@ -0,0 +1,67 @@
+export default TinyHtmlColorInput;
+/**
+ * TinyHtmlColorInput is a helper class for managing `<input type="color">` elements.
+ * It provides strict validation for attributes such as `value`, `alpha`, `autocomplete`,
+ * `list`, `readonly`, `required`, and `colorspace`.
+ *
+ * @example
+ * const colorInput = new TinyHtmlColorInput({
+ *   value: '#ff0000',
+ *   alpha: 0.8,
+ *   autocomplete: 'on',
+ *   required: true
+ * });
+ */
+declare class TinyHtmlColorInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlColorInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string|number} [config.value="#000000"] - Initial color value.
+     * @param {string|number} [config.alpha] - Alpha (transparency) value.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.name] - Name of the input.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+     * @param {string} [config.list] - ID of a `<datalist>`.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string} [config.colorspace] - Colorspace for image inputs (e.g., "sRGB").
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute is of the wrong type.
+     */
+    constructor({ list, value, name, autocomplete, alpha, readonly, required, placeholder, colorspace, tags, mainClass, }?: {
+        value?: string | number | undefined;
+        alpha?: string | number | undefined;
+        placeholder?: string | undefined;
+        name?: string | undefined;
+        autocomplete?: string | undefined;
+        list?: string | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        colorspace?: string | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {string|number} value */
+    set value(value: string | number);
+    /** @returns {string|null} */
+    get value(): string | null;
+    /** @param {string|number} alpha */
+    set alpha(alpha: string | number);
+    /** @returns {string|null} */
+    get alpha(): string | null;
+    /** @param {string} list */
+    set list(list: string);
+    /** @returns {string|null} */
+    get list(): string | null;
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete: string);
+    /** @returns {string|null} */
+    get autocomplete(): string | null;
+    /** @param {string} colorspace */
+    set colorspace(colorspace: string);
+    /** @returns {string|null} */
+    get colorspace(): string | null;
+}
+import TinyHtmlInput from '../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlColorInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/TinyHtmlColorInput.mjs

@@ -0,0 +1,99 @@
+import TinyHtmlInput from '../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlColorInput is a helper class for managing `<input type="color">` elements.
+ * It provides strict validation for attributes such as `value`, `alpha`, `autocomplete`,
+ * `list`, `readonly`, `required`, and `colorspace`.
+ *
+ * @example
+ * const colorInput = new TinyHtmlColorInput({
+ *   value: '#ff0000',
+ *   alpha: 0.8,
+ *   autocomplete: 'on',
+ *   required: true
+ * });
+ */
+class TinyHtmlColorInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlColorInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string|number} [config.value="#000000"] - Initial color value.
+     * @param {string|number} [config.alpha] - Alpha (transparency) value.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.name] - Name of the input.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+     * @param {string} [config.list] - ID of a `<datalist>`.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string} [config.colorspace] - Colorspace for image inputs (e.g., "sRGB").
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute is of the wrong type.
+     */
+    constructor({ list, value = '#000000', name, autocomplete, alpha, readonly = false, required = false, placeholder, colorspace, tags = [], mainClass = '', } = {}) {
+        super({ type: 'color', name, placeholder, tags, mainClass });
+        // Assign attributes via setters to ensure validation
+        if (value !== undefined)
+            this.value = value;
+        if (alpha !== undefined)
+            this.alpha = alpha;
+        if (list !== undefined)
+            this.list = list;
+        if (autocomplete !== undefined)
+            this.autocomplete = autocomplete;
+        if (colorspace !== undefined)
+            this.colorspace = colorspace;
+        this.readonly = readonly;
+        this.required = required;
+    }
+    /** @param {string|number} value */
+    set value(value) {
+        if (typeof value !== 'string' && typeof value !== 'number')
+            throw new TypeError('TinyHtmlColorInput: "value" must be a string or number.');
+        this.setAttr('value', String(value));
+    }
+    /** @returns {string|null} */
+    get value() {
+        return this.attrString('value');
+    }
+    /** @param {string|number} alpha */
+    set alpha(alpha) {
+        if (typeof alpha !== 'string' && typeof alpha !== 'number')
+            throw new TypeError('TinyHtmlColorInput: "alpha" must be a string or number.');
+        this.setAttr('alpha', String(alpha));
+    }
+    /** @returns {string|null} */
+    get alpha() {
+        return this.attrString('alpha');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlColorInput: "list" must be a string (datalist id).');
+        this.setAttr('list', list);
+    }
+    /** @returns {string|null} */
+    get list() {
+        return this.attrString('list');
+    }
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete) {
+        if (typeof autocomplete !== 'string')
+            throw new TypeError('TinyHtmlColorInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+    /** @param {string} colorspace */
+    set colorspace(colorspace) {
+        if (typeof colorspace !== 'string')
+            throw new TypeError('TinyHtmlColorInput: "colorspace" must be a string (e.g., "sRGB").');
+        this.setAttr('colorspace', colorspace);
+    }
+    /** @returns {string|null} */
+    get colorspace() {
+        return this.attrString('colorspace');
+    }
+}
+export default TinyHtmlColorInput;

package/dist/v1/libs/TinyHtml/input/TinyHtmlFileInput.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var TinyHtmlInput = require('../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlFileInput is a helper class for managing <input type="file"> elements.
+ * It allows configuring attributes such as `accept`, `multiple`, `capture`,
+ * `readonly`, and `required` with validation, while exposing a safe getter for files.
+ *
+ * @example
+ * const fileInput = new TinyHtmlFileInput({
+ *   accept: '.png,.jpg',
+ *   multiple: true,
+ *   required: true
+ * });
+ *
+ * document.body.appendChild(fileInput.el);
+ *
+ * @extends TinyHtmlInput
+ */
+class TinyHtmlFileInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlFileInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string} [config.name] - The name of the input control.
+   * @param {string} [config.placeholder] - Placeholder text (not widely supported for file inputs).
+   * @param {string|boolean} [config.capture] - Capture mode ("user", "environment", or `true`).
+   * @param {boolean} [config.multiple=false] - Whether multiple files can be selected.
+   * @param {string} [config.accept] - Accepted file types (e.g., ".jpg,.png" or "image/*").
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+   * @param {string} [config.mainClass=''] - Main CSS class.
+   * @throws {TypeError} If any attribute is of the wrong type.
+   */
+  constructor({
+    name,
+    capture,
+    multiple = false,
+    accept,
+    placeholder,
+    readonly = false,
+    required = false,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ type: 'file', name, placeholder, tags, mainClass, readonly, required });
+
+    // --- multiple ---
+    this.multiple = multiple;
+
+    // --- accept ---
+    if (accept !== undefined) this.accept = accept;
+
+    // --- capture ---
+    if (capture !== undefined) this.capture = capture;
+  }
+
+  /** @param {boolean} multiple */
+  set multiple(multiple) {
+    if (typeof multiple !== 'boolean')
+      throw new TypeError('TinyHtmlFileInput: "multiple" must be a boolean.');
+    if (multiple) this.addProp('multiple');
+    else this.removeProp('multiple');
+  }
+
+  /** @returns {boolean} */
+  get multiple() {
+    return this.hasProp('multiple');
+  }
+
+  /** @param {string} accept */
+  set accept(accept) {
+    if (typeof accept !== 'string')
+      throw new TypeError('TinyHtmlFileInput: "accept" must be a string.');
+    this.setAttr('accept', accept);
+  }
+
+  /** @returns {string|null} */
+  get accept() {
+    return this.attrString('accept');
+  }
+
+  /** @param {string|boolean} capture */
+  set capture(capture) {
+    if (typeof capture !== 'string' && typeof capture !== 'boolean')
+      throw new TypeError('TinyHtmlFileInput: "capture" must be a string or boolean.');
+    this.setAttr('capture', capture);
+  }
+
+  /** @returns {string|boolean|null} */
+  get capture() {
+    const val = this.attrString('capture');
+    if (val === null) return null;
+    if (val === 'true') return true;
+    if (val === 'false') return false;
+    return val;
+  }
+
+  /**
+   * Gets the list of selected files.
+   * @returns {FileList|null}
+   */
+  get files() {
+    return this.el.files;
+  }
+}
+
+module.exports = TinyHtmlFileInput;

package/dist/v1/libs/TinyHtml/input/TinyHtmlFileInput.d.mts

@@ -0,0 +1,63 @@
+export default TinyHtmlFileInput;
+/**
+ * TinyHtmlFileInput is a helper class for managing <input type="file"> elements.
+ * It allows configuring attributes such as `accept`, `multiple`, `capture`,
+ * `readonly`, and `required` with validation, while exposing a safe getter for files.
+ *
+ * @example
+ * const fileInput = new TinyHtmlFileInput({
+ *   accept: '.png,.jpg',
+ *   multiple: true,
+ *   required: true
+ * });
+ *
+ * document.body.appendChild(fileInput.el);
+ *
+ * @extends TinyHtmlInput
+ */
+declare class TinyHtmlFileInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlFileInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.name] - The name of the input control.
+     * @param {string} [config.placeholder] - Placeholder text (not widely supported for file inputs).
+     * @param {string|boolean} [config.capture] - Capture mode ("user", "environment", or `true`).
+     * @param {boolean} [config.multiple=false] - Whether multiple files can be selected.
+     * @param {string} [config.accept] - Accepted file types (e.g., ".jpg,.png" or "image/*").
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute is of the wrong type.
+     */
+    constructor({ name, capture, multiple, accept, placeholder, readonly, required, tags, mainClass, }?: {
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        capture?: string | boolean | undefined;
+        multiple?: boolean | undefined;
+        accept?: string | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {boolean} multiple */
+    set multiple(multiple: boolean);
+    /** @returns {boolean} */
+    get multiple(): boolean;
+    /** @param {string} accept */
+    set accept(accept: string);
+    /** @returns {string|null} */
+    get accept(): string | null;
+    /** @param {string|boolean} capture */
+    set capture(capture: string | boolean);
+    /** @returns {string|boolean|null} */
+    get capture(): string | boolean | null;
+    /**
+     * Gets the list of selected files.
+     * @returns {FileList|null}
+     */
+    get files(): FileList | null;
+}
+import TinyHtmlInput from '../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlFileInput.d.mts.map