@verdocs/web-sdk 5.0.27 → 5.0.29

package/dist/custom-elements.json

@@ -0,0 +1,2156 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "verdocs-auth",
+      "description": {
+        "kind": "markdown",
+        "value": "Display an authentication dialog that allows the user to login or sign up. If the user is\nalready authenticated with a valid session, this component will hide itself and fire the\nsuccess callback immediately. It is up to the host application to render the next appropriate\nview for the application.\n\nTo simplify UI development, a visibility flag can force this component to never display. This\nallows you to subscribe to notifications from client apps without calling the lower-level JS SDK.\n\nThis embed is responsive / mobile-friendly, but the calling application should provide at\nleast a 300px wide container to allow sufficient space for the required forms.\n\n```ts\ninterface IAuthStatus {\n  authenticated: boolean;\n  session: TSession;\n  profile: IProfile | null;\n}\n\n<verdocs-auth\n  onAuthenticated={({ detail }: { detail: IAuthStatus }) => console.log('Authentication state:', detail) }\n  onSdkError={({ detail }) => { console.log('SDK error', detail) }\n  />\n```"
+      },
+      "attributes": [
+        {
+          "name": "display-mode",
+          "description": "The display mode to start in.",
+          "values": [
+            {
+              "name": "forgot"
+            },
+            {
+              "name": "login"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "signup"
+            },
+            {
+              "name": "verify"
+            }
+          ]
+        },
+        {
+          "name": "logo",
+          "description": "By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to\noverride its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be\nin SVG format for best results."
+        },
+        {
+          "name": "visible",
+          "description": "Normally, if the user has a valid session, this embed will be invisible, otherwise it will display\nlogin / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may\nuse this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-build",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a template building experience. Several event callbacks provide status updates to the\nparent application to support interface updates.\n\n```ts\n<verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n  console.log('Sent envelope from template', detail);\n}} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "step",
+          "description": "The step in the creation process to display.",
+          "values": [
+            {
+              "name": "attachments"
+            },
+            {
+              "name": "fields"
+            },
+            {
+              "name": "preview"
+            },
+            {
+              "name": "roles"
+            },
+            {
+              "name": "settings"
+            }
+          ]
+        },
+        {
+          "name": "template-id",
+          "description": "The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\nIf the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\nIf it is not specified, `step` will be ignored and the create step will be shown."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-button",
+      "description": {
+        "kind": "markdown",
+        "value": "A simple button, with consistent styling to other controls in the design system.\n\n```ts\n<verdocs-button label=\"Click Me\" size=\"normal\" variant=\"standard\" />\n```"
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the button should be disabled."
+        },
+        {
+          "name": "end-icon",
+          "description": "If desired, a suffix icon for the button."
+        },
+        {
+          "name": "label",
+          "description": "The label for the button."
+        },
+        {
+          "name": "size",
+          "description": "The size (height) of the button.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "normal"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xsmall"
+            }
+          ]
+        },
+        {
+          "name": "start-icon",
+          "description": "If desired, a prefix icon for the button."
+        },
+        {
+          "name": "type",
+          "description": "The type of the button.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "The display variant of the button.",
+          "values": [
+            {
+              "name": "outline"
+            },
+            {
+              "name": "standard"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-button-panel",
+      "description": {
+        "kind": "markdown",
+        "value": "Display an icon button that triggers a drop-down panel that can display\narbitrary child content, such as metadata, forms, or other controls.\n\n```ts\n  <verdocs-button-panel .icon=${icon}>\n    <h6>Field Settings</h6>\n    <form>\n    <p>\n      <label>Field Name</label>\n      <input type=\"text\" placeholder=\"Field Name...\" />\n    </p>\n    </form>\n  </verdocs-button-panel>\n```"
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "SVG icon to display"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-checkbox",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple check\nbox for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```ts\n<verdocs-checkbox\n   value=\"on\"\n   name=\"thingEnabled\"\n   checked={this.thingEnabled}\n   onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n/>\n```"
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the radio button is currently selected."
+        },
+        {
+          "name": "disabled",
+          "description": "If set, the button will still be displayed but not selectable."
+        },
+        {
+          "name": "label",
+          "description": "Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\nrepositioned with CSS."
+        },
+        {
+          "name": "name",
+          "description": "HTML form field name for the input."
+        },
+        {
+          "name": "theme",
+          "description": "Style of checkbox to render. Use 'dark' when rendering on a dark background.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Value to track with the input. Value is not used internally by this component but is sometimes useful to set\nbecause it can be retrieved in event handlers via e.target.value. This can be used to identify which\ncheckbox was clicked in a checkbox group."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-component-error",
+      "description": {
+        "kind": "markdown",
+        "value": "Render a simple error message."
+      },
+      "attributes": [
+        {
+          "name": "message",
+          "description": "The message to display."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-contact-picker",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n\nThis picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\nuser interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\nThe parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\nhard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\nto always display the user's own contact record.\n\n```ts\n<verdocs-contact-picker\n  templateRole={role}\n  contactSuggestions={[]}\n  onNext={e => console.log('Contact completed', e.detail)}\n  />\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple dialog where the contents are provided via slots."
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-dropdown",
+      "description": {
+        "kind": "markdown",
+        "value": "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\nwhen the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.\n\n```ts\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n    {label: ''}\n    {label: 'Option 3', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-envelope-document-page",
+      "description": {
+        "kind": "markdown",
+        "value": "Represents one document page. This is primarily a layout container used to coordinate positions of\npage-related layers such as the page itself, signature fields, etc. It is not intended to be used\non its own as an individual component."
+      },
+      "attributes": [
+        {
+          "name": "document-id",
+          "description": "The ID of the document to display."
+        },
+        {
+          "name": "envelope-id",
+          "description": "The ID of the envelope the document is for."
+        },
+        {
+          "name": "page-number",
+          "description": "The page number being rendered. (Reminder: page numbers are 1-based.)"
+        },
+        {
+          "name": "type",
+          "description": "",
+          "values": [
+            {
+              "name": "certificate"
+            },
+            {
+              "name": "filled"
+            },
+            {
+              "name": "original"
+            }
+          ]
+        },
+        {
+          "name": "virtual-height",
+          "description": "The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down."
+        },
+        {
+          "name": "virtual-width",
+          "description": "The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-envelope-recipient-link",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a single recipient from an envelope, with the opportunity to copy an in-person\nsigning link for that recipient to use."
+      },
+      "attributes": [
+        {
+          "name": "envelope-id",
+          "description": "The envelope ID to edit."
+        },
+        {
+          "name": "role-name",
+          "description": "The role to load."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-envelope-recipient-summary",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a list of recipients with options to get in-person signing links for each one."
+      },
+      "attributes": [
+        {
+          "name": "can-done",
+          "description": "Enable or disable the Done button."
+        },
+        {
+          "name": "can-send-another",
+          "description": "Enable or disable the Send Another button."
+        },
+        {
+          "name": "can-view",
+          "description": "Enable or disable the View button."
+        },
+        {
+          "name": "envelope-id",
+          "description": "The envelope ID to edit."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-envelope-sidebar",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a file upload mechanism suitable for the first step of creating a template.\nThis is typically the first step in a template creation workflow."
+      },
+      "attributes": [
+        {
+          "name": "envelope-id",
+          "description": "The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-envelopes-list",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a list of envelopes matching specified conditions."
+      },
+      "attributes": [
+        {
+          "name": "match",
+          "description": "If set, filter envelopes by the specified string."
+        },
+        {
+          "name": "rows-per-page",
+          "description": "The number of rows to display per page."
+        },
+        {
+          "name": "selected-page",
+          "description": "The initial page number to select. Pagination is internally controlled but may be overriden by the\nhost applicaiton."
+        },
+        {
+          "name": "show-pagination",
+          "description": "Whether or not pagination should be enabled."
+        },
+        {
+          "name": "sort",
+          "description": "The sort field to use",
+          "values": [
+            {
+              "name": "canceled_at"
+            },
+            {
+              "name": "created_at"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "status"
+            },
+            {
+              "name": "updated_at"
+            }
+          ]
+        },
+        {
+          "name": "status",
+          "description": "The status value to filter by",
+          "values": [
+            {
+              "name": "all"
+            },
+            {
+              "name": "canceled"
+            },
+            {
+              "name": "complete"
+            },
+            {
+              "name": "declined"
+            },
+            {
+              "name": "in progress"
+            },
+            {
+              "name": "pending"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "The filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\nshow envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\nonly envelopes where the user is the sender and the envelope is not completed.",
+          "values": [
+            {
+              "name": "action"
+            },
+            {
+              "name": "all"
+            },
+            {
+              "name": "completed"
+            },
+            {
+              "name": "inbox"
+            },
+            {
+              "name": "sent"
+            },
+            {
+              "name": "waiting"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-attachment",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an attachment field."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-checkbox",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a checkbox."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-date",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a date field. When tapped or clicked, the input element will display a date picker component."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-dropdown",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a dropdown field that allows the user to choose one of a list of options."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-initial",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an initial field. If an initial already exists, it will be displayed and the field\nwill be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\nshow a dialog to adopt an initial.\n\nNOTE: When initial fields are completed they will be filled with an initial \"stamp\".\nThis requires operation against a live, valid envelope. If you are testing this component\nin Storybook, it will not be visible here."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "initials",
+          "description": "The document or template field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-payment",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox."
+      },
+      "attributes": [
+        {
+          "name": "current-initial",
+          "description": ""
+        },
+        {
+          "name": "current-initial-id",
+          "description": ""
+        },
+        {
+          "name": "current-signature",
+          "description": ""
+        },
+        {
+          "name": "current-signature-id",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "field-id",
+          "description": ""
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "page-num",
+          "description": ""
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "recipients",
+          "description": ""
+        },
+        {
+          "name": "role-name",
+          "description": ""
+        },
+        {
+          "name": "roleindex",
+          "description": "If set, the field will be colored using this index value to select the background color."
+        },
+        {
+          "name": "selected-role-name",
+          "description": ""
+        },
+        {
+          "name": "signed",
+          "description": ""
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-radio",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a radio button."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used in Storybook mode."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "required",
+          "description": "If set, overrides the field's required object. Primarily used in Storybook mode."
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-signature",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a signature field. If a signature already exists, it will be displayed and the field\nwill be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\nshow a dialog to adopt a signature.\n\nNOTE: When signature fields are completed they will be filled with a signature \"stamp\".\nThis requires operation against a live, valid envelope. If you are testing this component\nin Storybook, it will not be visible here."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "name",
+          "description": "If set, the signature creation dialog will be initialized with this text."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-textarea",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a multi-line text input field. Reminder: the \"position\" of the field is specified\nas the BOTTOM-LEFT corner."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-textbox",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple 1-line text input field."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "multiline",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-field-timestamp",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a timestamp. Timestamps are not editable by signers. Instead, they are automatically\nfilled when the signer submits the document."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+        },
+        {
+          "name": "done",
+          "description": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+        },
+        {
+          "name": "editable",
+          "description": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+        },
+        {
+          "name": "fieldname",
+          "description": "The name of the field to display."
+        },
+        {
+          "name": "moveable",
+          "description": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+        },
+        {
+          "name": "pagenumber",
+          "description": "The page the field is on"
+        },
+        {
+          "name": "source",
+          "description": "Fields may be attached to templates or envelopes, but only template fields may be edited.",
+          "values": [
+            {
+              "name": "envelope"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        },
+        {
+          "name": "sourceid",
+          "description": "The source template or envelope ID the field is found in."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-file-chooser",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a file picker to upload an attachment. This component is just the picker - the host application or component should\nprovide the actual upload functionality.\n\n```ts\n<verdocs-file-chooser onFileSelected={(e) => console.log('File Selected', e.detail)} />\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-help-icon",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n\n```ts\n<verdocs-help-icon text=\"Sample help text\" />\n```"
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Optional icon to display. If not supplied, a standard help icon will be shown."
+        },
+        {
+          "name": "text",
+          "description": "Help text to display on hover/focus"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-initial-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\nbased on their full name, or by hand-drawing their initials with a mouse or tablet."
+      },
+      "attributes": [
+        {
+          "name": "initials",
+          "description": "Initial signature text"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-kba-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Prompt the user to confirm their identity with a PIN or a series of questions."
+      },
+      "attributes": [
+        {
+          "name": "helptext",
+          "description": "If set, a help/instructions box will be displayed with this text"
+        },
+        {
+          "name": "helptitle",
+          "description": "If set, a help/instructions box will be displayed with this title"
+        },
+        {
+          "name": "label",
+          "description": "For text input challenges, the label to display next to the input field."
+        },
+        {
+          "name": "mode",
+          "description": "The type of dialog to display. Three modes are supported.",
+          "values": [
+            {
+              "name": "choice"
+            },
+            {
+              "name": "identity"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        },
+        {
+          "name": "placeholder",
+          "description": "For text input challenges, the placeholder to display inside the input field."
+        },
+        {
+          "name": "step",
+          "description": "Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2."
+        },
+        {
+          "name": "steps",
+          "description": "How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator)."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-loader",
+      "description": {
+        "kind": "markdown",
+        "value": "Animated loader placeholder. There are currently no configuration options for this control.\n\n```ts\n<verdocs-loader />\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-menu-panel",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a menu panel in a left or right sidebar. The panel will animate (slide)\nas it appears, and an background will be shown over the rest of the page. If\nthe background overlay is present, it can be clicked to dismiss the panel.\n\n```ts\n<verdocs-menu-panel>\n  <div style=\"padding: 20px;\">Menu Panel</div>\n</verdocs-menu-panel>\n```"
+      },
+      "attributes": [
+        {
+          "name": "overlay",
+          "description": "Whether to show an overlay over the rest of the page."
+        },
+        {
+          "name": "side",
+          "description": "Which side of the screen to place the panel.",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "The width of the panel."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-ok-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\nbox with a message and optional header/title. An OK button is shown that will dismiss the message.\nIt can also be dismissed by clicking the background overlay."
+      },
+      "attributes": [
+        {
+          "name": "button-label",
+          "description": "Override the \"OK\" button's label"
+        },
+        {
+          "name": "heading",
+          "description": "The title of the dialog. \"title\" is a reserved word, so we use heading."
+        },
+        {
+          "name": "message",
+          "description": "The message content to display."
+        },
+        {
+          "name": "show-cancel",
+          "description": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-organization-card",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a small summary card describing an organization.\n\n```ts\n<verdocs-organization-card organization={organization} />\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-pagination",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple pagination control with individual buttons to move through the data set.\n\n```ts\n<verdocs-pagination\n  selectedPage={1}\n  itemCount={50}\n  perPage={10}\n  onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n/>\n```"
+      },
+      "attributes": [
+        {
+          "name": "item-count",
+          "description": "The total number of items."
+        },
+        {
+          "name": "per-page",
+          "description": "The number of displayed per page."
+        },
+        {
+          "name": "selected-page",
+          "description": "The currently selected page."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-portal",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a child component in a \"portal\", popping it out of the main DOM tree\nto allow it to escape the bounds set by its parent."
+      },
+      "attributes": [
+        {
+          "name": "anchor",
+          "description": "Unique ID of the parent element to anchor to."
+        },
+        {
+          "name": "voffset",
+          "description": "Vertical offset from the parent."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-preview",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a template preview experience. This will display the template's attached\ndocuments with signing fields overlaid on each page. Fields will be color-coded\nby recipient, and will be read-only (cannot be filled, moved, or altered).\n\n```ts\n<verdocs-preview\n  templateId={templateId}\n  onSdkError={({ detail }) => { console.log('SDK error', detail) }\n  />\n```"
+      },
+      "attributes": [
+        {
+          "name": "template-id",
+          "description": "The ID of the template to create the document from."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-progress-bar",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple progress bar in a style consistent with the design system.\n\n```ts\n<verdocs-progress-bar label=\"Uploading...\" showPercent={true} percent={54} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Optional label to display above the bar"
+        },
+        {
+          "name": "percent",
+          "description": "The current progress value (0-100)"
+        },
+        {
+          "name": "show-percent",
+          "description": "If true, the progress percentage will be displayed above the bar."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-quick-filter",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a drop-down menu of quick filter options.\n\n```ts\n<verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n```"
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "placeholder",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "verdocs-quick-functions",
+      "description": {
+        "kind": "markdown",
+        "value": "Display quick-function buttons for creating templates and documents.\n\nAuthentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\nembed. This Element will reuse the same session produced by logging in via that Embed."
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-radio-button",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\ndesigned to be used in signing experiences and contains settings that connect to template fields. This is just a\nsimple radio button for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```ts\n<verdocs-radio-button\n   value=\"val1\"\n   name=\"someProperty\"\n   checked={this.someProperty === 'val1'}\n   onInput={(e: any) => { this.someProperty = 'val1' }}\n   disabled={false}\n/>\n```"
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the radio button is currently selected."
+        },
+        {
+          "name": "disabled",
+          "description": "If set, the button will still be displayed but not selectable."
+        },
+        {
+          "name": "name",
+          "description": "HTML form field name for the input."
+        },
+        {
+          "name": "value",
+          "description": "Value to track with the input."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-search-box",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a customizable input box for search queries.\n\nAuthentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\nembed. This Element will reuse the same session produced by logging in via that Embed."
+      },
+      "attributes": [
+        {
+          "name": "grabs-focus",
+          "description": "If set, the input field will attempt to \"grab\" focus after being rendered."
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder to display in the input field."
+        },
+        {
+          "name": "query",
+          "description": "The text search string entered by the user."
+        },
+        {
+          "name": "type",
+          "description": "If set to a value other than 'all', a removeable filter indicator will be displayed.",
+          "values": [
+            {
+              "name": "all"
+            },
+            {
+              "name": "document"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "template"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-search-tabs",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-select-input",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a text input field. This is just a standard HTML input field with minimal markup to fit the\nvisual styles of the other components. Note that events \"bubble\" from the input field to the container,\nso you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n\n```ts\n<verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]}"
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Should the field be disabled?"
+        },
+        {
+          "name": "label",
+          "description": "The label for the field."
+        },
+        {
+          "name": "value",
+          "description": "The initial value for the input field."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-send",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a form to send a template to one or more recipients in an envelope for signing.\nHost applications should ensure the template is \"sendable\" before displaying this component.\nTo be sendable, a template must have at least one document attached, at least one participant\ndefined, and at least one field assigned to every \"signer\" participant. This component will\nhide itself if the template is not sendable.\n\n```ts\n<verdocs-send\n  templateId={templateId}\n  onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }\n  onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }\n  onExit={(e) => { console.log('Send cancelled.', detail) }\n  onSdkError={({ detail }) => { console.log('SDK error', detail) }\n  />\n```"
+      },
+      "attributes": [
+        {
+          "name": "environment",
+          "description": "The environment the control is being called from, e.g. 'web'. This has an impact on how certain\noperations such as email communications are handled to ensure users receive the correct URLs for\ntheir invitations. Setting this to unknown values may produce unexpected/incorrect behaviors.\nIf environment is not known, do this set this property."
+        },
+        {
+          "name": "template-id",
+          "description": "The ID of the template to create the document from."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-sign",
+      "description": {
+        "kind": "markdown",
+        "value": "Display an envelope signing experience. This will display the envelope's attached\ndocuments with signing fields overlaid on each page.\n\nThe component will attempt to initiate a signing session and load the specified\nenvelope. If successful, the recipient's fields will be enabled and the user will\nbe able to sign the envelope's attached documents. If not, an `sdkError` will be\nthrown and the component will be blank/empty. To provide the best user experience,\napplications should capture and handle this error to provide the user with\ninstructions/options for next steps based on the application's design and workflow.\n\nUnlike other components, this will always create its own endpoint to manage the\nsession session. This endpoint will be included in event callbacks for the\nconvenience of host applications that may wish to make server calls using the\nsigner's credentials once signing is complete (e.g. to obtain copies of\nthe signed attachments.)"
+      },
+      "attributes": [
+        {
+          "name": "envelope-id",
+          "description": "The ID of the envelope to sign."
+        },
+        {
+          "name": "header-target-id",
+          "description": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the header will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n\nThe movement of the header to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the header's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
+        },
+        {
+          "name": "invite-code",
+          "description": "The invite code for the signer."
+        },
+        {
+          "name": "role-id",
+          "description": "The ID of the role that will be signing e.g. 'Recipient 1'"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-signature-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\nbased on their full name, or by hand-drawing their signature with a mouse or tablet."
+      },
+      "attributes": [
+        {
+          "name": "name",
+          "description": "Initial signature text"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-spinner",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a small loading spinner.\n\n```ts\n<verdocs-spinner />\n```"
+      },
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "verdocs-status-indicator",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either\ndirectly as a status field or the whole document object may be passed in.\n\nIf the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable\nto display a popup panel with per-recipient status data.\n\nIf the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.",
+          "values": [
+            {
+              "name": "normal"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "status",
+          "description": "The status to display.",
+          "values": [
+            {
+              "name": "accepted"
+            },
+            {
+              "name": "canceled"
+            },
+            {
+              "name": "complete"
+            },
+            {
+              "name": "declined"
+            },
+            {
+              "name": "in progress"
+            },
+            {
+              "name": "invited"
+            },
+            {
+              "name": "opened"
+            },
+            {
+              "name": "pending"
+            },
+            {
+              "name": "signed"
+            },
+            {
+              "name": "submitted"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme to use for diplay.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-switch",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a toggle switch.\n\n```ts\n<verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": "Should the field be disabled?"
+        },
+        {
+          "name": "theme",
+          "description": "Select purple or green treatments.",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-table",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple table of data. Columns and data cells may have custom renderers defined to\nsupport creating interactive table layouts.\n\n```ts\n<verdocs-table columns={[...columns]} data={[...data]} />\n```"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-tabs",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple row of selectable tabs. This is a controlled element.\nThe parent must adjust selectedTab as selection events are fired.\n\n```ts\n<verdocs-tabs tabs={[...tabs]} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "selected-tab",
+          "description": "The index of the tab to show selected."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-attachments",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an edit form that allows the user to view, add, or remove a template's attachments.\nNote that an active session and valid template ID must be supplied."
+      },
+      "attributes": [
+        {
+          "name": "template-id",
+          "description": "The template ID to edit."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-build-tabs",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a set of tabs for the template builder."
+      },
+      "attributes": [
+        {
+          "name": "step",
+          "description": "The step in the creation process to display.",
+          "values": [
+            {
+              "name": "attachments"
+            },
+            {
+              "name": "fields"
+            },
+            {
+              "name": "preview"
+            },
+            {
+              "name": "roles"
+            },
+            {
+              "name": "settings"
+            }
+          ]
+        },
+        {
+          "name": "template-id",
+          "description": "The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\nIf the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\nIf it is not specified, `step` will be ignored and the create step will be shown."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-card",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a summary of a template"
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-template-create",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a file upload mechanism suitable for the first step of creating a template.\nThis is typically the first step in a template creation workflow."
+      },
+      "attributes": [
+        {
+          "name": "max-size",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-document-page",
+      "description": {
+        "kind": "markdown",
+        "value": "Represents one document page. This is primarily a layout container used to coordinate positions of\npage-related layers such as the page itself, signature fields, etc. It is not intended to be used\non its own as an individual component."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the fields should be disabled (Builder)"
+        },
+        {
+          "name": "document-id",
+          "description": "The ID of the document to display."
+        },
+        {
+          "name": "done",
+          "description": "Whether the field are interactable (done/submitted disables this)"
+        },
+        {
+          "name": "editable",
+          "description": "Whether the fields should be editable (Builder)"
+        },
+        {
+          "name": "page-number",
+          "description": "The page number being rendered. (Reminder: page numbers are 1-based.)"
+        },
+        {
+          "name": "template-id",
+          "description": "The ID of the template the document is for."
+        },
+        {
+          "name": "virtual-height",
+          "description": "The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down."
+        },
+        {
+          "name": "virtual-width",
+          "description": "The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-field-properties",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an edit form that allows the user to adjust a field's settings."
+      },
+      "attributes": [
+        {
+          "name": "field-name",
+          "description": "The field to configure."
+        },
+        {
+          "name": "help-text",
+          "description": "If specified, the properties card will have a \"back\" side with the help text as its content."
+        },
+        {
+          "name": "template-id",
+          "description": "The template ID to edit."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-fields",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to\npresent all of the required controls, so it is primarily intended to be used in desktop environments."
+      },
+      "attributes": [
+        {
+          "name": "template-id",
+          "description": "The ID of the template to create the document from."
+        },
+        {
+          "name": "toolbar-target-id",
+          "description": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the toolbar will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects.\n\nThe movement of the toolbar to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the toolbar's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-role-properties",
+      "description": {
+        "kind": "markdown",
+        "value": "Present an editing form suitable for adjusting template-role properties."
+      },
+      "attributes": [
+        {
+          "name": "role-name",
+          "description": "The role name to edit."
+        },
+        {
+          "name": "template-id",
+          "description": "The template ID to edit."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-roles",
+      "description": {
+        "kind": "markdown",
+        "value": "Display an edit form that allows the user to adjust a template's roles and workflow."
+      },
+      "attributes": [
+        {
+          "name": "template-id",
+          "description": "The template ID to edit."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-template-star",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a clickable star that allows users to mark frequently-used templates."
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-template-tags",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a message listing a template's tags."
+      },
+      "attributes": []
+    },
+    {
+      "name": "verdocs-templates-list",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a list of envelopes matching specified conditions."
+      },
+      "attributes": [
+        {
+          "name": "name",
+          "description": "If set, filter templates by the specified name."
+        },
+        {
+          "name": "rows-per-page",
+          "description": "The number of rows to display per page."
+        },
+        {
+          "name": "selected-page",
+          "description": "The initial page number to select. Pagination is internally controlled but may be overriden by the\nhost applicaiton."
+        },
+        {
+          "name": "show-pagination",
+          "description": "Whether or not pagination should be enabled."
+        },
+        {
+          "name": "sort",
+          "description": "The sort order to display."
+        },
+        {
+          "name": "starred",
+          "description": "The starred settings to filter by.",
+          "values": [
+            {
+              "name": "all"
+            },
+            {
+              "name": "starred"
+            },
+            {
+              "name": "unstarred"
+            }
+          ]
+        },
+        {
+          "name": "visibility",
+          "description": "The sharing settings to filter by.",
+          "values": [
+            {
+              "name": "private"
+            },
+            {
+              "name": "private_shared"
+            },
+            {
+              "name": "public"
+            },
+            {
+              "name": "shared"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-text-input",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a text input field. This is just a standard HTML input field with minimal markup to fit the\nvisual styles of the other components. Note that events \"bubble\" from the input field to the container,\nso you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n\n```ts\n<verdocs-text-input type=\"text\" label=\"Name\" placeholder=\"Enter your name...\" value=\"\" />\n```"
+      },
+      "attributes": [
+        {
+          "name": "autocomplete",
+          "description": "If desired, the autocomplete attribute to set."
+        },
+        {
+          "name": "clearable",
+          "description": "If set, a clear button will be displayed."
+        },
+        {
+          "name": "copyable",
+          "description": "If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\nboth clearable and copyable. If both properties are set to true, copyable will\nbe ignored."
+        },
+        {
+          "name": "disabled",
+          "description": "Should the field be disabled?"
+        },
+        {
+          "name": "help-text",
+          "description": "If supplied, a help icon will be displayed to provide the user more information."
+        },
+        {
+          "name": "label",
+          "description": "The label for the field."
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder for the field."
+        },
+        {
+          "name": "required",
+          "description": "Should the field be required?"
+        },
+        {
+          "name": "type",
+          "description": "The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n(e.g. a date picker) will be supported by other controls in the future.",
+          "values": [
+            {
+              "name": "email"
+            },
+            {
+              "name": "number"
+            },
+            {
+              "name": "password"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "url"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The initial value for the input field."
+        }
+      ]
+    },
+    {
+      "name": "verdocs-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a label and a set of buttons, also allowing a default selection of a button.\n\n```ts\n<verdocs-toggle options={[...options]} theme=\"light\"></verdocs-toggle>\n```"
+      },
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "The \"theme\" to be used",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-toggle-button",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a single button that can be toggled on or off by clicking it.\n\n```ts\n<verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": ""
+        },
+        {
+          "name": "icon",
+          "description": "If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored."
+        },
+        {
+          "name": "label",
+          "description": "If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored."
+        },
+        {
+          "name": "size",
+          "description": "How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.",
+          "values": [
+            {
+              "name": "normal"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "verdocs-toolbar-icon",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n\n```ts\n<verdocs-toolbar-icon text=\"Sample tooltip text\" icon={CalendarIcon} />\n```"
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "SVG icon to display"
+        },
+        {
+          "name": "placement",
+          "description": "Override the Popper \"placement\" setting",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "auto-end"
+            },
+            {
+              "name": "auto-start"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        },
+        {
+          "name": "text",
+          "description": "Help text to display on hover/focus"
+        }
+      ]
+    },
+    {
+      "name": "verdocs-upload-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\ncallers with a variety of workflows. Instead, data about the chosen file will be passed to the\ncaller via the onNext event handler. A delete event is also exposed to delete existing attachments.\nTo represent an existing attachment, set the existingFile property."
+      },
+      "attributes": [
+        {
+          "name": "existing-file",
+          "description": ""
+        },
+        {
+          "name": "max-size",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "verdocs-view",
+      "description": {
+        "kind": "markdown",
+        "value": "Render the documents attached to an envelope in read-only (view) mode. All documents are\ndisplayed in order.\n\n```ts\n<verdocs-view\n  envelopeId={envelopeId}\n  onSdkError={({ detail }) => { console.log('SDK error', detail) }\n  />\n```"
+      },
+      "attributes": [
+        {
+          "name": "envelope-id",
+          "description": "The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored."
+        },
+        {
+          "name": "header-target-id",
+          "description": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the header will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n\nThe movement of the header to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the header's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
+        }
+      ]
+    }
+  ]
+}