@verdocs/web-sdk 2.3.87 → 4.0.5

package/dist/types/components.d.ts

@@ -5,40 +5,46 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { VerdocsEndpoint } from "@verdocs/js-sdk";
+import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IProfile, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { SDKError } from "./utils/errors";
-import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
-import { IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TTemplateSender } from "@verdocs/js-sdk/Templates/Types";
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
 import { IOption } from "./components/controls/verdocs-floating-menu/verdocs-floating-menu";
-import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
 import { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
 import { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
-import { IProfile } from "@verdocs/js-sdk/Users/Types";
 import { IColumn } from "./components/controls/verdocs-table/verdocs-table";
 import { ITab } from "./components/controls/verdocs-tabs/verdocs-tabs";
 import { TVerdocsBuildStep as TVerdocsBuildStep1 } from "./components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs";
-import { IGetTemplateSummarySortBy } from "@verdocs/js-sdk/Templates/Templates";
 import { TAllowedTemplateAction } from "./components/templates/verdocs-templates-list/verdocs-templates-list";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { Placement } from "@popperjs/core/lib/enums";
-import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
+export { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IProfile, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
+export { SDKError } from "./utils/errors";
+export { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
+export { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
+export { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
+export { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
+export { IDocumentPageInfo, IPageLayer } from "./utils/Types";
+export { IOption } from "./components/controls/verdocs-floating-menu/verdocs-floating-menu";
+export { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
+export { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
+export { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
+export { IColumn } from "./components/controls/verdocs-table/verdocs-table";
+export { ITab } from "./components/controls/verdocs-tabs/verdocs-tabs";
+export { TVerdocsBuildStep as TVerdocsBuildStep1 } from "./components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs";
+export { TAllowedTemplateAction } from "./components/templates/verdocs-templates-list/verdocs-templates-list";
+export { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
+export { Placement } from "@popperjs/core/lib/enums";
 export namespace Components {
-    interface IpcTest {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-        /**
-          * The template ID to edit.
-         */
-        "templateId": string;
-    }
+    /**
+     * Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number
+     * of items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps
+     * them appear more visually balanced.
+     */
     interface VerdocsActivityBox {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -57,6 +63,29 @@ export namespace Components {
          */
         "view"?: 'completed' | 'action' | 'waiting';
     }
+    /**
+     * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that
+     * occur during the process (especially successful completion). If the user is already authenticated with a valid
+     * session, this component will hide itself and fire the success callback immediately. It is up to the host application
+     * to render the next appropriate view for the application.
+     * To simplify some types of authentication flows, a visibility flag can force this component to never display. This
+     * allows you to susbcribe to notifications from the
+     * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide
+     * container to allow sufficient space for the required forms.
+     * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after
+     * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or
+     * cancels) authentication steps.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     * ```typescript
+     * interface IAuthStatus {
+     *   // If true, the user is authenticated with a valid session
+     *   authenticated: boolean;
+     *   // Details for the user's session
+     *   session: IActiveSession | null;
+     * }
+     * ```
+     */
     interface VerdocsAuth {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -71,6 +100,9 @@ export namespace Components {
          */
         "visible": boolean;
     }
+    /**
+     * Display a template building experience.
+     */
     interface VerdocsBuild {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -85,6 +117,21 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * Display a simple button.
+     * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
+     * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
+     * (Auth uses text buttons for the Forgot Password and Sign Up options.)
+     * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
+     * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
+     * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
+     * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
+     * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
+     * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+     * ```html
+     * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -115,6 +162,15 @@ export namespace Components {
          */
         "variant": 'standard' | 'text' | 'outline';
     }
+    /**
+     * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+     * displayed.
+     * ```html
+     * <verdocs-button-panel icon="<svg.../>">
+     *   <div class="content">...</div>
+     * </verdocs-button-panel>
+     * ```
+     */
     interface VerdocsButtonPanel {
         "hidePanel": () => Promise<void>;
         /**
@@ -124,6 +180,21 @@ export namespace Components {
         "showPanel": () => Promise<void>;
         "toggle": () => Promise<void>;
     }
+    /**
+     * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
+     * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+     * box for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-checkbox
+     *    value="on"
+     *    name="thingEnabled"
+     *    checked={this.thingEnabled}
+     *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+     * />
+     * ```
+     */
     interface VerdocsCheckbox {
         /**
           * Whether the radio button is currently selected.
@@ -150,12 +221,23 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Render a simple error message.
+     */
     interface VerdocsComponentError {
         /**
           * The message to display.
          */
         "message": string;
     }
+    /**
+     * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
+     * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the
+     * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.
+     * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be
+     * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as "Recently Used" contacts, or
+     * to always display the user's own contact record.
+     */
     interface VerdocsContactPicker {
         /**
           * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number of suggestions be limited to the 5 best matching records.
@@ -170,14 +252,37 @@ export namespace Components {
          */
         "templateRole": IRole | null;
     }
+    /**
+     * Display a simple dialog where the contents are provided via slots.
+     */
     interface VerdocsDialog {
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * The menu options to display.
          */
         "options": IMenuOption[];
     }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface VerdocsEnvelopeDocumentPage {
         /**
           * The ID of the document to display.
@@ -209,6 +314,10 @@ export namespace Components {
          */
         "virtualWidth": number;
     }
+    /**
+     * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+     * signing link for that recipient to use.
+     */
     interface VerdocsEnvelopeRecipientLink {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -223,6 +332,9 @@ export namespace Components {
          */
         "roleName": string;
     }
+    /**
+     * Displays a list of recipients with options to get in-person signing links for each one.
+     */
     interface VerdocsEnvelopeRecipientSummary {
         /**
           * Enable or disable the Done button.
@@ -245,6 +357,10 @@ export namespace Components {
          */
         "envelopeId": string;
     }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface VerdocsEnvelopeSidebar {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -255,6 +371,9 @@ export namespace Components {
          */
         "envelopeId": string;
     }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface VerdocsEnvelopesList {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -289,6 +408,9 @@ export namespace Components {
          */
         "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
     }
+    /**
+     * Displays an attachment field.
+     */
     interface VerdocsFieldAttachment {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -330,6 +452,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a checkbox.
+     */
     interface VerdocsFieldCheckbox {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -374,6 +499,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a date field. When tapped or clicked, the input element will display a date picker component.
+     */
     interface VerdocsFieldDate {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -419,6 +547,10 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface VerdocsFieldDropdown {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -460,6 +592,10 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt an initial.
+     */
     interface VerdocsFieldInitial {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -505,6 +641,10 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface VerdocsFieldPayment {
         "currentInitial": string;
         "currentInitialId": string;
@@ -550,6 +690,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a radio button.
+     */
     interface VerdocsFieldRadioButton {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -594,6 +737,10 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt a signature.
+     */
     interface VerdocsFieldSignature {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -639,6 +786,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a multi-line text input field.
+     */
     interface VerdocsFieldTextarea {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -684,6 +834,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a text input field.
+     */
     interface VerdocsFieldTextbox {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -729,6 +882,9 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a timestamp field.
+     */
     interface VerdocsFieldTimestamp {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -770,18 +926,30 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface VerdocsFloatingMenu {
         /**
           * The role that this contact will be assigned to.
          */
         "options": IOption[];
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsHelpIcon {
         /**
           * Optional icon to display. If not supplied, a standard help icon will be shown.
@@ -792,12 +960,21 @@ export namespace Components {
          */
         "text": string;
     }
+    /**
+     * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their initials with a mouse or tablet.
+     */
     interface VerdocsInitialDialog {
         /**
           * Initial signature text
          */
         "initials": string;
     }
+    /**
+     * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface VerdocsKbaDialog {
         /**
           * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
@@ -832,8 +1009,16 @@ export namespace Components {
          */
         "steps": number;
     }
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface VerdocsLoader {
     }
+    /**
+     * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface VerdocsOkDialog {
         /**
           * Override the "OK" button's label
@@ -852,12 +1037,18 @@ export namespace Components {
          */
         "showCancel": boolean;
     }
+    /**
+     * Display a small summary card describing an organization
+     */
     interface VerdocsOrganizationCard {
         /**
           * The organization to display
          */
         "organization": IOrganization;
     }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface VerdocsPagination {
         /**
           * The total number of items.
@@ -872,6 +1063,14 @@ export namespace Components {
          */
         "selectedPage": number;
     }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface VerdocsPortal {
         /**
           * Horizontal alignment.
@@ -886,6 +1085,11 @@ export namespace Components {
          */
         "voffset": number;
     }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -896,6 +1100,9 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * Displays a summary of a template
+     */
     interface VerdocsProgressBar {
         /**
           * Optional label to display above the bar
@@ -910,6 +1117,9 @@ export namespace Components {
          */
         "showPercent": boolean;
     }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface VerdocsQuickFilter {
         "label": string;
         /**
@@ -919,12 +1129,33 @@ export namespace Components {
         "placeholder": string;
         "value": string;
     }
+    /**
+     * Display quick-function buttons for creating templates and documents.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+     * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+     * simple radio button for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-radio-button
+     *    value="val1"
+     *    name="someProperty"
+     *    checked={this.someProperty === 'val1'}
+     *    onInput={(e: any) => { this.someProperty = 'val1' }}
+     *    disabled={false}
+     * />
+     * ```
+     */
     interface VerdocsRadioButton {
         /**
           * Whether the radio button is currently selected.
@@ -949,6 +1180,11 @@ export namespace Components {
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a customizable input box for search queries.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface VerdocsSearchBox {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -974,6 +1210,11 @@ export namespace Components {
     }
     interface VerdocsSearchTabs {
     }
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface VerdocsSelectInput {
         /**
           * Should the field be disabled?
@@ -992,6 +1233,14 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Display a form to collect recipient information for a new Envelope. If used anonymously, the specified `templateId` must be public.
+     * Because most applications have custom workflow requirements to trigger after sending an Envelope, this component does not actually
+     * perform that operation. Parent applications should listen for the `onSend` event, and can pass the contents of `event.detail`
+     * directly to the `createEnvelope()` call in JS-SDK.
+     * Host applications should ensure the template is "sendable" before displaying this component. To be sendable, a template must have
+     * at least one document attached, at least one participant defined, and at least one field assigned to every "signer" participant.
+     */
     interface VerdocsSend {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1007,36 +1256,68 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface VerdocsSettings {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a settings form that allows the user to manage their API keys.
+     */
     interface VerdocsSettingsApiKeys {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsMembers {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsOrganization {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsProfile {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Display an envelope signing experience. This will display the envelope's attached
+     * documents with signing fields overlaid on each page.
+     * The component will attempt to initiate a signing session and load the specified
+     * envelope. If successful, the recipient's fields will be enabled and the user will
+     * be able to sign the envelope's attached documents. If not, an `sdkError` will be
+     * thrown and the component will be blank/empty. To provide the best user experience,
+     * applications should capture and handle this error to provide the user with
+     * instructions/options for next steps based on the application's design and workflow.
+     * Unlike other components, this will always create its own endpoint to manage the
+     * session session. This endpoint will be included in event callbacks for the
+     * convenience of host applications that may wish to make server calls using the
+     * signer's credentials once signing is complete (e.g. to obtain copies of
+     * the signed attachments.)
+     */
     interface VerdocsSign {
         /**
           * The ID of the envelope to sign.
@@ -1055,16 +1336,30 @@ export namespace Components {
          */
         "roleId": string | null;
     }
+    /**
+     * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their signature with a mouse or tablet.
+     */
     interface VerdocsSignatureDialog {
         /**
           * Initial signature text
          */
         "name": string;
     }
+    /**
+     * Display a small loading spinner.
+     */
     interface VerdocsSpinner {
         "mode": 'light' | 'dark';
         "size": number;
     }
+    /**
+     * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
+     * directly as a status field or the whole document object may be passed in.
+     * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
+     * to display a popup panel with per-recipient status data.
+     * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+     */
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -1083,6 +1378,10 @@ export namespace Components {
          */
         "theme"?: 'dark' | 'light';
     }
+    /**
+     * Display a simple table of data. Columns and data cells may have custom renderers defined to
+     * support creating interactive table layouts.
+     */
     interface VerdocsTable {
         /**
           * The columns to display
@@ -1093,6 +1392,10 @@ export namespace Components {
          */
         "data": any[];
     }
+    /**
+     * Display a simple row of selectable tabs. This is a controlled element.
+     * The parent must adjust selectedTab as selection events are fired.
+     */
     interface VerdocsTabs {
         /**
           * The index of the tab to show selected.
@@ -1103,6 +1406,10 @@ export namespace Components {
          */
         "tabs": ITab[];
     }
+    /**
+     * Displays an edit form that allows the user to view, add, or remove a template's attachments.
+     * Note that an active session and valid template ID must be supplied.
+     */
     interface VerdocsTemplateAttachments {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1113,6 +1420,9 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Display a set of tabs for the template builder.
+     */
     interface VerdocsTemplateBuildTabs {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1121,24 +1431,36 @@ export namespace Components {
         /**
           * The step in the creation process to display.
          */
-        "step": TVerdocsBuildStep;
+        "step": TVerdocsBuildStep1;
         /**
           * The ID of the template to create the document from. Unlike most other components, this is an optional parameter here. If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process. If it is not specified, `step` will be ignored and the create step will be shown.
          */
         "templateId": string | null;
     }
+    /**
+     * Displays a summary of a template
+     */
     interface VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
          */
         "template": ITemplate;
     }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface VerdocsTemplateCreate {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface VerdocsTemplateDocumentPage {
         /**
           * Whether the fields should be disabled (Builder)
@@ -1181,6 +1503,9 @@ export namespace Components {
          */
         "virtualWidth": number;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a field's settings.
+     */
     interface VerdocsTemplateFieldProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1199,6 +1524,10 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to
+     * present all of the required controls, so it is primarily intended to be used in desktop environments.
+     */
     interface VerdocsTemplateFields {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1213,6 +1542,9 @@ export namespace Components {
          */
         "toolbarTargetId": string | null;
     }
+    /**
+     * Displays an edit form that allows the user to rename a template. Note that an active session and valid template ID must be supplied.
+     */
     interface VerdocsTemplateName {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1223,6 +1555,9 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's reminders.
+     */
     interface VerdocsTemplateReminders {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1233,6 +1568,9 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Display an edit form that allows the user to adjust a role's setitngs.
+     */
     interface VerdocsTemplateRoleProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1245,12 +1583,15 @@ export namespace Components {
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "sender": TTemplateSender;
+        "sender": TTemplateSenderType;
         /**
           * The template ID to edit.
          */
         "templateId": string;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's roles and workflow.
+     */
     interface VerdocsTemplateRoles {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1261,6 +1602,9 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Display a dialog that allows a template sender to be selected.
+     */
     interface VerdocsTemplateSender {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1269,12 +1613,15 @@ export namespace Components {
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "sender": TTemplateSender;
+        "sender": TTemplateSenderType;
         /**
           * The template ID to edit.
          */
         "templateId": string;
     }
+    /**
+     * Displays a clickable star that allows users to mark frequently-used templates.
+     */
     interface VerdocsTemplateStar {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1285,12 +1632,18 @@ export namespace Components {
          */
         "template": ITemplate;
     }
+    /**
+     * Displays a message listing a template's tags.
+     */
     interface VerdocsTemplateTags {
         /**
           * The tags to display
          */
         "tags": any[];
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's visibility.
+     */
     interface VerdocsTemplateVisibility {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1301,6 +1654,9 @@ export namespace Components {
          */
         "templateId": string;
     }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface VerdocsTemplatesList {
         /**
           * Override the If set, filter templates by the specified name.
@@ -1339,6 +1695,11 @@ export namespace Components {
          */
         "starred": 'all' | 'starred' | 'unstarred';
     }
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -1381,6 +1742,9 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Displays a label and a set of buttons, also allowing a default selection of a button
+     */
     interface VerdocsToggle {
         /**
           * The tags to display
@@ -1391,6 +1755,9 @@ export namespace Components {
          */
         "theme": 'light' | 'dark';
     }
+    /**
+     * Displays a single button that can be toggled on or off by clicking it.
+     */
     interface VerdocsToggleButton {
         "active": boolean;
         /**
@@ -1406,6 +1773,9 @@ export namespace Components {
          */
         "size"?: 'small' | 'normal';
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsToolbarIcon {
         /**
           * SVG icon to display
@@ -1420,8 +1790,16 @@ export namespace Components {
          */
         "text": string;
     }
+    /**
+     * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by
+     * callers with a variety of workflows. Instead, data about the chosen file will be passed to the
+     * caller via the onNext event handler.
+     */
     interface VerdocsUploadDialog {
     }
+    /**
+     * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.
+     */
     interface VerdocsView {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1678,252 +2056,877 @@ export interface VerdocsViewCustomEvent<T> extends CustomEvent<T> {
     target: HTMLVerdocsViewElement;
 }
 declare global {
-    interface HTMLIpcTestElement extends Components.IpcTest, HTMLStencilElement {
-    }
-    var HTMLIpcTestElement: {
-        prototype: HTMLIpcTestElement;
-        new (): HTMLIpcTestElement;
-    };
+    interface HTMLVerdocsActivityBoxElementEventMap {
+        "sdkError": SDKError;
+        "viewEnvelope": {endpoint: VerdocsEndpoint; entry: IActivityEntry};
+        "viewAll": {endpoint: VerdocsEndpoint; view: string};
+    }
+    /**
+     * Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number
+     * of items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps
+     * them appear more visually balanced.
+     */
     interface HTMLVerdocsActivityBoxElement extends Components.VerdocsActivityBox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsActivityBoxElementEventMap>(type: K, listener: (this: HTMLVerdocsActivityBoxElement, ev: VerdocsActivityBoxCustomEvent<HTMLVerdocsActivityBoxElementEventMap[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 HTMLVerdocsActivityBoxElementEventMap>(type: K, listener: (this: HTMLVerdocsActivityBoxElement, ev: VerdocsActivityBoxCustomEvent<HTMLVerdocsActivityBoxElementEventMap[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 HTMLVerdocsActivityBoxElement: {
         prototype: HTMLVerdocsActivityBoxElement;
         new (): HTMLVerdocsActivityBoxElement;
     };
+    interface HTMLVerdocsAuthElementEventMap {
+        "authenticated": IAuthStatus;
+        "sdkError": SDKError;
+    }
+    /**
+     * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that
+     * occur during the process (especially successful completion). If the user is already authenticated with a valid
+     * session, this component will hide itself and fire the success callback immediately. It is up to the host application
+     * to render the next appropriate view for the application.
+     * To simplify some types of authentication flows, a visibility flag can force this component to never display. This
+     * allows you to susbcribe to notifications from the
+     * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide
+     * container to allow sufficient space for the required forms.
+     * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after
+     * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or
+     * cancels) authentication steps.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     * ```typescript
+     * interface IAuthStatus {
+     *   // If true, the user is authenticated with a valid session
+     *   authenticated: boolean;
+     *   // Details for the user's session
+     *   session: IActiveSession | null;
+     * }
+     * ```
+     */
     interface HTMLVerdocsAuthElement extends Components.VerdocsAuth, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsAuthElementEventMap>(type: K, listener: (this: HTMLVerdocsAuthElement, ev: VerdocsAuthCustomEvent<HTMLVerdocsAuthElementEventMap[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 HTMLVerdocsAuthElementEventMap>(type: K, listener: (this: HTMLVerdocsAuthElement, ev: VerdocsAuthCustomEvent<HTMLVerdocsAuthElementEventMap[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 HTMLVerdocsAuthElement: {
         prototype: HTMLVerdocsAuthElement;
         new (): HTMLVerdocsAuthElement;
     };
+    interface HTMLVerdocsBuildElementEventMap {
+        "sdkError": SDKError;
+        "stepChanged": TVerdocsBuildStep;
+        "send": {roles: ICreateEnvelopeRole[]; name: string; template_id: string};
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+        "templateCreated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+        "rolesUpdated": {endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]};
+    }
+    /**
+     * Display a template building experience.
+     */
     interface HTMLVerdocsBuildElement extends Components.VerdocsBuild, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsBuildElementEventMap>(type: K, listener: (this: HTMLVerdocsBuildElement, ev: VerdocsBuildCustomEvent<HTMLVerdocsBuildElementEventMap[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 HTMLVerdocsBuildElementEventMap>(type: K, listener: (this: HTMLVerdocsBuildElement, ev: VerdocsBuildCustomEvent<HTMLVerdocsBuildElementEventMap[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 HTMLVerdocsBuildElement: {
         prototype: HTMLVerdocsBuildElement;
         new (): HTMLVerdocsBuildElement;
     };
+    /**
+     * Display a simple button.
+     * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
+     * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
+     * (Auth uses text buttons for the Forgot Password and Sign Up options.)
+     * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
+     * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
+     * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
+     * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
+     * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
+     * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+     * ```html
+     * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+     * ```
+     */
     interface HTMLVerdocsButtonElement extends Components.VerdocsButton, HTMLStencilElement {
     }
     var HTMLVerdocsButtonElement: {
         prototype: HTMLVerdocsButtonElement;
         new (): HTMLVerdocsButtonElement;
     };
+    /**
+     * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+     * displayed.
+     * ```html
+     * <verdocs-button-panel icon="<svg.../>">
+     *   <div class="content">...</div>
+     * </verdocs-button-panel>
+     * ```
+     */
     interface HTMLVerdocsButtonPanelElement extends Components.VerdocsButtonPanel, HTMLStencilElement {
     }
     var HTMLVerdocsButtonPanelElement: {
         prototype: HTMLVerdocsButtonPanelElement;
         new (): HTMLVerdocsButtonPanelElement;
     };
+    /**
+     * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
+     * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+     * box for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-checkbox
+     *    value="on"
+     *    name="thingEnabled"
+     *    checked={this.thingEnabled}
+     *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+     * />
+     * ```
+     */
     interface HTMLVerdocsCheckboxElement extends Components.VerdocsCheckbox, HTMLStencilElement {
     }
     var HTMLVerdocsCheckboxElement: {
         prototype: HTMLVerdocsCheckboxElement;
         new (): HTMLVerdocsCheckboxElement;
     };
+    /**
+     * Render a simple error message.
+     */
     interface HTMLVerdocsComponentErrorElement extends Components.VerdocsComponentError, HTMLStencilElement {
     }
     var HTMLVerdocsComponentErrorElement: {
         prototype: HTMLVerdocsComponentErrorElement;
         new (): HTMLVerdocsComponentErrorElement;
     };
+    interface HTMLVerdocsContactPickerElementEventMap {
+        "searchContacts": IContactSearchEvent;
+        "exit": any;
+        "next": IContactSelectEvent;
+    }
+    /**
+     * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
+     * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the
+     * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.
+     * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be
+     * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as "Recently Used" contacts, or
+     * to always display the user's own contact record.
+     */
     interface HTMLVerdocsContactPickerElement extends Components.VerdocsContactPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsContactPickerElementEventMap>(type: K, listener: (this: HTMLVerdocsContactPickerElement, ev: VerdocsContactPickerCustomEvent<HTMLVerdocsContactPickerElementEventMap[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 HTMLVerdocsContactPickerElementEventMap>(type: K, listener: (this: HTMLVerdocsContactPickerElement, ev: VerdocsContactPickerCustomEvent<HTMLVerdocsContactPickerElementEventMap[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 HTMLVerdocsContactPickerElement: {
         prototype: HTMLVerdocsContactPickerElement;
         new (): HTMLVerdocsContactPickerElement;
     };
+    interface HTMLVerdocsDialogElementEventMap {
+        "exit": any;
+    }
+    /**
+     * Display a simple dialog where the contents are provided via slots.
+     */
     interface HTMLVerdocsDialogElement extends Components.VerdocsDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsDialogElement, ev: VerdocsDialogCustomEvent<HTMLVerdocsDialogElementEventMap[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 HTMLVerdocsDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsDialogElement, ev: VerdocsDialogCustomEvent<HTMLVerdocsDialogElementEventMap[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 HTMLVerdocsDialogElement: {
         prototype: HTMLVerdocsDialogElement;
         new (): HTMLVerdocsDialogElement;
     };
+    interface HTMLVerdocsDropdownElementEventMap {
+        "optionSelected": IMenuOption;
+    }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface HTMLVerdocsDropdownElement extends Components.VerdocsDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsDropdownElement, ev: VerdocsDropdownCustomEvent<HTMLVerdocsDropdownElementEventMap[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 HTMLVerdocsDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsDropdownElement, ev: VerdocsDropdownCustomEvent<HTMLVerdocsDropdownElementEventMap[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 HTMLVerdocsDropdownElement: {
         prototype: HTMLVerdocsDropdownElement;
         new (): HTMLVerdocsDropdownElement;
     };
+    interface HTMLVerdocsEnvelopeDocumentPageElementEventMap {
+        "pageRendered": IDocumentPageInfo;
+    }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface HTMLVerdocsEnvelopeDocumentPageElement extends Components.VerdocsEnvelopeDocumentPage, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsEnvelopeDocumentPageElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeDocumentPageElement, ev: VerdocsEnvelopeDocumentPageCustomEvent<HTMLVerdocsEnvelopeDocumentPageElementEventMap[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 HTMLVerdocsEnvelopeDocumentPageElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeDocumentPageElement, ev: VerdocsEnvelopeDocumentPageCustomEvent<HTMLVerdocsEnvelopeDocumentPageElementEventMap[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 HTMLVerdocsEnvelopeDocumentPageElement: {
         prototype: HTMLVerdocsEnvelopeDocumentPageElement;
         new (): HTMLVerdocsEnvelopeDocumentPageElement;
     };
+    interface HTMLVerdocsEnvelopeRecipientLinkElementEventMap {
+        "next": {envelope: IEnvelope};
+        "sdkError": SDKError;
+    }
+    /**
+     * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+     * signing link for that recipient to use.
+     */
     interface HTMLVerdocsEnvelopeRecipientLinkElement extends Components.VerdocsEnvelopeRecipientLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsEnvelopeRecipientLinkElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeRecipientLinkElement, ev: VerdocsEnvelopeRecipientLinkCustomEvent<HTMLVerdocsEnvelopeRecipientLinkElementEventMap[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 HTMLVerdocsEnvelopeRecipientLinkElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeRecipientLinkElement, ev: VerdocsEnvelopeRecipientLinkCustomEvent<HTMLVerdocsEnvelopeRecipientLinkElementEventMap[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 HTMLVerdocsEnvelopeRecipientLinkElement: {
         prototype: HTMLVerdocsEnvelopeRecipientLinkElement;
         new (): HTMLVerdocsEnvelopeRecipientLinkElement;
     };
+    interface HTMLVerdocsEnvelopeRecipientSummaryElementEventMap {
+        "another": {envelope: IEnvelope};
+        "view": {envelope: IEnvelope};
+        "next": {envelope: IEnvelope};
+        "sdkError": SDKError;
+    }
+    /**
+     * Displays a list of recipients with options to get in-person signing links for each one.
+     */
     interface HTMLVerdocsEnvelopeRecipientSummaryElement extends Components.VerdocsEnvelopeRecipientSummary, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsEnvelopeRecipientSummaryElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeRecipientSummaryElement, ev: VerdocsEnvelopeRecipientSummaryCustomEvent<HTMLVerdocsEnvelopeRecipientSummaryElementEventMap[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 HTMLVerdocsEnvelopeRecipientSummaryElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeRecipientSummaryElement, ev: VerdocsEnvelopeRecipientSummaryCustomEvent<HTMLVerdocsEnvelopeRecipientSummaryElementEventMap[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 HTMLVerdocsEnvelopeRecipientSummaryElement: {
         prototype: HTMLVerdocsEnvelopeRecipientSummaryElement;
         new (): HTMLVerdocsEnvelopeRecipientSummaryElement;
     };
+    interface HTMLVerdocsEnvelopeSidebarElementEventMap {
+        "sdkError": SDKError;
+        "envelopeUpdated": {endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string};
+        "toggle": {open: boolean};
+        "another": {envelope: IEnvelope};
+    }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface HTMLVerdocsEnvelopeSidebarElement extends Components.VerdocsEnvelopeSidebar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsEnvelopeSidebarElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeSidebarElement, ev: VerdocsEnvelopeSidebarCustomEvent<HTMLVerdocsEnvelopeSidebarElementEventMap[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 HTMLVerdocsEnvelopeSidebarElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopeSidebarElement, ev: VerdocsEnvelopeSidebarCustomEvent<HTMLVerdocsEnvelopeSidebarElementEventMap[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 HTMLVerdocsEnvelopeSidebarElement: {
         prototype: HTMLVerdocsEnvelopeSidebarElement;
         new (): HTMLVerdocsEnvelopeSidebarElement;
     };
+    interface HTMLVerdocsEnvelopesListElementEventMap {
+        "changeView": 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
+        "changeStatus": TEnvelopeStatus | 'all';
+        "changeSort": 'name' | 'created_at' | 'updated_at' | 'canceled_at' | 'status';
+        "changeMatch": string;
+        "sdkError": SDKError;
+        "viewEnvelope": {endpoint: VerdocsEndpoint; envelope: IEnvelope};
+        "finishEnvelope": {endpoint: VerdocsEndpoint; envelope: IEnvelope};
+    }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface HTMLVerdocsEnvelopesListElement extends Components.VerdocsEnvelopesList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsEnvelopesListElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopesListElement, ev: VerdocsEnvelopesListCustomEvent<HTMLVerdocsEnvelopesListElementEventMap[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 HTMLVerdocsEnvelopesListElementEventMap>(type: K, listener: (this: HTMLVerdocsEnvelopesListElement, ev: VerdocsEnvelopesListCustomEvent<HTMLVerdocsEnvelopesListElementEventMap[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 HTMLVerdocsEnvelopesListElement: {
         prototype: HTMLVerdocsEnvelopesListElement;
         new (): HTMLVerdocsEnvelopesListElement;
     };
+    interface HTMLVerdocsFieldAttachmentElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+        "attached": {data: string; lastModified: number; name: string; size: number; type: string};
+    }
+    /**
+     * Displays an attachment field.
+     */
     interface HTMLVerdocsFieldAttachmentElement extends Components.VerdocsFieldAttachment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldAttachmentElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldAttachmentElement, ev: VerdocsFieldAttachmentCustomEvent<HTMLVerdocsFieldAttachmentElementEventMap[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 HTMLVerdocsFieldAttachmentElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldAttachmentElement, ev: VerdocsFieldAttachmentCustomEvent<HTMLVerdocsFieldAttachmentElementEventMap[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 HTMLVerdocsFieldAttachmentElement: {
         prototype: HTMLVerdocsFieldAttachmentElement;
         new (): HTMLVerdocsFieldAttachmentElement;
     };
+    interface HTMLVerdocsFieldCheckboxElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a checkbox.
+     */
     interface HTMLVerdocsFieldCheckboxElement extends Components.VerdocsFieldCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldCheckboxElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldCheckboxElement, ev: VerdocsFieldCheckboxCustomEvent<HTMLVerdocsFieldCheckboxElementEventMap[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 HTMLVerdocsFieldCheckboxElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldCheckboxElement, ev: VerdocsFieldCheckboxCustomEvent<HTMLVerdocsFieldCheckboxElementEventMap[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 HTMLVerdocsFieldCheckboxElement: {
         prototype: HTMLVerdocsFieldCheckboxElement;
         new (): HTMLVerdocsFieldCheckboxElement;
     };
+    interface HTMLVerdocsFieldDateElementEventMap {
+        "settingsPress": any;
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a date field. When tapped or clicked, the input element will display a date picker component.
+     */
     interface HTMLVerdocsFieldDateElement extends Components.VerdocsFieldDate, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldDateElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldDateElement, ev: VerdocsFieldDateCustomEvent<HTMLVerdocsFieldDateElementEventMap[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 HTMLVerdocsFieldDateElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldDateElement, ev: VerdocsFieldDateCustomEvent<HTMLVerdocsFieldDateElementEventMap[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 HTMLVerdocsFieldDateElement: {
         prototype: HTMLVerdocsFieldDateElement;
         new (): HTMLVerdocsFieldDateElement;
     };
+    interface HTMLVerdocsFieldDropdownElementEventMap {
+        "fieldChange": string;
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface HTMLVerdocsFieldDropdownElement extends Components.VerdocsFieldDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldDropdownElement, ev: VerdocsFieldDropdownCustomEvent<HTMLVerdocsFieldDropdownElementEventMap[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 HTMLVerdocsFieldDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldDropdownElement, ev: VerdocsFieldDropdownCustomEvent<HTMLVerdocsFieldDropdownElementEventMap[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 HTMLVerdocsFieldDropdownElement: {
         prototype: HTMLVerdocsFieldDropdownElement;
         new (): HTMLVerdocsFieldDropdownElement;
     };
+    interface HTMLVerdocsFieldInitialElementEventMap {
+        "adopt": string;
+        "exit": any;
+        "fieldChange": string;
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "settingsPress": any;
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt an initial.
+     */
     interface HTMLVerdocsFieldInitialElement extends Components.VerdocsFieldInitial, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldInitialElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldInitialElement, ev: VerdocsFieldInitialCustomEvent<HTMLVerdocsFieldInitialElementEventMap[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 HTMLVerdocsFieldInitialElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldInitialElement, ev: VerdocsFieldInitialCustomEvent<HTMLVerdocsFieldInitialElementEventMap[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 HTMLVerdocsFieldInitialElement: {
         prototype: HTMLVerdocsFieldInitialElement;
         new (): HTMLVerdocsFieldInitialElement;
     };
+    interface HTMLVerdocsFieldPaymentElementEventMap {
+        "signatureComplete": string;
+        "initialComplete": string;
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface HTMLVerdocsFieldPaymentElement extends Components.VerdocsFieldPayment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldPaymentElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldPaymentElement, ev: VerdocsFieldPaymentCustomEvent<HTMLVerdocsFieldPaymentElementEventMap[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 HTMLVerdocsFieldPaymentElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldPaymentElement, ev: VerdocsFieldPaymentCustomEvent<HTMLVerdocsFieldPaymentElementEventMap[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 HTMLVerdocsFieldPaymentElement: {
         prototype: HTMLVerdocsFieldPaymentElement;
         new (): HTMLVerdocsFieldPaymentElement;
     };
+    interface HTMLVerdocsFieldRadioButtonElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a radio button.
+     */
     interface HTMLVerdocsFieldRadioButtonElement extends Components.VerdocsFieldRadioButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldRadioButtonElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldRadioButtonElement, ev: VerdocsFieldRadioButtonCustomEvent<HTMLVerdocsFieldRadioButtonElementEventMap[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 HTMLVerdocsFieldRadioButtonElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldRadioButtonElement, ev: VerdocsFieldRadioButtonCustomEvent<HTMLVerdocsFieldRadioButtonElementEventMap[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 HTMLVerdocsFieldRadioButtonElement: {
         prototype: HTMLVerdocsFieldRadioButtonElement;
         new (): HTMLVerdocsFieldRadioButtonElement;
     };
+    interface HTMLVerdocsFieldSignatureElementEventMap {
+        "fieldChange": string;
+        "settingsPress": any;
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt a signature.
+     */
     interface HTMLVerdocsFieldSignatureElement extends Components.VerdocsFieldSignature, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldSignatureElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldSignatureElement, ev: VerdocsFieldSignatureCustomEvent<HTMLVerdocsFieldSignatureElementEventMap[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 HTMLVerdocsFieldSignatureElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldSignatureElement, ev: VerdocsFieldSignatureCustomEvent<HTMLVerdocsFieldSignatureElementEventMap[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 HTMLVerdocsFieldSignatureElement: {
         prototype: HTMLVerdocsFieldSignatureElement;
         new (): HTMLVerdocsFieldSignatureElement;
     };
+    interface HTMLVerdocsFieldTextareaElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Display a multi-line text input field.
+     */
     interface HTMLVerdocsFieldTextareaElement extends Components.VerdocsFieldTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldTextareaElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTextareaElement, ev: VerdocsFieldTextareaCustomEvent<HTMLVerdocsFieldTextareaElementEventMap[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 HTMLVerdocsFieldTextareaElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTextareaElement, ev: VerdocsFieldTextareaCustomEvent<HTMLVerdocsFieldTextareaElementEventMap[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 HTMLVerdocsFieldTextareaElement: {
         prototype: HTMLVerdocsFieldTextareaElement;
         new (): HTMLVerdocsFieldTextareaElement;
     };
+    interface HTMLVerdocsFieldTextboxElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Display a text input field.
+     */
     interface HTMLVerdocsFieldTextboxElement extends Components.VerdocsFieldTextbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldTextboxElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTextboxElement, ev: VerdocsFieldTextboxCustomEvent<HTMLVerdocsFieldTextboxElementEventMap[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 HTMLVerdocsFieldTextboxElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTextboxElement, ev: VerdocsFieldTextboxCustomEvent<HTMLVerdocsFieldTextboxElementEventMap[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 HTMLVerdocsFieldTextboxElement: {
         prototype: HTMLVerdocsFieldTextboxElement;
         new (): HTMLVerdocsFieldTextboxElement;
     };
+    interface HTMLVerdocsFieldTimestampElementEventMap {
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "deleted": {fieldName: string};
+    }
+    /**
+     * Display a timestamp field.
+     */
     interface HTMLVerdocsFieldTimestampElement extends Components.VerdocsFieldTimestamp, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFieldTimestampElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTimestampElement, ev: VerdocsFieldTimestampCustomEvent<HTMLVerdocsFieldTimestampElementEventMap[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 HTMLVerdocsFieldTimestampElementEventMap>(type: K, listener: (this: HTMLVerdocsFieldTimestampElement, ev: VerdocsFieldTimestampCustomEvent<HTMLVerdocsFieldTimestampElementEventMap[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 HTMLVerdocsFieldTimestampElement: {
         prototype: HTMLVerdocsFieldTimestampElement;
         new (): HTMLVerdocsFieldTimestampElement;
     };
+    interface HTMLVerdocsFileChooserElementEventMap {
+        "fileSelected": {file: File | null};
+    }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface HTMLVerdocsFileChooserElement extends Components.VerdocsFileChooser, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFileChooserElementEventMap>(type: K, listener: (this: HTMLVerdocsFileChooserElement, ev: VerdocsFileChooserCustomEvent<HTMLVerdocsFileChooserElementEventMap[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 HTMLVerdocsFileChooserElementEventMap>(type: K, listener: (this: HTMLVerdocsFileChooserElement, ev: VerdocsFileChooserCustomEvent<HTMLVerdocsFileChooserElementEventMap[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 HTMLVerdocsFileChooserElement: {
         prototype: HTMLVerdocsFileChooserElement;
         new (): HTMLVerdocsFileChooserElement;
     };
+    interface HTMLVerdocsFloatingMenuElementEventMap {
+        "optionSelected": IOption;
+    }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface HTMLVerdocsFloatingMenuElement extends Components.VerdocsFloatingMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsFloatingMenuElementEventMap>(type: K, listener: (this: HTMLVerdocsFloatingMenuElement, ev: VerdocsFloatingMenuCustomEvent<HTMLVerdocsFloatingMenuElementEventMap[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 HTMLVerdocsFloatingMenuElementEventMap>(type: K, listener: (this: HTMLVerdocsFloatingMenuElement, ev: VerdocsFloatingMenuCustomEvent<HTMLVerdocsFloatingMenuElementEventMap[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 HTMLVerdocsFloatingMenuElement: {
         prototype: HTMLVerdocsFloatingMenuElement;
         new (): HTMLVerdocsFloatingMenuElement;
     };
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface HTMLVerdocsHelpIconElement extends Components.VerdocsHelpIcon, HTMLStencilElement {
     }
     var HTMLVerdocsHelpIconElement: {
         prototype: HTMLVerdocsHelpIconElement;
         new (): HTMLVerdocsHelpIconElement;
     };
+    interface HTMLVerdocsInitialDialogElementEventMap {
+        "next": string;
+        "exit": any;
+    }
+    /**
+     * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their initials with a mouse or tablet.
+     */
     interface HTMLVerdocsInitialDialogElement extends Components.VerdocsInitialDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsInitialDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsInitialDialogElement, ev: VerdocsInitialDialogCustomEvent<HTMLVerdocsInitialDialogElementEventMap[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 HTMLVerdocsInitialDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsInitialDialogElement, ev: VerdocsInitialDialogCustomEvent<HTMLVerdocsInitialDialogElementEventMap[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 HTMLVerdocsInitialDialogElement: {
         prototype: HTMLVerdocsInitialDialogElement;
         new (): HTMLVerdocsInitialDialogElement;
     };
+    interface HTMLVerdocsKbaDialogElementEventMap {
+        "exit": any;
+        "next": string;
+    }
+    /**
+     * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface HTMLVerdocsKbaDialogElement extends Components.VerdocsKbaDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsKbaDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsKbaDialogElement, ev: VerdocsKbaDialogCustomEvent<HTMLVerdocsKbaDialogElementEventMap[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 HTMLVerdocsKbaDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsKbaDialogElement, ev: VerdocsKbaDialogCustomEvent<HTMLVerdocsKbaDialogElementEventMap[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 HTMLVerdocsKbaDialogElement: {
         prototype: HTMLVerdocsKbaDialogElement;
         new (): HTMLVerdocsKbaDialogElement;
     };
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface HTMLVerdocsLoaderElement extends Components.VerdocsLoader, HTMLStencilElement {
     }
     var HTMLVerdocsLoaderElement: {
         prototype: HTMLVerdocsLoaderElement;
         new (): HTMLVerdocsLoaderElement;
     };
+    interface HTMLVerdocsOkDialogElementEventMap {
+        "next": any;
+        "exit": any;
+    }
+    /**
+     * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface HTMLVerdocsOkDialogElement extends Components.VerdocsOkDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsOkDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsOkDialogElement, ev: VerdocsOkDialogCustomEvent<HTMLVerdocsOkDialogElementEventMap[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 HTMLVerdocsOkDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsOkDialogElement, ev: VerdocsOkDialogCustomEvent<HTMLVerdocsOkDialogElementEventMap[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 HTMLVerdocsOkDialogElement: {
         prototype: HTMLVerdocsOkDialogElement;
         new (): HTMLVerdocsOkDialogElement;
     };
+    /**
+     * Display a small summary card describing an organization
+     */
     interface HTMLVerdocsOrganizationCardElement extends Components.VerdocsOrganizationCard, HTMLStencilElement {
     }
     var HTMLVerdocsOrganizationCardElement: {
         prototype: HTMLVerdocsOrganizationCardElement;
         new (): HTMLVerdocsOrganizationCardElement;
     };
+    interface HTMLVerdocsPaginationElementEventMap {
+        "selectPage": {selectedPage: number};
+    }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface HTMLVerdocsPaginationElement extends Components.VerdocsPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsPaginationElementEventMap>(type: K, listener: (this: HTMLVerdocsPaginationElement, ev: VerdocsPaginationCustomEvent<HTMLVerdocsPaginationElementEventMap[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 HTMLVerdocsPaginationElementEventMap>(type: K, listener: (this: HTMLVerdocsPaginationElement, ev: VerdocsPaginationCustomEvent<HTMLVerdocsPaginationElementEventMap[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 HTMLVerdocsPaginationElement: {
         prototype: HTMLVerdocsPaginationElement;
         new (): HTMLVerdocsPaginationElement;
     };
+    interface HTMLVerdocsPortalElementEventMap {
+        "clickAway": void;
+    }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface HTMLVerdocsPortalElement extends Components.VerdocsPortal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsPortalElementEventMap>(type: K, listener: (this: HTMLVerdocsPortalElement, ev: VerdocsPortalCustomEvent<HTMLVerdocsPortalElementEventMap[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 HTMLVerdocsPortalElementEventMap>(type: K, listener: (this: HTMLVerdocsPortalElement, ev: VerdocsPortalCustomEvent<HTMLVerdocsPortalElementEventMap[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 HTMLVerdocsPortalElement: {
         prototype: HTMLVerdocsPortalElement;
         new (): HTMLVerdocsPortalElement;
     };
+    interface HTMLVerdocsPreviewElementEventMap {
+        "sdkError": SDKError;
+    }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface HTMLVerdocsPreviewElement extends Components.VerdocsPreview, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsPreviewElementEventMap>(type: K, listener: (this: HTMLVerdocsPreviewElement, ev: VerdocsPreviewCustomEvent<HTMLVerdocsPreviewElementEventMap[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 HTMLVerdocsPreviewElementEventMap>(type: K, listener: (this: HTMLVerdocsPreviewElement, ev: VerdocsPreviewCustomEvent<HTMLVerdocsPreviewElementEventMap[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 HTMLVerdocsPreviewElement: {
         prototype: HTMLVerdocsPreviewElement;
         new (): HTMLVerdocsPreviewElement;
     };
+    /**
+     * Displays a summary of a template
+     */
     interface HTMLVerdocsProgressBarElement extends Components.VerdocsProgressBar, HTMLStencilElement {
     }
     var HTMLVerdocsProgressBarElement: {
         prototype: HTMLVerdocsProgressBarElement;
         new (): HTMLVerdocsProgressBarElement;
     };
+    interface HTMLVerdocsQuickFilterElementEventMap {
+        "optionSelected": IFilterOption;
+    }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface HTMLVerdocsQuickFilterElement extends Components.VerdocsQuickFilter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsQuickFilterElementEventMap>(type: K, listener: (this: HTMLVerdocsQuickFilterElement, ev: VerdocsQuickFilterCustomEvent<HTMLVerdocsQuickFilterElementEventMap[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 HTMLVerdocsQuickFilterElementEventMap>(type: K, listener: (this: HTMLVerdocsQuickFilterElement, ev: VerdocsQuickFilterCustomEvent<HTMLVerdocsQuickFilterElementEventMap[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 HTMLVerdocsQuickFilterElement: {
         prototype: HTMLVerdocsQuickFilterElement;
         new (): HTMLVerdocsQuickFilterElement;
     };
+    interface HTMLVerdocsQuickFunctionsElementEventMap {
+        "createTemplate": any;
+        "createDocument": any;
+    }
+    /**
+     * Display quick-function buttons for creating templates and documents.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface HTMLVerdocsQuickFunctionsElement extends Components.VerdocsQuickFunctions, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsQuickFunctionsElementEventMap>(type: K, listener: (this: HTMLVerdocsQuickFunctionsElement, ev: VerdocsQuickFunctionsCustomEvent<HTMLVerdocsQuickFunctionsElementEventMap[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 HTMLVerdocsQuickFunctionsElementEventMap>(type: K, listener: (this: HTMLVerdocsQuickFunctionsElement, ev: VerdocsQuickFunctionsCustomEvent<HTMLVerdocsQuickFunctionsElementEventMap[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 HTMLVerdocsQuickFunctionsElement: {
         prototype: HTMLVerdocsQuickFunctionsElement;
         new (): HTMLVerdocsQuickFunctionsElement;
     };
+    /**
+     * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+     * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+     * simple radio button for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-radio-button
+     *    value="val1"
+     *    name="someProperty"
+     *    checked={this.someProperty === 'val1'}
+     *    onInput={(e: any) => { this.someProperty = 'val1' }}
+     *    disabled={false}
+     * />
+     * ```
+     */
     interface HTMLVerdocsRadioButtonElement extends Components.VerdocsRadioButton, HTMLStencilElement {
     }
     var HTMLVerdocsRadioButtonElement: {
@@ -1936,7 +2939,25 @@ declare global {
         prototype: HTMLVerdocsSearchElement;
         new (): HTMLVerdocsSearchElement;
     };
+    interface HTMLVerdocsSearchBoxElementEventMap {
+        "searchClicked": ISearchEvent;
+        "typeChanged": TContentType;
+        "queryChanged": string;
+    }
+    /**
+     * Displays a customizable input box for search queries.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface HTMLVerdocsSearchBoxElement extends Components.VerdocsSearchBox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSearchBoxElementEventMap>(type: K, listener: (this: HTMLVerdocsSearchBoxElement, ev: VerdocsSearchBoxCustomEvent<HTMLVerdocsSearchBoxElementEventMap[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 HTMLVerdocsSearchBoxElementEventMap>(type: K, listener: (this: HTMLVerdocsSearchBoxElement, ev: VerdocsSearchBoxCustomEvent<HTMLVerdocsSearchBoxElementEventMap[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 HTMLVerdocsSearchBoxElement: {
         prototype: HTMLVerdocsSearchBoxElement;
@@ -1948,218 +2969,711 @@ declare global {
         prototype: HTMLVerdocsSearchTabsElement;
         new (): HTMLVerdocsSearchTabsElement;
     };
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface HTMLVerdocsSelectInputElement extends Components.VerdocsSelectInput, HTMLStencilElement {
     }
     var HTMLVerdocsSelectInputElement: {
         prototype: HTMLVerdocsSelectInputElement;
         new (): HTMLVerdocsSelectInputElement;
     };
+    interface HTMLVerdocsSendElementEventMap {
+        "sendingEnvelope": {sending: boolean};
+        "send": {roles: ICreateEnvelopeRole[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope};
+        "exit": any;
+        "sdkError": SDKError;
+        "searchContacts": IContactSearchEvent1;
+    }
+    /**
+     * Display a form to collect recipient information for a new Envelope. If used anonymously, the specified `templateId` must be public.
+     * Because most applications have custom workflow requirements to trigger after sending an Envelope, this component does not actually
+     * perform that operation. Parent applications should listen for the `onSend` event, and can pass the contents of `event.detail`
+     * directly to the `createEnvelope()` call in JS-SDK.
+     * Host applications should ensure the template is "sendable" before displaying this component. To be sendable, a template must have
+     * at least one document attached, at least one participant defined, and at least one field assigned to every "signer" participant.
+     */
     interface HTMLVerdocsSendElement extends Components.VerdocsSend, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSendElementEventMap>(type: K, listener: (this: HTMLVerdocsSendElement, ev: VerdocsSendCustomEvent<HTMLVerdocsSendElementEventMap[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 HTMLVerdocsSendElementEventMap>(type: K, listener: (this: HTMLVerdocsSendElement, ev: VerdocsSendCustomEvent<HTMLVerdocsSendElementEventMap[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 HTMLVerdocsSendElement: {
         prototype: HTMLVerdocsSendElement;
         new (): HTMLVerdocsSendElement;
     };
+    interface HTMLVerdocsSettingsElementEventMap {
+        "sdkError": SDKError;
+    }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface HTMLVerdocsSettingsElement extends Components.VerdocsSettings, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSettingsElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsElement, ev: VerdocsSettingsCustomEvent<HTMLVerdocsSettingsElementEventMap[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 HTMLVerdocsSettingsElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsElement, ev: VerdocsSettingsCustomEvent<HTMLVerdocsSettingsElementEventMap[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 HTMLVerdocsSettingsElement: {
         prototype: HTMLVerdocsSettingsElement;
         new (): HTMLVerdocsSettingsElement;
     };
+    interface HTMLVerdocsSettingsApiKeysElementEventMap {
+        "sdkError": SDKError;
+        "memberInvited": {endpoint: VerdocsEndpoint; member: IProfile};
+        "memberUpdated": {endpoint: VerdocsEndpoint; member: IProfile};
+        "memberRemoved": {endpoint: VerdocsEndpoint; member: IProfile};
+    }
+    /**
+     * Displays a settings form that allows the user to manage their API keys.
+     */
     interface HTMLVerdocsSettingsApiKeysElement extends Components.VerdocsSettingsApiKeys, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSettingsApiKeysElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsApiKeysElement, ev: VerdocsSettingsApiKeysCustomEvent<HTMLVerdocsSettingsApiKeysElementEventMap[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 HTMLVerdocsSettingsApiKeysElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsApiKeysElement, ev: VerdocsSettingsApiKeysCustomEvent<HTMLVerdocsSettingsApiKeysElementEventMap[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 HTMLVerdocsSettingsApiKeysElement: {
         prototype: HTMLVerdocsSettingsApiKeysElement;
         new (): HTMLVerdocsSettingsApiKeysElement;
     };
+    interface HTMLVerdocsSettingsMembersElementEventMap {
+        "sdkError": SDKError;
+        "memberInvited": {endpoint: VerdocsEndpoint; member: IProfile};
+        "memberUpdated": {endpoint: VerdocsEndpoint; member: IProfile};
+        "memberRemoved": {endpoint: VerdocsEndpoint; member: IProfile};
+    }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface HTMLVerdocsSettingsMembersElement extends Components.VerdocsSettingsMembers, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSettingsMembersElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsMembersElement, ev: VerdocsSettingsMembersCustomEvent<HTMLVerdocsSettingsMembersElementEventMap[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 HTMLVerdocsSettingsMembersElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsMembersElement, ev: VerdocsSettingsMembersCustomEvent<HTMLVerdocsSettingsMembersElementEventMap[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 HTMLVerdocsSettingsMembersElement: {
         prototype: HTMLVerdocsSettingsMembersElement;
         new (): HTMLVerdocsSettingsMembersElement;
     };
+    interface HTMLVerdocsSettingsOrganizationElementEventMap {
+        "sdkError": SDKError;
+        "organizationUpdated": {endpoint: VerdocsEndpoint; organization: IOrganization};
+    }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface HTMLVerdocsSettingsOrganizationElement extends Components.VerdocsSettingsOrganization, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSettingsOrganizationElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsOrganizationElement, ev: VerdocsSettingsOrganizationCustomEvent<HTMLVerdocsSettingsOrganizationElementEventMap[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 HTMLVerdocsSettingsOrganizationElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsOrganizationElement, ev: VerdocsSettingsOrganizationCustomEvent<HTMLVerdocsSettingsOrganizationElementEventMap[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 HTMLVerdocsSettingsOrganizationElement: {
         prototype: HTMLVerdocsSettingsOrganizationElement;
         new (): HTMLVerdocsSettingsOrganizationElement;
     };
+    interface HTMLVerdocsSettingsProfileElementEventMap {
+        "sdkError": SDKError;
+        "profileUpdated": {endpoint: VerdocsEndpoint; profile: IProfile};
+    }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface HTMLVerdocsSettingsProfileElement extends Components.VerdocsSettingsProfile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSettingsProfileElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsProfileElement, ev: VerdocsSettingsProfileCustomEvent<HTMLVerdocsSettingsProfileElementEventMap[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 HTMLVerdocsSettingsProfileElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsProfileElement, ev: VerdocsSettingsProfileCustomEvent<HTMLVerdocsSettingsProfileElementEventMap[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 HTMLVerdocsSettingsProfileElement: {
         prototype: HTMLVerdocsSettingsProfileElement;
         new (): HTMLVerdocsSettingsProfileElement;
     };
+    interface HTMLVerdocsSignElementEventMap {
+        "sdkError": SDKError;
+        "envelopeLoaded": {endpoint: VerdocsEndpoint; envelope: IEnvelope};
+        "envelopeUpdated": {endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string};
+    }
+    /**
+     * Display an envelope signing experience. This will display the envelope's attached
+     * documents with signing fields overlaid on each page.
+     * The component will attempt to initiate a signing session and load the specified
+     * envelope. If successful, the recipient's fields will be enabled and the user will
+     * be able to sign the envelope's attached documents. If not, an `sdkError` will be
+     * thrown and the component will be blank/empty. To provide the best user experience,
+     * applications should capture and handle this error to provide the user with
+     * instructions/options for next steps based on the application's design and workflow.
+     * Unlike other components, this will always create its own endpoint to manage the
+     * session session. This endpoint will be included in event callbacks for the
+     * convenience of host applications that may wish to make server calls using the
+     * signer's credentials once signing is complete (e.g. to obtain copies of
+     * the signed attachments.)
+     */
     interface HTMLVerdocsSignElement extends Components.VerdocsSign, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSignElementEventMap>(type: K, listener: (this: HTMLVerdocsSignElement, ev: VerdocsSignCustomEvent<HTMLVerdocsSignElementEventMap[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 HTMLVerdocsSignElementEventMap>(type: K, listener: (this: HTMLVerdocsSignElement, ev: VerdocsSignCustomEvent<HTMLVerdocsSignElementEventMap[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 HTMLVerdocsSignElement: {
         prototype: HTMLVerdocsSignElement;
         new (): HTMLVerdocsSignElement;
     };
+    interface HTMLVerdocsSignatureDialogElementEventMap {
+        "next": string;
+        "exit": any;
+    }
+    /**
+     * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their signature with a mouse or tablet.
+     */
     interface HTMLVerdocsSignatureDialogElement extends Components.VerdocsSignatureDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSignatureDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsSignatureDialogElement, ev: VerdocsSignatureDialogCustomEvent<HTMLVerdocsSignatureDialogElementEventMap[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 HTMLVerdocsSignatureDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsSignatureDialogElement, ev: VerdocsSignatureDialogCustomEvent<HTMLVerdocsSignatureDialogElementEventMap[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 HTMLVerdocsSignatureDialogElement: {
         prototype: HTMLVerdocsSignatureDialogElement;
         new (): HTMLVerdocsSignatureDialogElement;
     };
+    /**
+     * Display a small loading spinner.
+     */
     interface HTMLVerdocsSpinnerElement extends Components.VerdocsSpinner, HTMLStencilElement {
     }
     var HTMLVerdocsSpinnerElement: {
         prototype: HTMLVerdocsSpinnerElement;
         new (): HTMLVerdocsSpinnerElement;
     };
+    /**
+     * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
+     * directly as a status field or the whole document object may be passed in.
+     * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
+     * to display a popup panel with per-recipient status data.
+     * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+     */
     interface HTMLVerdocsStatusIndicatorElement extends Components.VerdocsStatusIndicator, HTMLStencilElement {
     }
     var HTMLVerdocsStatusIndicatorElement: {
         prototype: HTMLVerdocsStatusIndicatorElement;
         new (): HTMLVerdocsStatusIndicatorElement;
     };
+    interface HTMLVerdocsTableElementEventMap {
+        "colHeaderClick": {col: IColumn};
+        "rowClick": {row: any};
+    }
+    /**
+     * Display a simple table of data. Columns and data cells may have custom renderers defined to
+     * support creating interactive table layouts.
+     */
     interface HTMLVerdocsTableElement extends Components.VerdocsTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTableElementEventMap>(type: K, listener: (this: HTMLVerdocsTableElement, ev: VerdocsTableCustomEvent<HTMLVerdocsTableElementEventMap[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 HTMLVerdocsTableElementEventMap>(type: K, listener: (this: HTMLVerdocsTableElement, ev: VerdocsTableCustomEvent<HTMLVerdocsTableElementEventMap[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 HTMLVerdocsTableElement: {
         prototype: HTMLVerdocsTableElement;
         new (): HTMLVerdocsTableElement;
     };
+    interface HTMLVerdocsTabsElementEventMap {
+        "selectTab": {tab: ITab; index: number};
+    }
+    /**
+     * Display a simple row of selectable tabs. This is a controlled element.
+     * The parent must adjust selectedTab as selection events are fired.
+     */
     interface HTMLVerdocsTabsElement extends Components.VerdocsTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTabsElementEventMap>(type: K, listener: (this: HTMLVerdocsTabsElement, ev: VerdocsTabsCustomEvent<HTMLVerdocsTabsElementEventMap[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 HTMLVerdocsTabsElementEventMap>(type: K, listener: (this: HTMLVerdocsTabsElement, ev: VerdocsTabsCustomEvent<HTMLVerdocsTabsElementEventMap[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 HTMLVerdocsTabsElement: {
         prototype: HTMLVerdocsTabsElement;
         new (): HTMLVerdocsTabsElement;
     };
+    interface HTMLVerdocsTemplateAttachmentsElementEventMap {
+        "exit": any;
+        "next": {template: ITemplate};
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+        "sdkError": SDKError;
+    }
+    /**
+     * Displays an edit form that allows the user to view, add, or remove a template's attachments.
+     * Note that an active session and valid template ID must be supplied.
+     */
     interface HTMLVerdocsTemplateAttachmentsElement extends Components.VerdocsTemplateAttachments, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateAttachmentsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateAttachmentsElement, ev: VerdocsTemplateAttachmentsCustomEvent<HTMLVerdocsTemplateAttachmentsElementEventMap[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 HTMLVerdocsTemplateAttachmentsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateAttachmentsElement, ev: VerdocsTemplateAttachmentsCustomEvent<HTMLVerdocsTemplateAttachmentsElementEventMap[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 HTMLVerdocsTemplateAttachmentsElement: {
         prototype: HTMLVerdocsTemplateAttachmentsElement;
         new (): HTMLVerdocsTemplateAttachmentsElement;
     };
+    interface HTMLVerdocsTemplateBuildTabsElementEventMap {
+        "sdkError": SDKError;
+        "stepChanged": TVerdocsBuildStep1;
+    }
+    /**
+     * Display a set of tabs for the template builder.
+     */
     interface HTMLVerdocsTemplateBuildTabsElement extends Components.VerdocsTemplateBuildTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateBuildTabsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateBuildTabsElement, ev: VerdocsTemplateBuildTabsCustomEvent<HTMLVerdocsTemplateBuildTabsElementEventMap[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 HTMLVerdocsTemplateBuildTabsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateBuildTabsElement, ev: VerdocsTemplateBuildTabsCustomEvent<HTMLVerdocsTemplateBuildTabsElementEventMap[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 HTMLVerdocsTemplateBuildTabsElement: {
         prototype: HTMLVerdocsTemplateBuildTabsElement;
         new (): HTMLVerdocsTemplateBuildTabsElement;
     };
+    /**
+     * Displays a summary of a template
+     */
     interface HTMLVerdocsTemplateCardElement extends Components.VerdocsTemplateCard, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateCardElement: {
         prototype: HTMLVerdocsTemplateCardElement;
         new (): HTMLVerdocsTemplateCardElement;
     };
+    interface HTMLVerdocsTemplateCreateElementEventMap {
+        "exit": any;
+        "next": ITemplate;
+        "sdkError": SDKError;
+        "templateCreated": {endpoint: VerdocsEndpoint; template: ITemplate; templateId: string};
+    }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface HTMLVerdocsTemplateCreateElement extends Components.VerdocsTemplateCreate, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateCreateElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateCreateElement, ev: VerdocsTemplateCreateCustomEvent<HTMLVerdocsTemplateCreateElementEventMap[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 HTMLVerdocsTemplateCreateElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateCreateElement, ev: VerdocsTemplateCreateCustomEvent<HTMLVerdocsTemplateCreateElementEventMap[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 HTMLVerdocsTemplateCreateElement: {
         prototype: HTMLVerdocsTemplateCreateElement;
         new (): HTMLVerdocsTemplateCreateElement;
     };
+    interface HTMLVerdocsTemplateDocumentPageElementEventMap {
+        "pageRendered": IDocumentPageInfo;
+    }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface HTMLVerdocsTemplateDocumentPageElement extends Components.VerdocsTemplateDocumentPage, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateDocumentPageElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateDocumentPageElement, ev: VerdocsTemplateDocumentPageCustomEvent<HTMLVerdocsTemplateDocumentPageElementEventMap[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 HTMLVerdocsTemplateDocumentPageElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateDocumentPageElement, ev: VerdocsTemplateDocumentPageCustomEvent<HTMLVerdocsTemplateDocumentPageElementEventMap[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 HTMLVerdocsTemplateDocumentPageElement: {
         prototype: HTMLVerdocsTemplateDocumentPageElement;
         new (): HTMLVerdocsTemplateDocumentPageElement;
     };
+    interface HTMLVerdocsTemplateFieldPropertiesElementEventMap {
+        "close": any;
+        "delete": {templateId: string; roleName: string};
+        "settingsChanged": {fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField};
+        "sdkError": SDKError;
+    }
+    /**
+     * Displays an edit form that allows the user to adjust a field's settings.
+     */
     interface HTMLVerdocsTemplateFieldPropertiesElement extends Components.VerdocsTemplateFieldProperties, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateFieldPropertiesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateFieldPropertiesElement, ev: VerdocsTemplateFieldPropertiesCustomEvent<HTMLVerdocsTemplateFieldPropertiesElementEventMap[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 HTMLVerdocsTemplateFieldPropertiesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateFieldPropertiesElement, ev: VerdocsTemplateFieldPropertiesCustomEvent<HTMLVerdocsTemplateFieldPropertiesElementEventMap[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 HTMLVerdocsTemplateFieldPropertiesElement: {
         prototype: HTMLVerdocsTemplateFieldPropertiesElement;
         new (): HTMLVerdocsTemplateFieldPropertiesElement;
     };
+    interface HTMLVerdocsTemplateFieldsElementEventMap {
+        "sdkError": SDKError;
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+        "fieldsUpdated": {endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; fields: ITemplateField[]};
+    }
+    /**
+     * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to
+     * present all of the required controls, so it is primarily intended to be used in desktop environments.
+     */
     interface HTMLVerdocsTemplateFieldsElement extends Components.VerdocsTemplateFields, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateFieldsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateFieldsElement, ev: VerdocsTemplateFieldsCustomEvent<HTMLVerdocsTemplateFieldsElementEventMap[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 HTMLVerdocsTemplateFieldsElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateFieldsElement, ev: VerdocsTemplateFieldsCustomEvent<HTMLVerdocsTemplateFieldsElementEventMap[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 HTMLVerdocsTemplateFieldsElement: {
         prototype: HTMLVerdocsTemplateFieldsElement;
         new (): HTMLVerdocsTemplateFieldsElement;
     };
+    interface HTMLVerdocsTemplateNameElementEventMap {
+        "close": any;
+        "sdkError": SDKError;
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+    }
+    /**
+     * Displays an edit form that allows the user to rename a template. Note that an active session and valid template ID must be supplied.
+     */
     interface HTMLVerdocsTemplateNameElement extends Components.VerdocsTemplateName, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateNameElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateNameElement, ev: VerdocsTemplateNameCustomEvent<HTMLVerdocsTemplateNameElementEventMap[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 HTMLVerdocsTemplateNameElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateNameElement, ev: VerdocsTemplateNameCustomEvent<HTMLVerdocsTemplateNameElementEventMap[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 HTMLVerdocsTemplateNameElement: {
         prototype: HTMLVerdocsTemplateNameElement;
         new (): HTMLVerdocsTemplateNameElement;
     };
+    interface HTMLVerdocsTemplateRemindersElementEventMap {
+        "close": any;
+        "sdkError": SDKError;
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+    }
+    /**
+     * Displays an edit form that allows the user to adjust a template's reminders.
+     */
     interface HTMLVerdocsTemplateRemindersElement extends Components.VerdocsTemplateReminders, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateRemindersElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRemindersElement, ev: VerdocsTemplateRemindersCustomEvent<HTMLVerdocsTemplateRemindersElementEventMap[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 HTMLVerdocsTemplateRemindersElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRemindersElement, ev: VerdocsTemplateRemindersCustomEvent<HTMLVerdocsTemplateRemindersElementEventMap[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 HTMLVerdocsTemplateRemindersElement: {
         prototype: HTMLVerdocsTemplateRemindersElement;
         new (): HTMLVerdocsTemplateRemindersElement;
     };
+    interface HTMLVerdocsTemplateRolePropertiesElementEventMap {
+        "close": any;
+        "delete": {templateId: string; roleName: string};
+        "sdkError": SDKError;
+    }
+    /**
+     * Display an edit form that allows the user to adjust a role's setitngs.
+     */
     interface HTMLVerdocsTemplateRolePropertiesElement extends Components.VerdocsTemplateRoleProperties, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateRolePropertiesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRolePropertiesElement, ev: VerdocsTemplateRolePropertiesCustomEvent<HTMLVerdocsTemplateRolePropertiesElementEventMap[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 HTMLVerdocsTemplateRolePropertiesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRolePropertiesElement, ev: VerdocsTemplateRolePropertiesCustomEvent<HTMLVerdocsTemplateRolePropertiesElementEventMap[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 HTMLVerdocsTemplateRolePropertiesElement: {
         prototype: HTMLVerdocsTemplateRolePropertiesElement;
         new (): HTMLVerdocsTemplateRolePropertiesElement;
     };
+    interface HTMLVerdocsTemplateRolesElementEventMap {
+        "next": any;
+        "exit": any;
+        "sdkError": SDKError;
+        "rolesUpdated": {endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]};
+    }
+    /**
+     * Displays an edit form that allows the user to adjust a template's roles and workflow.
+     */
     interface HTMLVerdocsTemplateRolesElement extends Components.VerdocsTemplateRoles, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateRolesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRolesElement, ev: VerdocsTemplateRolesCustomEvent<HTMLVerdocsTemplateRolesElementEventMap[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 HTMLVerdocsTemplateRolesElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateRolesElement, ev: VerdocsTemplateRolesCustomEvent<HTMLVerdocsTemplateRolesElementEventMap[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 HTMLVerdocsTemplateRolesElement: {
         prototype: HTMLVerdocsTemplateRolesElement;
         new (): HTMLVerdocsTemplateRolesElement;
     };
+    interface HTMLVerdocsTemplateSenderElementEventMap {
+        "close": any;
+        "sdkError": SDKError;
+    }
+    /**
+     * Display a dialog that allows a template sender to be selected.
+     */
     interface HTMLVerdocsTemplateSenderElement extends Components.VerdocsTemplateSender, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateSenderElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateSenderElement, ev: VerdocsTemplateSenderCustomEvent<HTMLVerdocsTemplateSenderElementEventMap[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 HTMLVerdocsTemplateSenderElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateSenderElement, ev: VerdocsTemplateSenderCustomEvent<HTMLVerdocsTemplateSenderElementEventMap[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 HTMLVerdocsTemplateSenderElement: {
         prototype: HTMLVerdocsTemplateSenderElement;
         new (): HTMLVerdocsTemplateSenderElement;
     };
+    interface HTMLVerdocsTemplateStarElementEventMap {
+        "starChange": {templateId: string; starred: boolean; count: number};
+        "sdkError": SDKError;
+    }
+    /**
+     * Displays a clickable star that allows users to mark frequently-used templates.
+     */
     interface HTMLVerdocsTemplateStarElement extends Components.VerdocsTemplateStar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateStarElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateStarElement, ev: VerdocsTemplateStarCustomEvent<HTMLVerdocsTemplateStarElementEventMap[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 HTMLVerdocsTemplateStarElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateStarElement, ev: VerdocsTemplateStarCustomEvent<HTMLVerdocsTemplateStarElementEventMap[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 HTMLVerdocsTemplateStarElement: {
         prototype: HTMLVerdocsTemplateStarElement;
         new (): HTMLVerdocsTemplateStarElement;
     };
+    /**
+     * Displays a message listing a template's tags.
+     */
     interface HTMLVerdocsTemplateTagsElement extends Components.VerdocsTemplateTags, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateTagsElement: {
         prototype: HTMLVerdocsTemplateTagsElement;
         new (): HTMLVerdocsTemplateTagsElement;
     };
+    interface HTMLVerdocsTemplateVisibilityElementEventMap {
+        "close": any;
+        "sdkError": SDKError;
+        "templateUpdated": {endpoint: VerdocsEndpoint; template: ITemplate; event: string};
+    }
+    /**
+     * Displays an edit form that allows the user to adjust a template's visibility.
+     */
     interface HTMLVerdocsTemplateVisibilityElement extends Components.VerdocsTemplateVisibility, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplateVisibilityElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateVisibilityElement, ev: VerdocsTemplateVisibilityCustomEvent<HTMLVerdocsTemplateVisibilityElementEventMap[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 HTMLVerdocsTemplateVisibilityElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplateVisibilityElement, ev: VerdocsTemplateVisibilityCustomEvent<HTMLVerdocsTemplateVisibilityElementEventMap[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 HTMLVerdocsTemplateVisibilityElement: {
         prototype: HTMLVerdocsTemplateVisibilityElement;
         new (): HTMLVerdocsTemplateVisibilityElement;
     };
+    interface HTMLVerdocsTemplatesListElementEventMap {
+        "sdkError": SDKError;
+        "viewTemplate": {endpoint: VerdocsEndpoint; template: ITemplate};
+        "signNow": {endpoint: VerdocsEndpoint; template: ITemplate};
+        "submittedData": {endpoint: VerdocsEndpoint; template: ITemplate};
+        "editTemplate": {endpoint: VerdocsEndpoint; template: ITemplate};
+        "templateDeleted": {endpoint: VerdocsEndpoint; template: ITemplate};
+        "changeSort": IGetTemplateSummarySortBy;
+        "changeSharing": 'all' | 'personal' | 'shared' | 'public';
+        "changeStarred": 'all' | 'starred' | 'unstarred';
+        "changeName": string;
+    }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface HTMLVerdocsTemplatesListElement extends Components.VerdocsTemplatesList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTemplatesListElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplatesListElement, ev: VerdocsTemplatesListCustomEvent<HTMLVerdocsTemplatesListElementEventMap[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 HTMLVerdocsTemplatesListElementEventMap>(type: K, listener: (this: HTMLVerdocsTemplatesListElement, ev: VerdocsTemplatesListCustomEvent<HTMLVerdocsTemplatesListElementEventMap[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 HTMLVerdocsTemplatesListElement: {
         prototype: HTMLVerdocsTemplatesListElement;
         new (): HTMLVerdocsTemplatesListElement;
     };
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface HTMLVerdocsTextInputElement extends Components.VerdocsTextInput, HTMLStencilElement {
     }
     var HTMLVerdocsTextInputElement: {
         prototype: HTMLVerdocsTextInputElement;
         new (): HTMLVerdocsTextInputElement;
     };
+    /**
+     * Displays a label and a set of buttons, also allowing a default selection of a button
+     */
     interface HTMLVerdocsToggleElement extends Components.VerdocsToggle, HTMLStencilElement {
     }
     var HTMLVerdocsToggleElement: {
         prototype: HTMLVerdocsToggleElement;
         new (): HTMLVerdocsToggleElement;
     };
+    interface HTMLVerdocsToggleButtonElementEventMap {
+        "toggle": {active: boolean};
+    }
+    /**
+     * Displays a single button that can be toggled on or off by clicking it.
+     */
     interface HTMLVerdocsToggleButtonElement extends Components.VerdocsToggleButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsToggleButtonElementEventMap>(type: K, listener: (this: HTMLVerdocsToggleButtonElement, ev: VerdocsToggleButtonCustomEvent<HTMLVerdocsToggleButtonElementEventMap[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 HTMLVerdocsToggleButtonElementEventMap>(type: K, listener: (this: HTMLVerdocsToggleButtonElement, ev: VerdocsToggleButtonCustomEvent<HTMLVerdocsToggleButtonElementEventMap[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 HTMLVerdocsToggleButtonElement: {
         prototype: HTMLVerdocsToggleButtonElement;
         new (): HTMLVerdocsToggleButtonElement;
     };
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface HTMLVerdocsToolbarIconElement extends Components.VerdocsToolbarIcon, HTMLStencilElement {
     }
     var HTMLVerdocsToolbarIconElement: {
         prototype: HTMLVerdocsToolbarIconElement;
         new (): HTMLVerdocsToolbarIconElement;
     };
+    interface HTMLVerdocsUploadDialogElementEventMap {
+        "exit": any;
+        "next": IFileWithData[];
+    }
+    /**
+     * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by
+     * callers with a variety of workflows. Instead, data about the chosen file will be passed to the
+     * caller via the onNext event handler.
+     */
     interface HTMLVerdocsUploadDialogElement extends Components.VerdocsUploadDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsUploadDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsUploadDialogElement, ev: VerdocsUploadDialogCustomEvent<HTMLVerdocsUploadDialogElementEventMap[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 HTMLVerdocsUploadDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsUploadDialogElement, ev: VerdocsUploadDialogCustomEvent<HTMLVerdocsUploadDialogElementEventMap[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 HTMLVerdocsUploadDialogElement: {
         prototype: HTMLVerdocsUploadDialogElement;
         new (): HTMLVerdocsUploadDialogElement;
     };
+    interface HTMLVerdocsViewElementEventMap {
+        "sdkError": SDKError;
+        "envelopeUpdated": {endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string};
+        "another": any;
+        "view": any;
+        "next": any;
+    }
+    /**
+     * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.
+     */
     interface HTMLVerdocsViewElement extends Components.VerdocsView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsViewElementEventMap>(type: K, listener: (this: HTMLVerdocsViewElement, ev: VerdocsViewCustomEvent<HTMLVerdocsViewElementEventMap[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 HTMLVerdocsViewElementEventMap>(type: K, listener: (this: HTMLVerdocsViewElement, ev: VerdocsViewCustomEvent<HTMLVerdocsViewElementEventMap[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 HTMLVerdocsViewElement: {
         prototype: HTMLVerdocsViewElement;
         new (): HTMLVerdocsViewElement;
     };
     interface HTMLElementTagNameMap {
-        "ipc-test": HTMLIpcTestElement;
         "verdocs-activity-box": HTMLVerdocsActivityBoxElement;
         "verdocs-auth": HTMLVerdocsAuthElement;
         "verdocs-build": HTMLVerdocsBuildElement;
@@ -2242,16 +3756,11 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface IpcTest {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * The template ID to edit.
-         */
-        "templateId"?: string;
-    }
+    /**
+     * Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number
+     * of items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps
+     * them appear more visually balanced.
+     */
     interface VerdocsActivityBox {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2282,6 +3791,29 @@ declare namespace LocalJSX {
          */
         "view"?: 'completed' | 'action' | 'waiting';
     }
+    /**
+     * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that
+     * occur during the process (especially successful completion). If the user is already authenticated with a valid
+     * session, this component will hide itself and fire the success callback immediately. It is up to the host application
+     * to render the next appropriate view for the application.
+     * To simplify some types of authentication flows, a visibility flag can force this component to never display. This
+     * allows you to susbcribe to notifications from the
+     * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide
+     * container to allow sufficient space for the required forms.
+     * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after
+     * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or
+     * cancels) authentication steps.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     * ```typescript
+     * interface IAuthStatus {
+     *   // If true, the user is authenticated with a valid session
+     *   authenticated: boolean;
+     *   // Details for the user's session
+     *   session: IActiveSession | null;
+     * }
+     * ```
+     */
     interface VerdocsAuth {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2304,6 +3836,9 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
+    /**
+     * Display a template building experience.
+     */
     interface VerdocsBuild {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2342,6 +3877,21 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * Display a simple button.
+     * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
+     * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
+     * (Auth uses text buttons for the Forgot Password and Sign Up options.)
+     * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
+     * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
+     * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
+     * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
+     * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
+     * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+     * ```html
+     * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -2372,12 +3922,36 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'text' | 'outline';
     }
+    /**
+     * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+     * displayed.
+     * ```html
+     * <verdocs-button-panel icon="<svg.../>">
+     *   <div class="content">...</div>
+     * </verdocs-button-panel>
+     * ```
+     */
     interface VerdocsButtonPanel {
         /**
           * SVG icon to display
          */
         "icon"?: string;
     }
+    /**
+     * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
+     * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+     * box for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-checkbox
+     *    value="on"
+     *    name="thingEnabled"
+     *    checked={this.thingEnabled}
+     *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+     * />
+     * ```
+     */
     interface VerdocsCheckbox {
         /**
           * Whether the radio button is currently selected.
@@ -2404,12 +3978,23 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Render a simple error message.
+     */
     interface VerdocsComponentError {
         /**
           * The message to display.
          */
         "message"?: string;
     }
+    /**
+     * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
+     * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the
+     * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.
+     * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be
+     * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as "Recently Used" contacts, or
+     * to always display the user's own contact record.
+     */
     interface VerdocsContactPicker {
         /**
           * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number of suggestions be limited to the 5 best matching records.
@@ -2436,12 +4021,30 @@ declare namespace LocalJSX {
          */
         "templateRole"?: IRole | null;
     }
+    /**
+     * Display a simple dialog where the contents are provided via slots.
+     */
     interface VerdocsDialog {
         /**
           * Event fired when the dialog is dismissed by clicking the background overlay.
          */
         "onExit"?: (event: VerdocsDialogCustomEvent<any>) => void;
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
@@ -2452,6 +4055,11 @@ declare namespace LocalJSX {
          */
         "options"?: IMenuOption[];
     }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface VerdocsEnvelopeDocumentPage {
         /**
           * The ID of the document to display.
@@ -2487,6 +4095,10 @@ declare namespace LocalJSX {
          */
         "virtualWidth"?: number;
     }
+    /**
+     * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+     * signing link for that recipient to use.
+     */
     interface VerdocsEnvelopeRecipientLink {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2509,6 +4121,9 @@ declare namespace LocalJSX {
          */
         "roleName"?: string;
     }
+    /**
+     * Displays a list of recipients with options to get in-person signing links for each one.
+     */
     interface VerdocsEnvelopeRecipientSummary {
         /**
           * Enable or disable the Done button.
@@ -2547,6 +4162,10 @@ declare namespace LocalJSX {
          */
         "onView"?: (event: VerdocsEnvelopeRecipientSummaryCustomEvent<{envelope: IEnvelope}>) => void;
     }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface VerdocsEnvelopeSidebar {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2573,6 +4192,9 @@ declare namespace LocalJSX {
          */
         "onToggle"?: (event: VerdocsEnvelopeSidebarCustomEvent<{open: boolean}>) => void;
     }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface VerdocsEnvelopesList {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2635,6 +4257,9 @@ declare namespace LocalJSX {
          */
         "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
     }
+    /**
+     * Displays an attachment field.
+     */
     interface VerdocsFieldAttachment {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2685,6 +4310,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a checkbox.
+     */
     interface VerdocsFieldCheckbox {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2735,6 +4363,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a date field. When tapped or clicked, the input element will display a date picker component.
+     */
     interface VerdocsFieldDate {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2789,6 +4420,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface VerdocsFieldDropdown {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2839,6 +4474,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt an initial.
+     */
     interface VerdocsFieldInitial {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2905,6 +4544,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+     * input types like text and checkbox.
+     */
     interface VerdocsFieldPayment {
         "currentInitial"?: string;
         "currentInitialId"?: string;
@@ -2955,6 +4598,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a radio button.
+     */
     interface VerdocsFieldRadioButton {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -3005,6 +4651,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+     * button will be shown. Clicking the button will show a dialog to adopt a signature.
+     */
     interface VerdocsFieldSignature {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -3063,6 +4713,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a multi-line text input field.
+     */
     interface VerdocsFieldTextarea {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -3113,6 +4766,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a text input field.
+     */
     interface VerdocsFieldTextbox {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -3163,6 +4819,9 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Display a timestamp field.
+     */
     interface VerdocsFieldTimestamp {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -3209,6 +4868,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3219,6 +4882,11 @@ declare namespace LocalJSX {
          */
         "onFileSelected"?: (event: VerdocsFileChooserCustomEvent<{file: File | null}>) => void;
     }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface VerdocsFloatingMenu {
         /**
           * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
@@ -3229,6 +4897,9 @@ declare namespace LocalJSX {
          */
         "options"?: IOption[];
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsHelpIcon {
         /**
           * Optional icon to display. If not supplied, a standard help icon will be shown.
@@ -3239,6 +4910,10 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
+    /**
+     * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their initials with a mouse or tablet.
+     */
     interface VerdocsInitialDialog {
         /**
           * Initial signature text
@@ -3253,6 +4928,11 @@ declare namespace LocalJSX {
          */
         "onNext"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
     }
+    /**
+     * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface VerdocsKbaDialog {
         /**
           * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
@@ -3295,8 +4975,16 @@ declare namespace LocalJSX {
          */
         "steps"?: number;
     }
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface VerdocsLoader {
     }
+    /**
+     * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
+     * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+     * It can also be dismissed by clicking the background overlay.
+     */
     interface VerdocsOkDialog {
         /**
           * Override the "OK" button's label
@@ -3323,12 +5011,18 @@ declare namespace LocalJSX {
          */
         "showCancel"?: boolean;
     }
+    /**
+     * Display a small summary card describing an organization
+     */
     interface VerdocsOrganizationCard {
         /**
           * The organization to display
          */
         "organization"?: IOrganization;
     }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface VerdocsPagination {
         /**
           * The total number of items.
@@ -3347,6 +5041,14 @@ declare namespace LocalJSX {
          */
         "selectedPage"?: number;
     }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface VerdocsPortal {
         /**
           * Horizontal alignment.
@@ -3362,6 +5064,11 @@ declare namespace LocalJSX {
          */
         "voffset"?: number;
     }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3376,6 +5083,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * Displays a summary of a template
+     */
     interface VerdocsProgressBar {
         /**
           * Optional label to display above the bar
@@ -3390,6 +5100,9 @@ declare namespace LocalJSX {
          */
         "showPercent"?: boolean;
     }
+    /**
+     * Display a drop-down menu of quick filter options.
+     */
     interface VerdocsQuickFilter {
         "label"?: string;
         /**
@@ -3403,6 +5116,11 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "value"?: string;
     }
+    /**
+     * Display quick-function buttons for creating templates and documents.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3417,6 +5135,22 @@ declare namespace LocalJSX {
          */
         "onCreateTemplate"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
     }
+    /**
+     * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+     * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+     * simple radio button for UI displays e.g. dialog boxes.
+     * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+     * handler. Sample usage:
+     * ```html
+     * <verdocs-radio-button
+     *    value="val1"
+     *    name="someProperty"
+     *    checked={this.someProperty === 'val1'}
+     *    onInput={(e: any) => { this.someProperty = 'val1' }}
+     *    disabled={false}
+     * />
+     * ```
+     */
     interface VerdocsRadioButton {
         /**
           * Whether the radio button is currently selected.
@@ -3441,6 +5175,11 @@ declare namespace LocalJSX {
          */
         "endpoint"?: VerdocsEndpoint;
     }
+    /**
+     * Displays a customizable input box for search queries.
+     * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+     * embed. This Element will reuse the same session produced by logging in via that Embed.
+     */
     interface VerdocsSearchBox {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3477,6 +5216,11 @@ declare namespace LocalJSX {
     }
     interface VerdocsSearchTabs {
     }
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface VerdocsSelectInput {
         /**
           * Should the field be disabled?
@@ -3495,6 +5239,14 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Display a form to collect recipient information for a new Envelope. If used anonymously, the specified `templateId` must be public.
+     * Because most applications have custom workflow requirements to trigger after sending an Envelope, this component does not actually
+     * perform that operation. Parent applications should listen for the `onSend` event, and can pass the contents of `event.detail`
+     * directly to the `createEnvelope()` call in JS-SDK.
+     * Host applications should ensure the template is "sendable" before displaying this component. To be sendable, a template must have
+     * at least one document attached, at least one participant defined, and at least one field assigned to every "signer" participant.
+     */
     interface VerdocsSend {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3529,6 +5281,11 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * Display a template preview experience. This will display the template's attached
+     * documents with signing fields overlaid on each page. Fields will be color-coded
+     * by recipient, and will be read-only (cannot be filled, moved, or altered).
+     */
     interface VerdocsSettings {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3539,6 +5296,9 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsSettingsCustomEvent<SDKError>) => void;
     }
+    /**
+     * Displays a settings form that allows the user to manage their API keys.
+     */
     interface VerdocsSettingsApiKeys {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3561,6 +5321,9 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsSettingsApiKeysCustomEvent<SDKError>) => void;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsMembers {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3583,6 +5346,9 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsSettingsMembersCustomEvent<SDKError>) => void;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsOrganization {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3597,6 +5363,9 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsSettingsOrganizationCustomEvent<SDKError>) => void;
     }
+    /**
+     * Displays a settings form that allows the user to manage their Verdocs profile.
+     */
     interface VerdocsSettingsProfile {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3611,6 +5380,21 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsSettingsProfileCustomEvent<SDKError>) => void;
     }
+    /**
+     * Display an envelope signing experience. This will display the envelope's attached
+     * documents with signing fields overlaid on each page.
+     * The component will attempt to initiate a signing session and load the specified
+     * envelope. If successful, the recipient's fields will be enabled and the user will
+     * be able to sign the envelope's attached documents. If not, an `sdkError` will be
+     * thrown and the component will be blank/empty. To provide the best user experience,
+     * applications should capture and handle this error to provide the user with
+     * instructions/options for next steps based on the application's design and workflow.
+     * Unlike other components, this will always create its own endpoint to manage the
+     * session session. This endpoint will be included in event callbacks for the
+     * convenience of host applications that may wish to make server calls using the
+     * signer's credentials once signing is complete (e.g. to obtain copies of
+     * the signed attachments.)
+     */
     interface VerdocsSign {
         /**
           * The ID of the envelope to sign.
@@ -3641,6 +5425,10 @@ declare namespace LocalJSX {
          */
         "roleId"?: string | null;
     }
+    /**
+     * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image
+     * based on their full name, or by hand-drawing their signature with a mouse or tablet.
+     */
     interface VerdocsSignatureDialog {
         /**
           * Initial signature text
@@ -3655,10 +5443,20 @@ declare namespace LocalJSX {
          */
         "onNext"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
     }
+    /**
+     * Display a small loading spinner.
+     */
     interface VerdocsSpinner {
         "mode"?: 'light' | 'dark';
         "size"?: number;
     }
+    /**
+     * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
+     * directly as a status field or the whole document object may be passed in.
+     * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
+     * to display a popup panel with per-recipient status data.
+     * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+     */
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -3677,6 +5475,10 @@ declare namespace LocalJSX {
          */
         "theme"?: 'dark' | 'light';
     }
+    /**
+     * Display a simple table of data. Columns and data cells may have custom renderers defined to
+     * support creating interactive table layouts.
+     */
     interface VerdocsTable {
         /**
           * The columns to display
@@ -3695,6 +5497,10 @@ declare namespace LocalJSX {
          */
         "onRowClick"?: (event: VerdocsTableCustomEvent<{row: any}>) => void;
     }
+    /**
+     * Display a simple row of selectable tabs. This is a controlled element.
+     * The parent must adjust selectedTab as selection events are fired.
+     */
     interface VerdocsTabs {
         /**
           * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate to the template preview. This is also fired when the user selects "Preview/Send" fropm the dropdown menu.
@@ -3709,6 +5515,10 @@ declare namespace LocalJSX {
          */
         "tabs"?: ITab[];
     }
+    /**
+     * Displays an edit form that allows the user to view, add, or remove a template's attachments.
+     * Note that an active session and valid template ID must be supplied.
+     */
     interface VerdocsTemplateAttachments {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3735,6 +5545,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Display a set of tabs for the template builder.
+     */
     interface VerdocsTemplateBuildTabs {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3747,22 +5560,29 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user selects a different step.
          */
-        "onStepChanged"?: (event: VerdocsTemplateBuildTabsCustomEvent<TVerdocsBuildStep>) => void;
+        "onStepChanged"?: (event: VerdocsTemplateBuildTabsCustomEvent<TVerdocsBuildStep1>) => void;
         /**
           * The step in the creation process to display.
          */
-        "step"?: TVerdocsBuildStep;
+        "step"?: TVerdocsBuildStep1;
         /**
           * The ID of the template to create the document from. Unlike most other components, this is an optional parameter here. If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process. If it is not specified, `step` will be ignored and the create step will be shown.
          */
         "templateId"?: string | null;
     }
+    /**
+     * Displays a summary of a template
+     */
     interface VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
          */
         "template"?: ITemplate;
     }
+    /**
+     * Displays a file upload mechanism suitable for the first step of creating a template.
+     * This is typically the first step in a template creation workflow.
+     */
     interface VerdocsTemplateCreate {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3785,6 +5605,11 @@ declare namespace LocalJSX {
          */
         "onTemplateCreated"?: (event: VerdocsTemplateCreateCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate; templateId: string}>) => void;
     }
+    /**
+     * Represents one document page. This is primarily a layout container used to coordinate positions of
+     * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+     * on its own as an individual component.
+     */
     interface VerdocsTemplateDocumentPage {
         /**
           * Whether the fields should be disabled (Builder)
@@ -3831,6 +5656,9 @@ declare namespace LocalJSX {
          */
         "virtualWidth"?: number;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a field's settings.
+     */
     interface VerdocsTemplateFieldProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3865,6 +5693,10 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to
+     * present all of the required controls, so it is primarily intended to be used in desktop environments.
+     */
     interface VerdocsTemplateFields {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3888,6 +5720,9 @@ declare namespace LocalJSX {
          */
         "toolbarTargetId"?: string | null;
     }
+    /**
+     * Displays an edit form that allows the user to rename a template. Note that an active session and valid template ID must be supplied.
+     */
     interface VerdocsTemplateName {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3910,6 +5745,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's reminders.
+     */
     interface VerdocsTemplateReminders {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3932,6 +5770,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Display an edit form that allows the user to adjust a role's setitngs.
+     */
     interface VerdocsTemplateRoleProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3956,12 +5797,15 @@ declare namespace LocalJSX {
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "sender"?: TTemplateSender;
+        "sender"?: TTemplateSenderType;
         /**
           * The template ID to edit.
          */
         "templateId"?: string;
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's roles and workflow.
+     */
     interface VerdocsTemplateRoles {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3988,6 +5832,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Display a dialog that allows a template sender to be selected.
+     */
     interface VerdocsTemplateSender {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4004,12 +5851,15 @@ declare namespace LocalJSX {
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "sender"?: TTemplateSender;
+        "sender"?: TTemplateSenderType;
         /**
           * The template ID to edit.
          */
         "templateId"?: string;
     }
+    /**
+     * Displays a clickable star that allows users to mark frequently-used templates.
+     */
     interface VerdocsTemplateStar {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4028,12 +5878,18 @@ declare namespace LocalJSX {
          */
         "template"?: ITemplate;
     }
+    /**
+     * Displays a message listing a template's tags.
+     */
     interface VerdocsTemplateTags {
         /**
           * The tags to display
          */
         "tags"?: any[];
     }
+    /**
+     * Displays an edit form that allows the user to adjust a template's visibility.
+     */
     interface VerdocsTemplateVisibility {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4056,6 +5912,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    /**
+     * Displays a list of envelopes matching specified conditions.
+     */
     interface VerdocsTemplatesList {
         /**
           * Override the If set, filter templates by the specified name.
@@ -4134,6 +5993,11 @@ declare namespace LocalJSX {
          */
         "starred"?: 'all' | 'starred' | 'unstarred';
     }
+    /**
+     * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+     * visual styles of the other components. Note that events "bubble" from the input field to the container,
+     * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+     */
     interface VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -4176,6 +6040,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Displays a label and a set of buttons, also allowing a default selection of a button
+     */
     interface VerdocsToggle {
         /**
           * The tags to display
@@ -4186,6 +6053,9 @@ declare namespace LocalJSX {
          */
         "theme"?: 'light' | 'dark';
     }
+    /**
+     * Displays a single button that can be toggled on or off by clicking it.
+     */
     interface VerdocsToggleButton {
         "active"?: boolean;
         /**
@@ -4205,6 +6075,9 @@ declare namespace LocalJSX {
          */
         "size"?: 'small' | 'normal';
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsToolbarIcon {
         /**
           * SVG icon to display
@@ -4219,6 +6092,11 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
+    /**
+     * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by
+     * callers with a variety of workflows. Instead, data about the chosen file will be passed to the
+     * caller via the onNext event handler.
+     */
     interface VerdocsUploadDialog {
         /**
           * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
@@ -4227,8 +6105,11 @@ declare namespace LocalJSX {
         /**
           * Event fired when the dialog is closed. The event data will contain the file selected.
          */
-        "onNext"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
+        "onNext"?: (event: VerdocsUploadDialogCustomEvent<IFileWithData[]>) => void;
     }
+    /**
+     * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.
+     */
     interface VerdocsView {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4264,7 +6145,6 @@ declare namespace LocalJSX {
         "onView"?: (event: VerdocsViewCustomEvent<any>) => void;
     }
     interface IntrinsicElements {
-        "ipc-test": IpcTest;
         "verdocs-activity-box": VerdocsActivityBox;
         "verdocs-auth": VerdocsAuth;
         "verdocs-build": VerdocsBuild;
@@ -4350,85 +6230,461 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "ipc-test": LocalJSX.IpcTest & JSXBase.HTMLAttributes<HTMLIpcTestElement>;
+            /**
+             * Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number
+             * of items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps
+             * them appear more visually balanced.
+             */
             "verdocs-activity-box": LocalJSX.VerdocsActivityBox & JSXBase.HTMLAttributes<HTMLVerdocsActivityBoxElement>;
+            /**
+             * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that
+             * occur during the process (especially successful completion). If the user is already authenticated with a valid
+             * session, this component will hide itself and fire the success callback immediately. It is up to the host application
+             * to render the next appropriate view for the application.
+             * To simplify some types of authentication flows, a visibility flag can force this component to never display. This
+             * allows you to susbcribe to notifications from the
+             * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide
+             * container to allow sufficient space for the required forms.
+             * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after
+             * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or
+             * cancels) authentication steps.
+             * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+             * embed. This Element will reuse the same session produced by logging in via that Embed.
+             * ```typescript
+             * interface IAuthStatus {
+             *   // If true, the user is authenticated with a valid session
+             *   authenticated: boolean;
+             *   // Details for the user's session
+             *   session: IActiveSession | null;
+             * }
+             * ```
+             */
             "verdocs-auth": LocalJSX.VerdocsAuth & JSXBase.HTMLAttributes<HTMLVerdocsAuthElement>;
+            /**
+             * Display a template building experience.
+             */
             "verdocs-build": LocalJSX.VerdocsBuild & JSXBase.HTMLAttributes<HTMLVerdocsBuildElement>;
+            /**
+             * Display a simple button.
+             * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
+             * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
+             * (Auth uses text buttons for the Forgot Password and Sign Up options.)
+             * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
+             * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
+             * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
+             * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
+             * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
+             * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+             * ```html
+             * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+             * ```
+             */
             "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
+            /**
+             * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+             * displayed.
+             * ```html
+             * <verdocs-button-panel icon="<svg.../>">
+             *   <div class="content">...</div>
+             * </verdocs-button-panel>
+             * ```
+             */
             "verdocs-button-panel": LocalJSX.VerdocsButtonPanel & JSXBase.HTMLAttributes<HTMLVerdocsButtonPanelElement>;
+            /**
+             * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
+             * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+             * box for UI displays e.g. dialog boxes.
+             * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+             * handler. Sample usage:
+             * ```html
+             * <verdocs-checkbox
+             *    value="on"
+             *    name="thingEnabled"
+             *    checked={this.thingEnabled}
+             *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+             * />
+             * ```
+             */
             "verdocs-checkbox": LocalJSX.VerdocsCheckbox & JSXBase.HTMLAttributes<HTMLVerdocsCheckboxElement>;
+            /**
+             * Render a simple error message.
+             */
             "verdocs-component-error": LocalJSX.VerdocsComponentError & JSXBase.HTMLAttributes<HTMLVerdocsComponentErrorElement>;
+            /**
+             * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
+             * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the
+             * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.
+             * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be
+             * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as "Recently Used" contacts, or
+             * to always display the user's own contact record.
+             */
             "verdocs-contact-picker": LocalJSX.VerdocsContactPicker & JSXBase.HTMLAttributes<HTMLVerdocsContactPickerElement>;
+            /**
+             * Display a simple dialog where the contents are provided via slots.
+             */
             "verdocs-dialog": LocalJSX.VerdocsDialog & JSXBase.HTMLAttributes<HTMLVerdocsDialogElement>;
+            /**
+             * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+             * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+             * ```html
+             * <verdocs-dropdown
+             *   options={[
+             *     {label: 'Option 1', disabled: true},
+             *     {label: 'Option 2', id: '2'}
+             *     {label: ''}
+             *     {label: 'Option 3', id: '2'}
+             *    ]}
+             *   label="OK" onClick={() => (console.log('OK clicked'))}
+             * />
+             * ```
+             */
             "verdocs-dropdown": LocalJSX.VerdocsDropdown & JSXBase.HTMLAttributes<HTMLVerdocsDropdownElement>;
+            /**
+             * Represents one document page. This is primarily a layout container used to coordinate positions of
+             * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+             * on its own as an individual component.
+             */
             "verdocs-envelope-document-page": LocalJSX.VerdocsEnvelopeDocumentPage & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeDocumentPageElement>;
+            /**
+             * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+             * signing link for that recipient to use.
+             */
             "verdocs-envelope-recipient-link": LocalJSX.VerdocsEnvelopeRecipientLink & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeRecipientLinkElement>;
+            /**
+             * Displays a list of recipients with options to get in-person signing links for each one.
+             */
             "verdocs-envelope-recipient-summary": LocalJSX.VerdocsEnvelopeRecipientSummary & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeRecipientSummaryElement>;
+            /**
+             * Displays a file upload mechanism suitable for the first step of creating a template.
+             * This is typically the first step in a template creation workflow.
+             */
             "verdocs-envelope-sidebar": LocalJSX.VerdocsEnvelopeSidebar & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeSidebarElement>;
+            /**
+             * Displays a list of envelopes matching specified conditions.
+             */
             "verdocs-envelopes-list": LocalJSX.VerdocsEnvelopesList & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopesListElement>;
+            /**
+             * Displays an attachment field.
+             */
             "verdocs-field-attachment": LocalJSX.VerdocsFieldAttachment & JSXBase.HTMLAttributes<HTMLVerdocsFieldAttachmentElement>;
+            /**
+             * Displays a checkbox.
+             */
             "verdocs-field-checkbox": LocalJSX.VerdocsFieldCheckbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldCheckboxElement>;
+            /**
+             * Displays a date field. When tapped or clicked, the input element will display a date picker component.
+             */
             "verdocs-field-date": LocalJSX.VerdocsFieldDate & JSXBase.HTMLAttributes<HTMLVerdocsFieldDateElement>;
+            /**
+             * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+             * input types like text and checkbox.
+             */
             "verdocs-field-dropdown": LocalJSX.VerdocsFieldDropdown & JSXBase.HTMLAttributes<HTMLVerdocsFieldDropdownElement>;
+            /**
+             * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+             * button will be shown. Clicking the button will show a dialog to adopt an initial.
+             */
             "verdocs-field-initial": LocalJSX.VerdocsFieldInitial & JSXBase.HTMLAttributes<HTMLVerdocsFieldInitialElement>;
+            /**
+             * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+             * input types like text and checkbox.
+             */
             "verdocs-field-payment": LocalJSX.VerdocsFieldPayment & JSXBase.HTMLAttributes<HTMLVerdocsFieldPaymentElement>;
+            /**
+             * Displays a radio button.
+             */
             "verdocs-field-radio-button": LocalJSX.VerdocsFieldRadioButton & JSXBase.HTMLAttributes<HTMLVerdocsFieldRadioButtonElement>;
+            /**
+             * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+             * button will be shown. Clicking the button will show a dialog to adopt a signature.
+             */
             "verdocs-field-signature": LocalJSX.VerdocsFieldSignature & JSXBase.HTMLAttributes<HTMLVerdocsFieldSignatureElement>;
+            /**
+             * Display a multi-line text input field.
+             */
             "verdocs-field-textarea": LocalJSX.VerdocsFieldTextarea & JSXBase.HTMLAttributes<HTMLVerdocsFieldTextareaElement>;
+            /**
+             * Display a text input field.
+             */
             "verdocs-field-textbox": LocalJSX.VerdocsFieldTextbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldTextboxElement>;
+            /**
+             * Display a timestamp field.
+             */
             "verdocs-field-timestamp": LocalJSX.VerdocsFieldTimestamp & JSXBase.HTMLAttributes<HTMLVerdocsFieldTimestampElement>;
+            /**
+             * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+             * provide the actual upload functionality.
+             */
             "verdocs-file-chooser": LocalJSX.VerdocsFileChooser & JSXBase.HTMLAttributes<HTMLVerdocsFileChooserElement>;
+            /**
+             * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+             * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+             * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+             */
             "verdocs-floating-menu": LocalJSX.VerdocsFloatingMenu & JSXBase.HTMLAttributes<HTMLVerdocsFloatingMenuElement>;
+            /**
+             * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+             */
             "verdocs-help-icon": LocalJSX.VerdocsHelpIcon & JSXBase.HTMLAttributes<HTMLVerdocsHelpIconElement>;
+            /**
+             * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
+             * based on their full name, or by hand-drawing their initials with a mouse or tablet.
+             */
             "verdocs-initial-dialog": LocalJSX.VerdocsInitialDialog & JSXBase.HTMLAttributes<HTMLVerdocsInitialDialogElement>;
+            /**
+             * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog
+             * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+             * It can also be dismissed by clicking the background overlay.
+             */
             "verdocs-kba-dialog": LocalJSX.VerdocsKbaDialog & JSXBase.HTMLAttributes<HTMLVerdocsKbaDialogElement>;
+            /**
+             * Animated loader placeholder. There are currently no configuration options for this control.
+             */
             "verdocs-loader": LocalJSX.VerdocsLoader & JSXBase.HTMLAttributes<HTMLVerdocsLoaderElement>;
+            /**
+             * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
+             * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+             * It can also be dismissed by clicking the background overlay.
+             */
             "verdocs-ok-dialog": LocalJSX.VerdocsOkDialog & JSXBase.HTMLAttributes<HTMLVerdocsOkDialogElement>;
+            /**
+             * Display a small summary card describing an organization
+             */
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
+            /**
+             * Display a drop-down menu of quick filter options.
+             */
             "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
+            /**
+             * Display a child component in a "portal", popping it out of the main DOM tree
+             * to allow it to escape the bounds set by its parent.
+             * @credit https://github.com/tomas-teston/stencil-portal for the basic
+             * technique. This has been altered in a few ways to make it more friendly
+             * to cases where there may be multiple portals on the page and provide more
+             * alignment options for the child to be displayed.
+             */
             "verdocs-portal": LocalJSX.VerdocsPortal & JSXBase.HTMLAttributes<HTMLVerdocsPortalElement>;
+            /**
+             * Display a template preview experience. This will display the template's attached
+             * documents with signing fields overlaid on each page. Fields will be color-coded
+             * by recipient, and will be read-only (cannot be filled, moved, or altered).
+             */
             "verdocs-preview": LocalJSX.VerdocsPreview & JSXBase.HTMLAttributes<HTMLVerdocsPreviewElement>;
+            /**
+             * Displays a summary of a template
+             */
             "verdocs-progress-bar": LocalJSX.VerdocsProgressBar & JSXBase.HTMLAttributes<HTMLVerdocsProgressBarElement>;
+            /**
+             * Display a drop-down menu of quick filter options.
+             */
             "verdocs-quick-filter": LocalJSX.VerdocsQuickFilter & JSXBase.HTMLAttributes<HTMLVerdocsQuickFilterElement>;
+            /**
+             * Display quick-function buttons for creating templates and documents.
+             * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+             * embed. This Element will reuse the same session produced by logging in via that Embed.
+             */
             "verdocs-quick-functions": LocalJSX.VerdocsQuickFunctions & JSXBase.HTMLAttributes<HTMLVerdocsQuickFunctionsElement>;
+            /**
+             * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+             * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+             * simple radio button for UI displays e.g. dialog boxes.
+             * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+             * handler. Sample usage:
+             * ```html
+             * <verdocs-radio-button
+             *    value="val1"
+             *    name="someProperty"
+             *    checked={this.someProperty === 'val1'}
+             *    onInput={(e: any) => { this.someProperty = 'val1' }}
+             *    disabled={false}
+             * />
+             * ```
+             */
             "verdocs-radio-button": LocalJSX.VerdocsRadioButton & JSXBase.HTMLAttributes<HTMLVerdocsRadioButtonElement>;
             "verdocs-search": LocalJSX.VerdocsSearch & JSXBase.HTMLAttributes<HTMLVerdocsSearchElement>;
+            /**
+             * Displays a customizable input box for search queries.
+             * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+             * embed. This Element will reuse the same session produced by logging in via that Embed.
+             */
             "verdocs-search-box": LocalJSX.VerdocsSearchBox & JSXBase.HTMLAttributes<HTMLVerdocsSearchBoxElement>;
             "verdocs-search-tabs": LocalJSX.VerdocsSearchTabs & JSXBase.HTMLAttributes<HTMLVerdocsSearchTabsElement>;
+            /**
+             * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+             * visual styles of the other components. Note that events "bubble" from the input field to the container,
+             * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+             */
             "verdocs-select-input": LocalJSX.VerdocsSelectInput & JSXBase.HTMLAttributes<HTMLVerdocsSelectInputElement>;
+            /**
+             * Display a form to collect recipient information for a new Envelope. If used anonymously, the specified `templateId` must be public.
+             * Because most applications have custom workflow requirements to trigger after sending an Envelope, this component does not actually
+             * perform that operation. Parent applications should listen for the `onSend` event, and can pass the contents of `event.detail`
+             * directly to the `createEnvelope()` call in JS-SDK.
+             * Host applications should ensure the template is "sendable" before displaying this component. To be sendable, a template must have
+             * at least one document attached, at least one participant defined, and at least one field assigned to every "signer" participant.
+             */
             "verdocs-send": LocalJSX.VerdocsSend & JSXBase.HTMLAttributes<HTMLVerdocsSendElement>;
+            /**
+             * Display a template preview experience. This will display the template's attached
+             * documents with signing fields overlaid on each page. Fields will be color-coded
+             * by recipient, and will be read-only (cannot be filled, moved, or altered).
+             */
             "verdocs-settings": LocalJSX.VerdocsSettings & JSXBase.HTMLAttributes<HTMLVerdocsSettingsElement>;
+            /**
+             * Displays a settings form that allows the user to manage their API keys.
+             */
             "verdocs-settings-api-keys": LocalJSX.VerdocsSettingsApiKeys & JSXBase.HTMLAttributes<HTMLVerdocsSettingsApiKeysElement>;
+            /**
+             * Displays a settings form that allows the user to manage their Verdocs profile.
+             */
             "verdocs-settings-members": LocalJSX.VerdocsSettingsMembers & JSXBase.HTMLAttributes<HTMLVerdocsSettingsMembersElement>;
+            /**
+             * Displays a settings form that allows the user to manage their Verdocs profile.
+             */
             "verdocs-settings-organization": LocalJSX.VerdocsSettingsOrganization & JSXBase.HTMLAttributes<HTMLVerdocsSettingsOrganizationElement>;
+            /**
+             * Displays a settings form that allows the user to manage their Verdocs profile.
+             */
             "verdocs-settings-profile": LocalJSX.VerdocsSettingsProfile & JSXBase.HTMLAttributes<HTMLVerdocsSettingsProfileElement>;
+            /**
+             * Display an envelope signing experience. This will display the envelope's attached
+             * documents with signing fields overlaid on each page.
+             * The component will attempt to initiate a signing session and load the specified
+             * envelope. If successful, the recipient's fields will be enabled and the user will
+             * be able to sign the envelope's attached documents. If not, an `sdkError` will be
+             * thrown and the component will be blank/empty. To provide the best user experience,
+             * applications should capture and handle this error to provide the user with
+             * instructions/options for next steps based on the application's design and workflow.
+             * Unlike other components, this will always create its own endpoint to manage the
+             * session session. This endpoint will be included in event callbacks for the
+             * convenience of host applications that may wish to make server calls using the
+             * signer's credentials once signing is complete (e.g. to obtain copies of
+             * the signed attachments.)
+             */
             "verdocs-sign": LocalJSX.VerdocsSign & JSXBase.HTMLAttributes<HTMLVerdocsSignElement>;
+            /**
+             * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image
+             * based on their full name, or by hand-drawing their signature with a mouse or tablet.
+             */
             "verdocs-signature-dialog": LocalJSX.VerdocsSignatureDialog & JSXBase.HTMLAttributes<HTMLVerdocsSignatureDialogElement>;
+            /**
+             * Display a small loading spinner.
+             */
             "verdocs-spinner": LocalJSX.VerdocsSpinner & JSXBase.HTMLAttributes<HTMLVerdocsSpinnerElement>;
+            /**
+             * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
+             * directly as a status field or the whole document object may be passed in.
+             * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
+             * to display a popup panel with per-recipient status data.
+             * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+             */
             "verdocs-status-indicator": LocalJSX.VerdocsStatusIndicator & JSXBase.HTMLAttributes<HTMLVerdocsStatusIndicatorElement>;
+            /**
+             * Display a simple table of data. Columns and data cells may have custom renderers defined to
+             * support creating interactive table layouts.
+             */
             "verdocs-table": LocalJSX.VerdocsTable & JSXBase.HTMLAttributes<HTMLVerdocsTableElement>;
+            /**
+             * Display a simple row of selectable tabs. This is a controlled element.
+             * The parent must adjust selectedTab as selection events are fired.
+             */
             "verdocs-tabs": LocalJSX.VerdocsTabs & JSXBase.HTMLAttributes<HTMLVerdocsTabsElement>;
+            /**
+             * Displays an edit form that allows the user to view, add, or remove a template's attachments.
+             * Note that an active session and valid template ID must be supplied.
+             */
             "verdocs-template-attachments": LocalJSX.VerdocsTemplateAttachments & JSXBase.HTMLAttributes<HTMLVerdocsTemplateAttachmentsElement>;
+            /**
+             * Display a set of tabs for the template builder.
+             */
             "verdocs-template-build-tabs": LocalJSX.VerdocsTemplateBuildTabs & JSXBase.HTMLAttributes<HTMLVerdocsTemplateBuildTabsElement>;
+            /**
+             * Displays a summary of a template
+             */
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
+            /**
+             * Displays a file upload mechanism suitable for the first step of creating a template.
+             * This is typically the first step in a template creation workflow.
+             */
             "verdocs-template-create": LocalJSX.VerdocsTemplateCreate & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCreateElement>;
+            /**
+             * Represents one document page. This is primarily a layout container used to coordinate positions of
+             * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+             * on its own as an individual component.
+             */
             "verdocs-template-document-page": LocalJSX.VerdocsTemplateDocumentPage & JSXBase.HTMLAttributes<HTMLVerdocsTemplateDocumentPageElement>;
+            /**
+             * Displays an edit form that allows the user to adjust a field's settings.
+             */
             "verdocs-template-field-properties": LocalJSX.VerdocsTemplateFieldProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldPropertiesElement>;
+            /**
+             * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to
+             * present all of the required controls, so it is primarily intended to be used in desktop environments.
+             */
             "verdocs-template-fields": LocalJSX.VerdocsTemplateFields & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldsElement>;
+            /**
+             * Displays an edit form that allows the user to rename a template. Note that an active session and valid template ID must be supplied.
+             */
             "verdocs-template-name": LocalJSX.VerdocsTemplateName & JSXBase.HTMLAttributes<HTMLVerdocsTemplateNameElement>;
+            /**
+             * Displays an edit form that allows the user to adjust a template's reminders.
+             */
             "verdocs-template-reminders": LocalJSX.VerdocsTemplateReminders & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRemindersElement>;
+            /**
+             * Display an edit form that allows the user to adjust a role's setitngs.
+             */
             "verdocs-template-role-properties": LocalJSX.VerdocsTemplateRoleProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRolePropertiesElement>;
+            /**
+             * Displays an edit form that allows the user to adjust a template's roles and workflow.
+             */
             "verdocs-template-roles": LocalJSX.VerdocsTemplateRoles & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRolesElement>;
+            /**
+             * Display a dialog that allows a template sender to be selected.
+             */
             "verdocs-template-sender": LocalJSX.VerdocsTemplateSender & JSXBase.HTMLAttributes<HTMLVerdocsTemplateSenderElement>;
+            /**
+             * Displays a clickable star that allows users to mark frequently-used templates.
+             */
             "verdocs-template-star": LocalJSX.VerdocsTemplateStar & JSXBase.HTMLAttributes<HTMLVerdocsTemplateStarElement>;
+            /**
+             * Displays a message listing a template's tags.
+             */
             "verdocs-template-tags": LocalJSX.VerdocsTemplateTags & JSXBase.HTMLAttributes<HTMLVerdocsTemplateTagsElement>;
+            /**
+             * Displays an edit form that allows the user to adjust a template's visibility.
+             */
             "verdocs-template-visibility": LocalJSX.VerdocsTemplateVisibility & JSXBase.HTMLAttributes<HTMLVerdocsTemplateVisibilityElement>;
+            /**
+             * Displays a list of envelopes matching specified conditions.
+             */
             "verdocs-templates-list": LocalJSX.VerdocsTemplatesList & JSXBase.HTMLAttributes<HTMLVerdocsTemplatesListElement>;
+            /**
+             * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+             * visual styles of the other components. Note that events "bubble" from the input field to the container,
+             * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.
+             */
             "verdocs-text-input": LocalJSX.VerdocsTextInput & JSXBase.HTMLAttributes<HTMLVerdocsTextInputElement>;
+            /**
+             * Displays a label and a set of buttons, also allowing a default selection of a button
+             */
             "verdocs-toggle": LocalJSX.VerdocsToggle & JSXBase.HTMLAttributes<HTMLVerdocsToggleElement>;
+            /**
+             * Displays a single button that can be toggled on or off by clicking it.
+             */
             "verdocs-toggle-button": LocalJSX.VerdocsToggleButton & JSXBase.HTMLAttributes<HTMLVerdocsToggleButtonElement>;
+            /**
+             * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+             */
             "verdocs-toolbar-icon": LocalJSX.VerdocsToolbarIcon & JSXBase.HTMLAttributes<HTMLVerdocsToolbarIconElement>;
+            /**
+             * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by
+             * callers with a variety of workflows. Instead, data about the chosen file will be passed to the
+             * caller via the onNext event handler.
+             */
             "verdocs-upload-dialog": LocalJSX.VerdocsUploadDialog & JSXBase.HTMLAttributes<HTMLVerdocsUploadDialogElement>;
+            /**
+             * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.
+             */
             "verdocs-view": LocalJSX.VerdocsView & JSXBase.HTMLAttributes<HTMLVerdocsViewElement>;
         }
     }