@justifi/webcomponents 4.7.4 → 4.7.6

package/dist/types/components.d.ts

@@ -13,9 +13,10 @@ import { ValidationError } from "yup";
 import { Payment, PaymentMethodTypes, Payout } from "./api";
 import { Proceed } from "./api/Proceed";
 import { RefundFormFields } from "./components/refund-form/refund-form-schema";
-import { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity, Terms } from "./api/SubAccount";
+import { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
 import { TableProps } from "./components/table/table";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
+import { IOnboardingData as IOnboardingData1, SubAccountIdentity } from "./components";
 export { Address, IBusiness, Identity } from "./api/Business";
 export { FormController } from "./components/form/form";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
@@ -24,9 +25,10 @@ export { ValidationError } from "yup";
 export { Payment, PaymentMethodTypes, Payout } from "./api";
 export { Proceed } from "./api/Proceed";
 export { RefundFormFields } from "./components/refund-form/refund-form-schema";
-export { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity, Terms } from "./api/SubAccount";
+export { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
 export { TableProps } from "./components/table/table";
 export { PaginationProps } from "./components/pagination-menu/pagination-menu";
+export { IOnboardingData as IOnboardingData1, SubAccountIdentity } from "./components";
 export namespace Components {
     /**
      * @exportedPart detail-section
@@ -112,7 +114,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>) => Promise<CreatePaymentMethodResponse>;
+        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -171,6 +173,7 @@ export namespace Components {
     interface JustifiBusinessForm {
         "authToken": string;
         "businessId"?: string;
+        "hideErrors"?: boolean;
     }
     /**
      * @exportedPart label: Label for inputs
@@ -178,9 +181,9 @@ export namespace Components {
      * @exportedPart input-invalid: Invalid state for inputfs
      */
     interface JustifiBusinessFormStepped {
-        "accountId": string;
         "authToken": string;
         "businessId"?: string;
+        "hideErrors"?: boolean;
         "testMode": boolean;
     }
     /**
@@ -255,7 +258,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>) => Promise<CreatePaymentMethodResponse>;
+        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -526,13 +529,13 @@ export namespace Components {
         "data": SubaccountBankAccount;
     }
     interface SubaccountMerchantDetails {
-        "onboardingData": IOnboardingData;
+        "onboardingData": IOnboardingData1;
     }
     interface SubaccountOwnersDetails {
         "data": SubAccountIdentity[];
     }
     interface SubaccountRepresentativeDetails {
-        "data": SubAccountIdentity;
+        "data": SubAccountIdentity1;
     }
     interface SubaccountTermsDetails {
         "data": Terms;
@@ -630,37 +633,109 @@ declare global {
         prototype: HTMLAdditionalQuestionsDetailsElement;
         new (): HTMLAdditionalQuestionsDetailsElement;
     };
+    interface HTMLFormControlDatepartElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlDatepartElement extends Components.FormControlDatepart, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlDatepartElementEventMap>(type: K, listener: (this: HTMLFormControlDatepartElement, ev: FormControlDatepartCustomEvent<HTMLFormControlDatepartElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlDatepartElementEventMap>(type: K, listener: (this: HTMLFormControlDatepartElement, ev: FormControlDatepartCustomEvent<HTMLFormControlDatepartElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlDatepartElement: {
         prototype: HTMLFormControlDatepartElement;
         new (): HTMLFormControlDatepartElement;
     };
+    interface HTMLFormControlMonetaryElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlMonetaryElement extends Components.FormControlMonetary, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlMonetaryElementEventMap>(type: K, listener: (this: HTMLFormControlMonetaryElement, ev: FormControlMonetaryCustomEvent<HTMLFormControlMonetaryElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlMonetaryElementEventMap>(type: K, listener: (this: HTMLFormControlMonetaryElement, ev: FormControlMonetaryCustomEvent<HTMLFormControlMonetaryElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlMonetaryElement: {
         prototype: HTMLFormControlMonetaryElement;
         new (): HTMLFormControlMonetaryElement;
     };
+    interface HTMLFormControlNumberElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlNumberElement extends Components.FormControlNumber, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlNumberElementEventMap>(type: K, listener: (this: HTMLFormControlNumberElement, ev: FormControlNumberCustomEvent<HTMLFormControlNumberElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlNumberElementEventMap>(type: K, listener: (this: HTMLFormControlNumberElement, ev: FormControlNumberCustomEvent<HTMLFormControlNumberElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlNumberElement: {
         prototype: HTMLFormControlNumberElement;
         new (): HTMLFormControlNumberElement;
     };
+    interface HTMLFormControlNumberMaskedElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlNumberMaskedElement extends Components.FormControlNumberMasked, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlNumberMaskedElementEventMap>(type: K, listener: (this: HTMLFormControlNumberMaskedElement, ev: FormControlNumberMaskedCustomEvent<HTMLFormControlNumberMaskedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlNumberMaskedElementEventMap>(type: K, listener: (this: HTMLFormControlNumberMaskedElement, ev: FormControlNumberMaskedCustomEvent<HTMLFormControlNumberMaskedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlNumberMaskedElement: {
         prototype: HTMLFormControlNumberMaskedElement;
         new (): HTMLFormControlNumberMaskedElement;
     };
+    interface HTMLFormControlSelectElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlSelectElement extends Components.FormControlSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlSelectElementEventMap>(type: K, listener: (this: HTMLFormControlSelectElement, ev: FormControlSelectCustomEvent<HTMLFormControlSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlSelectElementEventMap>(type: K, listener: (this: HTMLFormControlSelectElement, ev: FormControlSelectCustomEvent<HTMLFormControlSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlSelectElement: {
         prototype: HTMLFormControlSelectElement;
         new (): HTMLFormControlSelectElement;
     };
+    interface HTMLFormControlTextElementEventMap {
+        "formControlInput": any;
+        "formControlBlur": any;
+    }
     interface HTMLFormControlTextElement extends Components.FormControlText, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFormControlTextElementEventMap>(type: K, listener: (this: HTMLFormControlTextElement, ev: FormControlTextCustomEvent<HTMLFormControlTextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFormControlTextElementEventMap>(type: K, listener: (this: HTMLFormControlTextElement, ev: FormControlTextCustomEvent<HTMLFormControlTextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormControlTextElement: {
         prototype: HTMLFormControlTextElement;
@@ -683,7 +758,21 @@ declare global {
         prototype: HTMLJustifiAdditionalQuestionsElement;
         new (): HTMLJustifiAdditionalQuestionsElement;
     };
+    interface HTMLJustifiBankAccountFormElementEventMap {
+        "bankAccountFormReady": any;
+        "ready": any;
+        "bankAccountFormTokenize": { data: any };
+        "bankAccountFormValidate": any;
+    }
     interface HTMLJustifiBankAccountFormElement extends Components.JustifiBankAccountForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiBankAccountFormElementEventMap>(type: K, listener: (this: HTMLJustifiBankAccountFormElement, ev: JustifiBankAccountFormCustomEvent<HTMLJustifiBankAccountFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiBankAccountFormElementEventMap>(type: K, listener: (this: HTMLJustifiBankAccountFormElement, ev: JustifiBankAccountFormCustomEvent<HTMLJustifiBankAccountFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiBankAccountFormElement: {
         prototype: HTMLJustifiBankAccountFormElement;
@@ -795,7 +884,21 @@ declare global {
         prototype: HTMLJustifiBusinessRepresentativeElement;
         new (): HTMLJustifiBusinessRepresentativeElement;
     };
+    interface HTMLJustifiCardFormElementEventMap {
+        "cardFormReady": any;
+        "ready": any;
+        "cardFormTokenize": { data: any };
+        "cardFormValidate": { data: { isValid: boolean } };
+    }
     interface HTMLJustifiCardFormElement extends Components.JustifiCardForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiCardFormElementEventMap>(type: K, listener: (this: HTMLJustifiCardFormElement, ev: JustifiCardFormCustomEvent<HTMLJustifiCardFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiCardFormElementEventMap>(type: K, listener: (this: HTMLJustifiCardFormElement, ev: JustifiCardFormCustomEvent<HTMLJustifiCardFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiCardFormElement: {
         prototype: HTMLJustifiCardFormElement;
@@ -860,24 +963,62 @@ declare global {
         prototype: HTMLJustifiPaymentDetailsElement;
         new (): HTMLJustifiPaymentDetailsElement;
     };
+    interface HTMLJustifiPaymentFormElementEventMap {
+        "submitted": CreatePaymentMethodResponse;
+    }
     interface HTMLJustifiPaymentFormElement extends Components.JustifiPaymentForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPaymentFormElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentFormElement, ev: JustifiPaymentFormCustomEvent<HTMLJustifiPaymentFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPaymentFormElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentFormElement, ev: JustifiPaymentFormCustomEvent<HTMLJustifiPaymentFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiPaymentFormElement: {
         prototype: HTMLJustifiPaymentFormElement;
         new (): HTMLJustifiPaymentFormElement;
     };
+    interface HTMLJustifiPaymentMethodFormElementEventMap {
+        "paymentMethodFormReady": any;
+        "paymentMethodFormValidated": any;
+        "paymentMethodFormTokenized": any;
+    }
     interface HTMLJustifiPaymentMethodFormElement extends Components.JustifiPaymentMethodForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPaymentMethodFormElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodFormElement, ev: JustifiPaymentMethodFormCustomEvent<HTMLJustifiPaymentMethodFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPaymentMethodFormElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodFormElement, ev: JustifiPaymentMethodFormCustomEvent<HTMLJustifiPaymentMethodFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiPaymentMethodFormElement: {
         prototype: HTMLJustifiPaymentMethodFormElement;
         new (): HTMLJustifiPaymentMethodFormElement;
     };
+    interface HTMLJustifiPaymentMethodSelectorElementEventMap {
+        "paymentMethodSelected": any;
+    }
     interface HTMLJustifiPaymentMethodSelectorElement extends Components.JustifiPaymentMethodSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPaymentMethodSelectorElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodSelectorElement, ev: JustifiPaymentMethodSelectorCustomEvent<HTMLJustifiPaymentMethodSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPaymentMethodSelectorElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodSelectorElement, ev: JustifiPaymentMethodSelectorCustomEvent<HTMLJustifiPaymentMethodSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiPaymentMethodSelectorElement: {
         prototype: HTMLJustifiPaymentMethodSelectorElement;
         new (): HTMLJustifiPaymentMethodSelectorElement;
     };
+    interface HTMLJustifiPaymentsListElementEventMap {
+        "payment-row-clicked": Payment;
+    }
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -898,6 +1039,14 @@ declare global {
      * @exportedPart next-button-text: Text for Next button
      */
     interface HTMLJustifiPaymentsListElement extends Components.JustifiPaymentsList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPaymentsListElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentsListElement, ev: JustifiPaymentsListCustomEvent<HTMLJustifiPaymentsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPaymentsListElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentsListElement, ev: JustifiPaymentsListCustomEvent<HTMLJustifiPaymentsListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiPaymentsListElement: {
         prototype: HTMLJustifiPaymentsListElement;
@@ -933,6 +1082,9 @@ declare global {
         prototype: HTMLJustifiPayoutDetailsElement;
         new (): HTMLJustifiPayoutDetailsElement;
     };
+    interface HTMLJustifiPayoutsListElementEventMap {
+        "payout-row-clicked": Payout;
+    }
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -953,11 +1105,22 @@ declare global {
      * @exportedPart next-button-text: Text for Next button
      */
     interface HTMLJustifiPayoutsListElement extends Components.JustifiPayoutsList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPayoutsListElementEventMap>(type: K, listener: (this: HTMLJustifiPayoutsListElement, ev: JustifiPayoutsListCustomEvent<HTMLJustifiPayoutsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPayoutsListElementEventMap>(type: K, listener: (this: HTMLJustifiPayoutsListElement, ev: JustifiPayoutsListCustomEvent<HTMLJustifiPayoutsListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiPayoutsListElement: {
         prototype: HTMLJustifiPayoutsListElement;
         new (): HTMLJustifiPayoutsListElement;
     };
+    interface HTMLJustifiProceedsListElementEventMap {
+        "proceed-row-clicked": Proceed;
+    }
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -978,12 +1141,31 @@ declare global {
      * @exportedPart next-button-text: Text for Next button
      */
     interface HTMLJustifiProceedsListElement extends Components.JustifiProceedsList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiProceedsListElementEventMap>(type: K, listener: (this: HTMLJustifiProceedsListElement, ev: JustifiProceedsListCustomEvent<HTMLJustifiProceedsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiProceedsListElementEventMap>(type: K, listener: (this: HTMLJustifiProceedsListElement, ev: JustifiProceedsListCustomEvent<HTMLJustifiProceedsListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiProceedsListElement: {
         prototype: HTMLJustifiProceedsListElement;
         new (): HTMLJustifiProceedsListElement;
     };
+    interface HTMLJustifiRefundFormElementEventMap {
+        "submitted": RefundFormFields;
+    }
     interface HTMLJustifiRefundFormElement extends Components.JustifiRefundForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiRefundFormElementEventMap>(type: K, listener: (this: HTMLJustifiRefundFormElement, ev: JustifiRefundFormCustomEvent<HTMLJustifiRefundFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiRefundFormElementEventMap>(type: K, listener: (this: HTMLJustifiRefundFormElement, ev: JustifiRefundFormCustomEvent<HTMLJustifiRefundFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiRefundFormElement: {
         prototype: HTMLJustifiRefundFormElement;
@@ -995,7 +1177,18 @@ declare global {
         prototype: HTMLJustifiSubaccountDetailsElement;
         new (): HTMLJustifiSubaccountDetailsElement;
     };
+    interface HTMLJustifiSubaccountsListElementEventMap {
+        "subaccount-row-clicked": SubAccount;
+    }
     interface HTMLJustifiSubaccountsListElement extends Components.JustifiSubaccountsList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiSubaccountsListElementEventMap>(type: K, listener: (this: HTMLJustifiSubaccountsListElement, ev: JustifiSubaccountsListCustomEvent<HTMLJustifiSubaccountsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiSubaccountsListElementEventMap>(type: K, listener: (this: HTMLJustifiSubaccountsListElement, ev: JustifiSubaccountsListCustomEvent<HTMLJustifiSubaccountsListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJustifiSubaccountsListElement: {
         prototype: HTMLJustifiSubaccountsListElement;
@@ -1045,7 +1238,18 @@ declare global {
         prototype: HTMLRepresentativeDetailsElement;
         new (): HTMLRepresentativeDetailsElement;
     };
+    interface HTMLSelectInputElementEventMap {
+        "fieldReceivedInput": { name: string; value: string };
+    }
     interface HTMLSelectInputElement extends Components.SelectInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSelectInputElementEventMap>(type: K, listener: (this: HTMLSelectInputElement, ev: SelectInputCustomEvent<HTMLSelectInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSelectInputElementEventMap>(type: K, listener: (this: HTMLSelectInputElement, ev: SelectInputCustomEvent<HTMLSelectInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSelectInputElement: {
         prototype: HTMLSelectInputElement;
@@ -1087,7 +1291,18 @@ declare global {
         prototype: HTMLSubaccountTermsDetailsElement;
         new (): HTMLSubaccountTermsDetailsElement;
     };
+    interface HTMLTextInputElementEventMap {
+        "fieldReceivedInput": { name: string; value: string };
+    }
     interface HTMLTextInputElement extends Components.TextInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTextInputElementEventMap>(type: K, listener: (this: HTMLTextInputElement, ev: TextInputCustomEvent<HTMLTextInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTextInputElementEventMap>(type: K, listener: (this: HTMLTextInputElement, ev: TextInputCustomEvent<HTMLTextInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLTextInputElement: {
         prototype: HTMLTextInputElement;
@@ -1240,14 +1455,14 @@ declare namespace LocalJSX {
         "onBankAccountFormReady"?: (event: JustifiBankAccountFormCustomEvent<any>) => void;
         /**
           * Triggered when the tokenize method is called on the component
-          * @event justifi-bank-account-form#bankAccountFormTokenize
+          * @event justifi-bank-account-form#bankAccountFormTokenized
          */
         "onBankAccountFormTokenize"?: (event: JustifiBankAccountFormCustomEvent<{ data: any }>) => void;
         /**
           * Triggered when the validate method is called on the component
           * @event justifi-bank-account-form#bankAccountFormValidate
          */
-        "onBankAccountFormValidate"?: (event: JustifiBankAccountFormCustomEvent<{ data: { isValid: boolean } }>) => void;
+        "onBankAccountFormValidate"?: (event: JustifiBankAccountFormCustomEvent<any>) => void;
         /**
           * Triggered when iframe has loaded
           * @event justifi-bank-account-form#ready
@@ -1293,6 +1508,7 @@ declare namespace LocalJSX {
     interface JustifiBusinessForm {
         "authToken"?: string;
         "businessId"?: string;
+        "hideErrors"?: boolean;
     }
     /**
      * @exportedPart label: Label for inputs
@@ -1300,9 +1516,9 @@ declare namespace LocalJSX {
      * @exportedPart input-invalid: Invalid state for inputfs
      */
     interface JustifiBusinessFormStepped {
-        "accountId"?: string;
         "authToken"?: string;
         "businessId"?: string;
+        "hideErrors"?: boolean;
         "testMode"?: boolean;
     }
     /**
@@ -1372,12 +1588,12 @@ declare namespace LocalJSX {
         "onCardFormReady"?: (event: JustifiCardFormCustomEvent<any>) => void;
         /**
           * Triggered when the tokenize method is called on the component
-          * @event justifi-card-form#cardFormTokenize
+          * @event justifi-card-form#cardFormTokenized
          */
         "onCardFormTokenize"?: (event: JustifiCardFormCustomEvent<{ data: any }>) => void;
         /**
           * Triggered when the validate method is called on the component
-          * @event justifi-card-form#cardFormTokenize
+          * @event justifi-card-form#cardFormValidated
          */
         "onCardFormValidate"?: (event: JustifiCardFormCustomEvent<{ data: { isValid: boolean } }>) => void;
         /**
@@ -1455,9 +1671,8 @@ declare namespace LocalJSX {
     interface JustifiPaymentMethodForm {
         "iframeOrigin"?: string;
         "onPaymentMethodFormReady"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
-        "onPaymentMethodFormTokenize"?: (event: JustifiPaymentMethodFormCustomEvent<{
-    data: any;
-  }>) => void;
+        "onPaymentMethodFormTokenized"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
+        "onPaymentMethodFormValidated"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
         "paymentMethodFormType"?: 'card' | 'bankAccount';
         "paymentMethodFormValidationMode"?: | 'onChange'
     | 'onBlur'
@@ -1664,13 +1879,13 @@ declare namespace LocalJSX {
         "data"?: SubaccountBankAccount;
     }
     interface SubaccountMerchantDetails {
-        "onboardingData"?: IOnboardingData;
+        "onboardingData"?: IOnboardingData1;
     }
     interface SubaccountOwnersDetails {
         "data"?: SubAccountIdentity[];
     }
     interface SubaccountRepresentativeDetails {
-        "data"?: SubAccountIdentity;
+        "data"?: SubAccountIdentity1;
     }
     interface SubaccountTermsDetails {
         "data"?: Terms;

package/dist/types/home/runner/work/web-component-library/web-component-library/packages/webcomponents/.stencil/config.d.ts

@@ -0,0 +1,11 @@
+export declare const config: {
+    iframeOrigin: string;
+    proxyApiOrigin: string;
+    proxyAuthToken: string;
+    exampleAccountId: string;
+    exampleBusinessId: string;
+    examplePaymentId: string;
+    examplePayoutId: string;
+    privateApiOrigin: string;
+    privateAuthToken: string;
+};

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

@@ -3,6 +3,16 @@ 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.
@@ -62,7 +72,7 @@ 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 behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * 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 behaviour.
+     * 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;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * 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()`.
@@ -471,7 +490,7 @@ 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 recommendeded to read the children directly, and is preferable to use
+     * 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;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -952,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1115,11 +1140,13 @@ export declare namespace JSXBase {
         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;
@@ -1202,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1210,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;