@justifi/webcomponents 4.2.1-rc.4 → 4.4.0

package/dist/types/components.d.ts

@@ -8,14 +8,29 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
 import { ValidationError } from "yup";
-import { BusinessAddressFormFields } from "./components/business-address/business-address-schema";
+import { FormController } from "./components/form/form";
 import { PaymentMethodTypes } from "./api";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
 export { ValidationError } from "yup";
-export { BusinessAddressFormFields } from "./components/business-address/business-address-schema";
+export { FormController } from "./components/form/form";
 export { PaymentMethodTypes } from "./api";
 export namespace Components {
+    interface FormControlSelect {
+        "defaultValue": string;
+        "error": string;
+        "inputHandler": (name: string, value: string) => void;
+        "label": string;
+        "name": any;
+        "options": { label: string; value: string }[];
+    }
+    interface FormControlText {
+        "defaultValue": string;
+        "error": string;
+        "inputHandler": (name: string, value: string) => void;
+        "label": string;
+        "name": any;
+    }
     interface JustifiBankAccountForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -28,7 +43,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
+        "tokenize": (...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -63,18 +78,38 @@ export namespace Components {
          */
         "validate": () => Promise<{ isValid: boolean; }>;
     }
-    interface JustifiBusinessAddress {
-        "submit": () => Promise<{ isValid: boolean; values: BusinessAddressFormFields; }>;
+    interface JustifiBusinessAddressForm {
+        "defaultValues": any;
+        "errors": any;
+        "onFormUpdate": (values: any) => void;
     }
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
      * @exportedPart input-invalid: Invalid state for inputfs
      */
-    interface JustifiBusinessInfo {
+    interface JustifiBusinessForm {
         "authToken": string;
         "businessId"?: string;
-        "submit": (event: any) => Promise<void>;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessGenericInfo {
+        "formController": FormController;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessOwners {
+        "formController": FormController;
+    }
+    interface JustifiBusinessRepresentative {
+        "formController": FormController;
     }
     interface JustifiCardForm {
         /**
@@ -92,7 +127,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
+        "tokenize": (...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -111,6 +146,7 @@ export namespace Components {
         "enableSubmitButton": () => Promise<void>;
         "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "iframeOrigin"?: string;
+        "loadFontsOnParent": () => Promise<any>;
         "submitButtonText"?: string;
     }
     interface JustifiPaymentMethodForm {
@@ -126,9 +162,47 @@ export namespace Components {
         "paymentMethodTypes": PaymentMethodTypes[];
         "selectedPaymentMethodType": PaymentMethodTypes;
     }
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
     interface JustifiPaymentsList {
         "accountId": string;
-        "auth": { token?: string };
+        "authToken": string;
+    }
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
+    interface JustifiPayoutsList {
+        "accountId": string;
+        "authToken": string;
     }
     interface SelectInput {
         "defaultValue": string;
@@ -144,6 +218,14 @@ export namespace Components {
         "name": string;
     }
 }
+export interface FormControlSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFormControlSelectElement;
+}
+export interface FormControlTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFormControlTextElement;
+}
 export interface JustifiBankAccountFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiBankAccountFormElement;
@@ -173,6 +255,18 @@ export interface TextInputCustomEvent<T> extends CustomEvent<T> {
     target: HTMLTextInputElement;
 }
 declare global {
+    interface HTMLFormControlSelectElement extends Components.FormControlSelect, HTMLStencilElement {
+    }
+    var HTMLFormControlSelectElement: {
+        prototype: HTMLFormControlSelectElement;
+        new (): HTMLFormControlSelectElement;
+    };
+    interface HTMLFormControlTextElement extends Components.FormControlText, HTMLStencilElement {
+    }
+    var HTMLFormControlTextElement: {
+        prototype: HTMLFormControlTextElement;
+        new (): HTMLFormControlTextElement;
+    };
     interface HTMLJustifiBankAccountFormElement extends Components.JustifiBankAccountForm, HTMLStencilElement {
     }
     var HTMLJustifiBankAccountFormElement: {
@@ -190,22 +284,50 @@ declare global {
         prototype: HTMLJustifiBillingFormElement;
         new (): HTMLJustifiBillingFormElement;
     };
-    interface HTMLJustifiBusinessAddressElement extends Components.JustifiBusinessAddress, HTMLStencilElement {
+    interface HTMLJustifiBusinessAddressFormElement extends Components.JustifiBusinessAddressForm, HTMLStencilElement {
+    }
+    var HTMLJustifiBusinessAddressFormElement: {
+        prototype: HTMLJustifiBusinessAddressFormElement;
+        new (): HTMLJustifiBusinessAddressFormElement;
+    };
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiBusinessFormElement extends Components.JustifiBusinessForm, HTMLStencilElement {
+    }
+    var HTMLJustifiBusinessFormElement: {
+        prototype: HTMLJustifiBusinessFormElement;
+        new (): HTMLJustifiBusinessFormElement;
+    };
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiBusinessGenericInfoElement extends Components.JustifiBusinessGenericInfo, HTMLStencilElement {
     }
-    var HTMLJustifiBusinessAddressElement: {
-        prototype: HTMLJustifiBusinessAddressElement;
-        new (): HTMLJustifiBusinessAddressElement;
+    var HTMLJustifiBusinessGenericInfoElement: {
+        prototype: HTMLJustifiBusinessGenericInfoElement;
+        new (): HTMLJustifiBusinessGenericInfoElement;
     };
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
      * @exportedPart input-invalid: Invalid state for inputfs
      */
-    interface HTMLJustifiBusinessInfoElement extends Components.JustifiBusinessInfo, HTMLStencilElement {
+    interface HTMLJustifiBusinessOwnersElement extends Components.JustifiBusinessOwners, HTMLStencilElement {
+    }
+    var HTMLJustifiBusinessOwnersElement: {
+        prototype: HTMLJustifiBusinessOwnersElement;
+        new (): HTMLJustifiBusinessOwnersElement;
+    };
+    interface HTMLJustifiBusinessRepresentativeElement extends Components.JustifiBusinessRepresentative, HTMLStencilElement {
     }
-    var HTMLJustifiBusinessInfoElement: {
-        prototype: HTMLJustifiBusinessInfoElement;
-        new (): HTMLJustifiBusinessInfoElement;
+    var HTMLJustifiBusinessRepresentativeElement: {
+        prototype: HTMLJustifiBusinessRepresentativeElement;
+        new (): HTMLJustifiBusinessRepresentativeElement;
     };
     interface HTMLJustifiCardFormElement extends Components.JustifiCardForm, HTMLStencilElement {
     }
@@ -231,12 +353,52 @@ declare global {
         prototype: HTMLJustifiPaymentMethodSelectorElement;
         new (): HTMLJustifiPaymentMethodSelectorElement;
     };
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
     interface HTMLJustifiPaymentsListElement extends Components.JustifiPaymentsList, HTMLStencilElement {
     }
     var HTMLJustifiPaymentsListElement: {
         prototype: HTMLJustifiPaymentsListElement;
         new (): HTMLJustifiPaymentsListElement;
     };
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
+    interface HTMLJustifiPayoutsListElement extends Components.JustifiPayoutsList, HTMLStencilElement {
+    }
+    var HTMLJustifiPayoutsListElement: {
+        prototype: HTMLJustifiPayoutsListElement;
+        new (): HTMLJustifiPayoutsListElement;
+    };
     interface HTMLSelectInputElement extends Components.SelectInput, HTMLStencilElement {
     }
     var HTMLSelectInputElement: {
@@ -250,20 +412,45 @@ declare global {
         new (): HTMLTextInputElement;
     };
     interface HTMLElementTagNameMap {
+        "form-control-select": HTMLFormControlSelectElement;
+        "form-control-text": HTMLFormControlTextElement;
         "justifi-bank-account-form": HTMLJustifiBankAccountFormElement;
         "justifi-billing-form": HTMLJustifiBillingFormElement;
-        "justifi-business-address": HTMLJustifiBusinessAddressElement;
-        "justifi-business-info": HTMLJustifiBusinessInfoElement;
+        "justifi-business-address-form": HTMLJustifiBusinessAddressFormElement;
+        "justifi-business-form": HTMLJustifiBusinessFormElement;
+        "justifi-business-generic-info": HTMLJustifiBusinessGenericInfoElement;
+        "justifi-business-owners": HTMLJustifiBusinessOwnersElement;
+        "justifi-business-representative": HTMLJustifiBusinessRepresentativeElement;
         "justifi-card-form": HTMLJustifiCardFormElement;
         "justifi-payment-form": HTMLJustifiPaymentFormElement;
         "justifi-payment-method-form": HTMLJustifiPaymentMethodFormElement;
         "justifi-payment-method-selector": HTMLJustifiPaymentMethodSelectorElement;
         "justifi-payments-list": HTMLJustifiPaymentsListElement;
+        "justifi-payouts-list": HTMLJustifiPayoutsListElement;
         "select-input": HTMLSelectInputElement;
         "text-input": HTMLTextInputElement;
     }
 }
 declare namespace LocalJSX {
+    interface FormControlSelect {
+        "defaultValue"?: string;
+        "error"?: string;
+        "inputHandler"?: (name: string, value: string) => void;
+        "label"?: string;
+        "name"?: any;
+        "onFormControlBlur"?: (event: FormControlSelectCustomEvent<any>) => void;
+        "onFormControlInput"?: (event: FormControlSelectCustomEvent<any>) => void;
+        "options"?: { label: string; value: string }[];
+    }
+    interface FormControlText {
+        "defaultValue"?: string;
+        "error"?: string;
+        "inputHandler"?: (name: string, value: string) => void;
+        "label"?: string;
+        "name"?: any;
+        "onFormControlBlur"?: (event: FormControlTextCustomEvent<any>) => void;
+        "onFormControlInput"?: (event: FormControlTextCustomEvent<any>) => void;
+    }
     interface JustifiBankAccountForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -284,6 +471,11 @@ declare namespace LocalJSX {
           * @event justifi-bank-account-form#bankAccountFormValidate
          */
         "onBankAccountFormValidate"?: (event: JustifiBankAccountFormCustomEvent<{ data: { isValid: boolean } }>) => void;
+        /**
+          * Triggered when iframe has loaded
+          * @event justifi-bank-account-form#ready
+         */
+        "onReady"?: (event: JustifiBankAccountFormCustomEvent<any>) => void;
         /**
           * When to trigger validation of the form.
          */
@@ -300,17 +492,39 @@ declare namespace LocalJSX {
          */
         "legend"?: string;
     }
-    interface JustifiBusinessAddress {
+    interface JustifiBusinessAddressForm {
+        "defaultValues"?: any;
+        "errors"?: any;
+        "onFormUpdate"?: (values: any) => void;
     }
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
      * @exportedPart input-invalid: Invalid state for inputfs
      */
-    interface JustifiBusinessInfo {
+    interface JustifiBusinessForm {
         "authToken"?: string;
         "businessId"?: string;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessGenericInfo {
+        "formController"?: FormController;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessOwners {
+        "formController"?: FormController;
+    }
+    interface JustifiBusinessRepresentative {
+        "formController"?: FormController;
+    }
     interface JustifiCardForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -331,6 +545,11 @@ declare namespace LocalJSX {
           * @event justifi-card-form#cardFormTokenize
          */
         "onCardFormValidate"?: (event: JustifiCardFormCustomEvent<{ data: { isValid: boolean } }>) => void;
+        /**
+          * Triggered when iframe has loaded
+          * @event justifi-card-form#ready
+         */
+        "onReady"?: (event: JustifiCardFormCustomEvent<any>) => void;
         /**
           * Boolean indicating if the Card Form should render in a single line
          */
@@ -363,9 +582,47 @@ declare namespace LocalJSX {
         "paymentMethodTypes"?: PaymentMethodTypes[];
         "selectedPaymentMethodType"?: PaymentMethodTypes;
     }
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
     interface JustifiPaymentsList {
         "accountId"?: string;
-        "auth"?: { token?: string };
+        "authToken"?: string;
+    }
+    /**
+     * @exportedPart table-head: Table head
+     * @exportedPart table-head-row: Head row
+     * @exportedPart table-head-cell: Individual head cell
+     * @exportedPart table-body: Body of the table
+     * @exportedPart table-row: Row of the table
+     * @exportedPart table-cell: Individual cell of the table
+     * @exportedPart loading-state-cell: Row for loading state
+     * @exportedPart loading-state-spinner: Spinner element for loading state
+     * @exportedPart error-state: Row for Error state
+     * @exportedPart empty-state: Row for Emtpy state
+     * @exportedPart pagination-bar: Pagination bar
+     * @exportedPart arrow: Both paging buttons
+     * @exportedPart arrow-left: Previous page button
+     * @exportedPart arrow-right: Next page button
+     * @exportedPart arrow-disabled: Disabled state for paging buttons
+     */
+    interface JustifiPayoutsList {
+        "accountId"?: string;
+        "authToken"?: string;
     }
     interface SelectInput {
         "defaultValue"?: string;
@@ -383,15 +640,21 @@ declare namespace LocalJSX {
         "onFieldReceivedInput"?: (event: TextInputCustomEvent<{ name: string; value: string }>) => void;
     }
     interface IntrinsicElements {
+        "form-control-select": FormControlSelect;
+        "form-control-text": FormControlText;
         "justifi-bank-account-form": JustifiBankAccountForm;
         "justifi-billing-form": JustifiBillingForm;
-        "justifi-business-address": JustifiBusinessAddress;
-        "justifi-business-info": JustifiBusinessInfo;
+        "justifi-business-address-form": JustifiBusinessAddressForm;
+        "justifi-business-form": JustifiBusinessForm;
+        "justifi-business-generic-info": JustifiBusinessGenericInfo;
+        "justifi-business-owners": JustifiBusinessOwners;
+        "justifi-business-representative": JustifiBusinessRepresentative;
         "justifi-card-form": JustifiCardForm;
         "justifi-payment-form": JustifiPaymentForm;
         "justifi-payment-method-form": JustifiPaymentMethodForm;
         "justifi-payment-method-selector": JustifiPaymentMethodSelector;
         "justifi-payments-list": JustifiPaymentsList;
+        "justifi-payouts-list": JustifiPayoutsList;
         "select-input": SelectInput;
         "text-input": TextInput;
     }
@@ -400,6 +663,8 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "form-control-select": LocalJSX.FormControlSelect & JSXBase.HTMLAttributes<HTMLFormControlSelectElement>;
+            "form-control-text": LocalJSX.FormControlText & JSXBase.HTMLAttributes<HTMLFormControlTextElement>;
             "justifi-bank-account-form": LocalJSX.JustifiBankAccountForm & JSXBase.HTMLAttributes<HTMLJustifiBankAccountFormElement>;
             /**
              * @exportedPart label: Label for inputs
@@ -407,18 +672,66 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputs
              */
             "justifi-billing-form": LocalJSX.JustifiBillingForm & JSXBase.HTMLAttributes<HTMLJustifiBillingFormElement>;
-            "justifi-business-address": LocalJSX.JustifiBusinessAddress & JSXBase.HTMLAttributes<HTMLJustifiBusinessAddressElement>;
+            "justifi-business-address-form": LocalJSX.JustifiBusinessAddressForm & JSXBase.HTMLAttributes<HTMLJustifiBusinessAddressFormElement>;
             /**
              * @exportedPart label: Label for inputs
              * @exportedPart input: The input fields
              * @exportedPart input-invalid: Invalid state for inputfs
              */
-            "justifi-business-info": LocalJSX.JustifiBusinessInfo & JSXBase.HTMLAttributes<HTMLJustifiBusinessInfoElement>;
+            "justifi-business-form": LocalJSX.JustifiBusinessForm & JSXBase.HTMLAttributes<HTMLJustifiBusinessFormElement>;
+            /**
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-business-generic-info": LocalJSX.JustifiBusinessGenericInfo & JSXBase.HTMLAttributes<HTMLJustifiBusinessGenericInfoElement>;
+            /**
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-business-owners": LocalJSX.JustifiBusinessOwners & JSXBase.HTMLAttributes<HTMLJustifiBusinessOwnersElement>;
+            "justifi-business-representative": LocalJSX.JustifiBusinessRepresentative & JSXBase.HTMLAttributes<HTMLJustifiBusinessRepresentativeElement>;
             "justifi-card-form": LocalJSX.JustifiCardForm & JSXBase.HTMLAttributes<HTMLJustifiCardFormElement>;
             "justifi-payment-form": LocalJSX.JustifiPaymentForm & JSXBase.HTMLAttributes<HTMLJustifiPaymentFormElement>;
             "justifi-payment-method-form": LocalJSX.JustifiPaymentMethodForm & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodFormElement>;
             "justifi-payment-method-selector": LocalJSX.JustifiPaymentMethodSelector & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodSelectorElement>;
+            /**
+             * @exportedPart table-head: Table head
+             * @exportedPart table-head-row: Head row
+             * @exportedPart table-head-cell: Individual head cell
+             * @exportedPart table-body: Body of the table
+             * @exportedPart table-row: Row of the table
+             * @exportedPart table-cell: Individual cell of the table
+             * @exportedPart loading-state-cell: Row for loading state
+             * @exportedPart loading-state-spinner: Spinner element for loading state
+             * @exportedPart error-state: Row for Error state
+             * @exportedPart empty-state: Row for Emtpy state
+             * @exportedPart pagination-bar: Pagination bar
+             * @exportedPart arrow: Both paging buttons
+             * @exportedPart arrow-left: Previous page button
+             * @exportedPart arrow-right: Next page button
+             * @exportedPart arrow-disabled: Disabled state for paging buttons
+             */
             "justifi-payments-list": LocalJSX.JustifiPaymentsList & JSXBase.HTMLAttributes<HTMLJustifiPaymentsListElement>;
+            /**
+             * @exportedPart table-head: Table head
+             * @exportedPart table-head-row: Head row
+             * @exportedPart table-head-cell: Individual head cell
+             * @exportedPart table-body: Body of the table
+             * @exportedPart table-row: Row of the table
+             * @exportedPart table-cell: Individual cell of the table
+             * @exportedPart loading-state-cell: Row for loading state
+             * @exportedPart loading-state-spinner: Spinner element for loading state
+             * @exportedPart error-state: Row for Error state
+             * @exportedPart empty-state: Row for Emtpy state
+             * @exportedPart pagination-bar: Pagination bar
+             * @exportedPart arrow: Both paging buttons
+             * @exportedPart arrow-left: Previous page button
+             * @exportedPart arrow-right: Next page button
+             * @exportedPart arrow-disabled: Disabled state for paging buttons
+             */
+            "justifi-payouts-list": LocalJSX.JustifiPayoutsList & JSXBase.HTMLAttributes<HTMLJustifiPayoutsListElement>;
             "select-input": LocalJSX.SelectInput & JSXBase.HTMLAttributes<HTMLSelectInputElement>;
             "text-input": LocalJSX.TextInput & JSXBase.HTMLAttributes<HTMLTextInputElement>;
         }

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

@@ -432,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -930,6 +930,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1131,6 +1133,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1141,6 +1145,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1287,7 +1293,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1617,8 +1623,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/utils/utils.d.ts

@@ -2,3 +2,4 @@ export declare function formatCurrency(amount: number, withSymbol?: boolean): st
 export declare function formatDate(dateString: string | Date): string;
 export declare function formatTime(dateString: string): string;
 export declare function formatTimeSeconds(dateString: string): string;
+export declare function extractComputedFontsToLoad(): string;