@noctuatech/uswds 0.0.28 → 0.0.30

package/target/lib/config/config.element.js

@@ -0,0 +1,53 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { injectable } from "@joist/di";
+import { attr, css, element, html } from "@joist/element";
+export class USAConfig {
+    iconPath = "";
+}
+let USAConfigElement = (() => {
+    let _classDecorators = [injectable({
+            name: "usa-config-ctx",
+            provideSelfAs: [USAConfig],
+        }), element({
+            tagName: "usa-config",
+            shadowDom: [
+                css `
+      :host {
+        display: contents;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _iconPath_decorators;
+    let _iconPath_initializers = [];
+    let _iconPath_extraInitializers = [];
+    var USAConfigElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _iconPath_decorators = [attr({
+                    name: "icon-path",
+                })];
+            __esDecorate(this, null, _iconPath_decorators, { kind: "accessor", name: "iconPath", static: false, private: false, access: { has: obj => "iconPath" in obj, get: obj => obj.iconPath, set: (obj, value) => { obj.iconPath = value; } }, metadata: _metadata }, _iconPath_initializers, _iconPath_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAConfigElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #iconPath_accessor_storage = __runInitializers(this, _iconPath_initializers, "/assets/usa-icons/");
+        get iconPath() { return this.#iconPath_accessor_storage; }
+        set iconPath(value) { this.#iconPath_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _iconPath_extraInitializers);
+        }
+    };
+    return USAConfigElement = _classThis;
+})();
+export { USAConfigElement };
+//# sourceMappingURL=config.element.js.map

package/target/lib/config/config.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.element.js","sourceRoot":"","sources":["../../../src/lib/config/config.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,OAAO,SAAS;IACpB,QAAQ,GAAG,EAAE,CAAC;CACf;IAiBY,gBAAgB;4BAf5B,UAAU,CAAC;YACV,IAAI,EAAE,gBAAgB;YACtB,aAAa,EAAE,CAAC,SAAS,CAAC;SAC3B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACoC,WAAW;;;;gCAAnB,SAAQ,WAAW;;;;oCAC9C,IAAI,CAAC;oBACJ,IAAI,EAAE,WAAW;iBAClB,CAAC;YACF,6KAAS,QAAQ,6BAAR,QAAQ,2FAAwB;YAJ3C,6KAKC;;;YALY,uDAAgB;;QAI3B,6EAAoB,oBAAoB,EAAC;QAAzC,IAAS,QAAQ,8CAAwB;QAAzC,IAAS,QAAQ,oDAAwB;;;;;;;;SAJ9B,gBAAgB"}

package/target/lib/config/config.test.d.ts

@@ -0,0 +1 @@
+import "./config.element.js";

package/target/lib/config/config.test.js

@@ -0,0 +1,11 @@
+import "./config.element.js";
+import { assert, fixture, html } from "@open-wc/testing";
+describe("usa-config", () => {
+    it("should be accessible", async () => {
+        const config = await fixture(html `
+      <usa-config>Hello World</usa-config>
+    `);
+        return assert.isAccessible(config);
+    });
+});
+//# sourceMappingURL=config.test.js.map

package/target/lib/config/config.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.test.js","sourceRoot":"","sources":["../../../src/lib/config/config.test.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/define.d.ts

@@ -0,0 +1,32 @@
+import "./config/config.element.js";
+import "./alert/alert.element.js";
+import "./button/button.element.js";
+import "./checkbox/checkbox.element.js";
+import "./description/description.element.js";
+import "./file-input/file-input.element.js";
+import "./file-input/file-input-preview/file-input-preview.element.js";
+import "./icon/icon.element.js";
+import "./input/input.element.js";
+import "./input-mask/input-mask.element.js";
+import "./link/link.element.js";
+import "./radio/radio.element.js";
+import "./radio/radio-option/radio-option.element.js";
+import "./select/select.element.js";
+import "./select/select-option/select-option.element.js";
+import "./tag/tag.element.js";
+import "./accordion/accordion.element.js";
+import "./side-nav/side-nav.element.js";
+import "./side-nav/side-nav-item/side-nav-item.element.js";
+import "./summary-box/summary-box.element.js";
+import "./step-indicator/step-indicator.element.js";
+import "./step-indicator/step/step.element.js";
+import "./modal/modal.element.js";
+import "./modal/modal-close/modal-close.element.js";
+import "./modal/modal-heading/modal-heading.element.js";
+import "./card/card.element.js";
+import "./card/card-header/card-header.element.js";
+import "./card/card-body/card-body.element.js";
+import "./card/card-footer/card-footer.element.js";
+import "./card/card-media/card-media.element.js";
+import "./card/card-group/card-group.element.js";
+import "./textarea/textarea.element.js";

package/target/lib/define.js

@@ -0,0 +1,33 @@
+import "./config/config.element.js";
+import "./alert/alert.element.js";
+import "./button/button.element.js";
+import "./checkbox/checkbox.element.js";
+import "./description/description.element.js";
+import "./file-input/file-input.element.js";
+import "./file-input/file-input-preview/file-input-preview.element.js";
+import "./icon/icon.element.js";
+import "./input/input.element.js";
+import "./input-mask/input-mask.element.js";
+import "./link/link.element.js";
+import "./radio/radio.element.js";
+import "./radio/radio-option/radio-option.element.js";
+import "./select/select.element.js";
+import "./select/select-option/select-option.element.js";
+import "./tag/tag.element.js";
+import "./accordion/accordion.element.js";
+import "./side-nav/side-nav.element.js";
+import "./side-nav/side-nav-item/side-nav-item.element.js";
+import "./summary-box/summary-box.element.js";
+import "./step-indicator/step-indicator.element.js";
+import "./step-indicator/step/step.element.js";
+import "./modal/modal.element.js";
+import "./modal/modal-close/modal-close.element.js";
+import "./modal/modal-heading/modal-heading.element.js";
+import "./card/card.element.js";
+import "./card/card-header/card-header.element.js";
+import "./card/card-body/card-body.element.js";
+import "./card/card-footer/card-footer.element.js";
+import "./card/card-media/card-media.element.js";
+import "./card/card-group/card-group.element.js";
+import "./textarea/textarea.element.js";
+//# sourceMappingURL=define.js.map

package/target/lib/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC"}

package/target/lib/description/description.element.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-description": USADescriptionElement;
+    }
+}
+export declare class USADescriptionElement extends HTMLElement {
+}

package/target/lib/description/description.element.js

@@ -0,0 +1,34 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USADescriptionElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-description",
+            shadowDom: [
+                css `
+      :host {
+        display: block;
+        font-size: 0.93rem;
+        margin-top: 0.5rem;
+      }
+    `,
+                html ` <slot></slot> `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USADescriptionElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USADescriptionElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USADescriptionElement = _classThis;
+})();
+export { USADescriptionElement };
+//# sourceMappingURL=description.element.js.map

package/target/lib/description/description.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.element.js","sourceRoot":"","sources":["../../../src/lib/description/description.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqBvC,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,iBAAiB;aACtB;SACF,CAAC;;;;sBACyC,WAAW;qCAAnB,SAAQ,WAAW;;;;YAAtD,6KAAyD;;;YAA5C,uDAAqB;;;;;SAArB,qBAAqB"}

package/target/lib/description/description.test.d.ts

@@ -0,0 +1 @@
+import "./description.element.js";

package/target/lib/description/description.test.js

@@ -0,0 +1,11 @@
+import "./description.element.js";
+import { assert, fixture, html } from "@open-wc/testing";
+describe("usa-description", () => {
+    it("should be accessible", async () => {
+        const description = await fixture(html `
+      <usa-description>Hello World</usa-description>
+    `);
+        return assert.isAccessible(description);
+    });
+});
+//# sourceMappingURL=description.test.js.map

package/target/lib/description/description.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.test.js","sourceRoot":"","sources":["../../../src/lib/description/description.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,WAAW,GAAG,MAAM,OAAO,CAAwB,IAAI,CAAA;;KAE5D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/file-input/file-input-preview/file-input-preview.element.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-file-input-preview": USAFileInputPreviewElement;
+    }
+}
+export declare class USAFileInputPreviewElement extends HTMLElement {
+    #private;
+    accessor files: FileList | null;
+    connectedCallback(): void;
+    get shadow(): ShadowRoot;
+    onChange(): void;
+}

package/target/lib/file-input/file-input-preview/file-input-preview.element.js

@@ -0,0 +1,153 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html, query } from "@joist/element";
+import { effect, observe } from "@joist/observable";
+let USAFileInputPreviewElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-file-input-preview",
+            shadowDom: [
+                css `
+      * {
+        box-sizing: border-box;
+      }
+
+      :host {
+        display: block;
+        font-size: 0.87rem;
+        pointer-events: none;
+        position: relative;
+        text-align: left;
+        word-wrap: anywhere;
+        z-index: 3;
+      }
+
+      :host([hidden]) {
+        display: none;
+      }
+
+      img {
+        border: 0;
+        display: block;
+        height: 2.5rem;
+        margin-right: 0.5rem;
+        -o-object-fit: contain;
+        object-fit: contain;
+        width: 2.5rem;
+      }
+
+      .preview-heading {
+        align-items: center;
+        background: #d9e8f6;
+        display: flex;
+        pointer-events: none;
+        position: relative;
+        z-index: 3;
+        font-weight: 700;
+        justify-content: space-between;
+        padding: 0.5rem;
+        text-align: left;
+      }
+
+      .preview-item {
+        align-items: center;
+        background: #d9e8f6;
+        display: flex;
+        padding: 0.5rem;
+        width: 100%;
+        margin-top: 1px;
+      }
+    `,
+                html `
+      <template>
+        <div class="preview-item">
+          <img height="40" width="40" aria-hidden="true" style="display: none" />
+          <usa-icon icon="file_present" style="display: none"></usa-icon>
+        </div>
+      </template>
+
+      <slot class="preview-heading"></slot>
+    `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _files_decorators;
+    let _files_initializers = [];
+    let _files_extraInitializers = [];
+    let _onChange_decorators;
+    var USAFileInputPreviewElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _files_decorators = [observe()];
+            _onChange_decorators = [effect()];
+            __esDecorate(this, null, _files_decorators, { kind: "accessor", name: "files", static: false, private: false, access: { has: obj => "files" in obj, get: obj => obj.files, set: (obj, value) => { obj.files = value; } }, metadata: _metadata }, _files_initializers, _files_extraInitializers);
+            __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAFileInputPreviewElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #files_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null));
+        get files() { return this.#files_accessor_storage; }
+        set files(value) { this.#files_accessor_storage = value; }
+        #items = (__runInitializers(this, _files_extraInitializers), new Map());
+        #template = query("template");
+        connectedCallback() {
+            this.onChange();
+        }
+        get shadow() {
+            if (!this.shadowRoot) {
+                throw new Error("no shadow root");
+            }
+            return this.shadowRoot;
+        }
+        onChange() {
+            const template = this.#template();
+            if (this.files?.length) {
+                this.hidden = false;
+                const names = new Set();
+                for (const file of this.files) {
+                    names.add(file.name);
+                    if (!this.#items.has(file.name)) {
+                        const clone = template.content.cloneNode(true);
+                        const item = clone.firstElementChild;
+                        if (!item) {
+                            throw new Error("SOMETHING HAS GONE VERY WRONG");
+                        }
+                        item.id = file.name;
+                        item.append(document.createTextNode(file.name));
+                        const img = item.querySelector("img");
+                        const icon = item.querySelector("usa-icon");
+                        if (!img || !icon) {
+                            throw Error("Something went very wrong");
+                        }
+                        if (file.type.startsWith("image")) {
+                            img.style.display = "block";
+                            img.src = URL.createObjectURL(file);
+                        }
+                        else {
+                            icon.style.display = "block";
+                        }
+                        this.shadow.append(item);
+                        this.#items.set(file.name, item);
+                    }
+                }
+                for (const [name, item] of this.#items) {
+                    if (!names.has(name)) {
+                        item.remove();
+                        this.#items.delete(name);
+                    }
+                }
+            }
+            else {
+                this.hidden = true;
+            }
+        }
+    };
+    return USAFileInputPreviewElement = _classThis;
+})();
+export { USAFileInputPreviewElement };
+//# sourceMappingURL=file-input-preview.element.js.map

package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input-preview.element.js","sourceRoot":"","sources":["../../../../src/lib/file-input/file-input-preview/file-input-preview.element.ts"],"names":[],"mappings":"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"}

package/target/lib/file-input/file-input-preview/file-input-preview.test.d.ts

@@ -0,0 +1,2 @@
+import "./file-input-preview.element.js";
+import "../../link/link.element.js";

package/target/lib/file-input/file-input-preview/file-input-preview.test.js

@@ -0,0 +1,67 @@
+import "./file-input-preview.element.js";
+import "../../link/link.element.js";
+import { assert, fixture, html } from "@open-wc/testing";
+describe("usa-file-input-preview", () => {
+    it("should be accessible with no files", async () => {
+        const fileInputPreview = await fixture(html `
+      <usa-file-input-preview>
+        Selected file <usa-link>Change file</usa-link>
+      </usa-file-input-preview>
+    `);
+        return assert.isAccessible(fileInputPreview);
+    });
+    it("should be accessible with files", async () => {
+        const data = new DataTransfer();
+        data.items.add(new File([], "image1.jpg"));
+        data.items.add(new File([], "image2.jpg"));
+        const fileInputPreview = await fixture(html `
+      <usa-file-input-preview .files=${data.files}>
+        Selected file <usa-link>Change file</usa-link>
+      </usa-file-input-preview>
+    `);
+        return assert.isAccessible(fileInputPreview);
+    });
+    it("should display file preview for images", async () => {
+        const data = new DataTransfer();
+        data.items.add(new File([], "image1.jpg"));
+        data.items.add(new File([], "image2.jpg"));
+        const { shadowRoot } = await fixture(html `
+      <usa-file-input-preview .files=${data.files}>
+        Selected file <usa-link>Change file</usa-link>
+      </usa-file-input-preview>
+    `);
+        const previewItems = Array.from(shadowRoot?.querySelectorAll(".preview-item") ?? []).map((item) => item.textContent?.trim());
+        assert.deepEqual(previewItems, ["image1.jpg", "image2.jpg"]);
+    });
+    it("should display fewer previews when the number of items decreases", async () => {
+        const data = new DataTransfer();
+        data.items.add(new File([], "image1.jpg"));
+        data.items.add(new File([], "image2.jpg"));
+        const fileInputPreview = await fixture(html `
+      <usa-file-input-preview .files=${data.files}>
+        Selected file <usa-link>Change file</usa-link>
+      </usa-file-input-preview>
+    `);
+        const data2 = new DataTransfer();
+        data2.items.add(new File([], "image1.jpg"));
+        fileInputPreview.files = data2.files;
+        // need this to wait for effects to resolve
+        await Promise.resolve();
+        const previewItems = Array.from(fileInputPreview.shadowRoot?.querySelectorAll(".preview-item") ?? []).map((item) => item.textContent?.trim());
+        assert.deepEqual(previewItems, ["image1.jpg"]);
+    });
+    it("should create preview images for each file", async () => {
+        const data = new DataTransfer();
+        data.items.add(new File(["Image1"], "image1.jpg", { type: "image/jpg" }));
+        data.items.add(new File(["Image2"], "image2.jpg", { type: "image/jpg" }));
+        const { shadowRoot } = await fixture(html `
+      <usa-file-input-preview .files=${data.files}>
+        Selected file <usa-link>Change file</usa-link>
+      </usa-file-input-preview>
+    `);
+        const [first, second] = Array.from(shadowRoot?.querySelectorAll(".preview-item img") ?? []).map((item) => item.src.substring(29));
+        // we are just testing that the two hashes are in fact different
+        assert.isFalse(first === second);
+    });
+});
+//# sourceMappingURL=file-input-preview.test.js.map

package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input-preview.test.js","sourceRoot":"","sources":["../../../../src/lib/file-input/file-input-preview/file-input-preview.test.ts"],"names":[],"mappings":"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"}

package/target/lib/file-input/file-input.element.d.ts

@@ -0,0 +1,19 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-file-input": USAFileInputElement;
+    }
+}
+export declare class USAFileInputElement extends HTMLElement {
+    #private;
+    static formAssociated: boolean;
+    accessor name: string;
+    accessor multiple: boolean;
+    accessor accept: string;
+    accessor files: FileList | null;
+    attributeChangedCallback(): void;
+    onChange(): void;
+    onInputChange(): void;
+    onDragEnter(): void;
+    onDragLeave(): void;
+    onDrop(e: DragEvent): void;
+}