@verdocs/web-sdk 1.1.0 → 1.4.2

package/dist/docs.json

@@ -1,45 +1,45 @@
 {
-  "timestamp": "2022-02-09T04:26:54",
+  "timestamp": "2022-07-28T14:20:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.12.1",
-    "typescriptVersion": "4.3.5"
+    "version": "2.17.1",
+    "typescriptVersion": "4.5.4"
   },
   "components": [
     {
-      "filePath": "./src/components/elements/search-box/search-box.tsx",
+      "filePath": "./src/components/embeds/verdocs-auth/verdocs-auth.tsx",
       "encapsulation": "none",
-      "tag": "search-box",
-      "docs": "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.",
+      "tag": "verdocs-auth",
+      "docs": "Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that\noccur during the process (especially successful completion). The success callback will be fired immediately if the\nuser is already authenticated with a valid session, so this component may not always display visibly. To simplify\nsome types of authentication flows, a visibility flag can force this component to never display.\n\nThis embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide\ncontainer to allow sufficient space for the required forms.\n\nAs noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after\nthe widget is rendered and the user's status has been checked. It may be fired again as the user completes (or\ncancels) authentication steps.\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.\n\n```typescript\ninterface IAuthStatus {\n  // If true, the user is authenticated with a valid session\n  authenticated: boolean;\n\n  // Details for the user's session\n  session: IActiveSession | null;\n}\n```",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "placeholder",
-          "type": "string",
+          "name": "debug",
+          "type": "boolean",
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "debug",
           "reflectToAttr": false,
-          "docs": "The placeholder to display in the input field.",
+          "docs": "If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary\nif the user's session details will be displayed instead. This may be useful while debugging authentication\nflows in new applications.",
           "docsTags": [],
-          "default": "'search documents, templates, people...'",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "query",
+          "name": "logo",
           "type": "string",
           "mutable": false,
-          "attr": "query",
+          "attr": "logo",
           "reflectToAttr": false,
-          "docs": "The text search string entered by the user.",
+          "docs": "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.",
           "docsTags": [],
-          "default": "''",
+          "default": "'https://verdocs.com/assets/blue-logo.svg'",
           "values": [
             {
               "type": "string"
@@ -49,30 +49,17 @@
           "required": false
         },
         {
-          "name": "type",
-          "type": "\"all\" | \"document\" | \"organization\" | \"template\"",
+          "name": "visible",
+          "type": "boolean",
           "mutable": false,
-          "attr": "type",
+          "attr": "visible",
           "reflectToAttr": false,
-          "docs": "If set to a value other than 'all', a removeable filter indicator will be displayed.",
+          "docs": "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.",
           "docsTags": [],
-          "default": "'all'",
+          "default": "true",
           "values": [
             {
-              "value": "all",
-              "type": "string"
-            },
-            {
-              "value": "document",
-              "type": "string"
-            },
-            {
-              "value": "organization",
-              "type": "string"
-            },
-            {
-              "value": "template",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -82,30 +69,12 @@
       "methods": [],
       "events": [
         {
-          "event": "queryChanged",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user changes the query string.",
-          "docsTags": []
-        },
-        {
-          "event": "searchClicked",
-          "detail": "ISearchEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user changes the type.",
-          "docsTags": []
-        },
-        {
-          "event": "typeChanged",
-          "detail": "\"all\" | \"document\" | \"organization\" | \"template\"",
+          "event": "authenticated",
+          "detail": "IAuthStatus",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user changes the type.",
+          "docs": "Event fired when session authentication process has completed. Check the event contents for completion status.",
           "docsTags": []
         }
       ],
@@ -113,131 +82,175 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-search"
+      "dependents": [],
+      "dependencies": [
+        "verdocs-button",
+        "verdocs-text-input",
+        "verdocs-ok-dialog"
       ],
-      "dependencies": [],
       "dependencyGraph": {
-        "verdocs-search": [
-          "search-box"
+        "verdocs-auth": [
+          "verdocs-button",
+          "verdocs-text-input",
+          "verdocs-ok-dialog"
+        ],
+        "verdocs-ok-dialog": [
+          "verdocs-button"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/search-quick-functions/search-quick-functions.tsx",
+      "filePath": "./src/components/controls/verdocs-button/verdocs-button.tsx",
       "encapsulation": "none",
-      "tag": "search-quick-functions",
-      "docs": "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.",
+      "tag": "verdocs-button",
+      "docs": "Display a simple button.\n\nThree variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n(Auth uses text buttons for the Forgot Password and Sign Up options.)\n\nFour sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\nas pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\nbigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n\nIcons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\nbe rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\nfor the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.",
       "docsTags": [],
       "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [
+      "props": [
         {
-          "event": "createDocument",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when an entry is clicked.",
-          "docsTags": []
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Whether the button should be disabled.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         },
         {
-          "event": "createTemplate",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when an entry is clicked.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-search"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-search": [
-          "search-quick-functions"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/search-recent/search-recent.tsx",
-      "encapsulation": "none",
-      "tag": "search-recent",
-      "docs": "Display a list of recent searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search.\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.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+          "name": "endIcon",
+          "type": "string",
+          "mutable": false,
+          "attr": "end-icon",
+          "reflectToAttr": false,
+          "docs": "If desired, a suffix icon for the button",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
-          "name": "limit",
-          "type": "number",
+          "name": "label",
+          "type": "string",
           "mutable": false,
-          "attr": "limit",
+          "attr": "label",
           "reflectToAttr": false,
-          "docs": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced).",
+          "docs": "The label for the button.",
           "docsTags": [],
-          "default": "10",
           "values": [
             {
-              "type": "number"
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"normal\" | \"small\"",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "The size (height) of the button.",
+          "docsTags": [],
+          "default": "'normal'",
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "normal",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
+        },
         {
-          "event": "entrySelected",
-          "detail": "IRecentSearch",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when an entry is clicked.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-search"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-search": [
-          "search-recent"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/search-saved/search-saved.tsx",
-      "encapsulation": "none",
-      "tag": "search-saved",
-      "docs": "Display a list of saved searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search.\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.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+          "name": "startIcon",
+          "type": "string",
+          "mutable": false,
+          "attr": "start-icon",
+          "reflectToAttr": false,
+          "docs": "If desired, a prefix icon for the button",
+          "docsTags": [],
+          "default": "null",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
-          "name": "limit",
-          "type": "number",
+          "name": "type",
+          "type": "\"button\" | \"reset\" | \"submit\"",
           "mutable": false,
-          "attr": "limit",
+          "attr": "type",
           "reflectToAttr": false,
-          "docs": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced).",
+          "docs": "The type of the button.",
           "docsTags": [],
-          "default": "10",
+          "default": "'button'",
           "values": [
             {
-              "type": "number"
+              "value": "button",
+              "type": "string"
+            },
+            {
+              "value": "reset",
+              "type": "string"
+            },
+            {
+              "value": "submit",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"outline\" | \"standard\" | \"text\"",
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "The display variant of the button.",
+          "docsTags": [],
+          "default": "'standard'",
+          "values": [
+            {
+              "value": "outline",
+              "type": "string"
+            },
+            {
+              "value": "standard",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -247,12 +260,12 @@
       "methods": [],
       "events": [
         {
-          "event": "entrySelected",
-          "detail": "ISavedSearch",
+          "event": "press",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when an entry is clicked.",
+          "docs": "Event fired when the button is pressed.",
           "docsTags": []
         }
       ],
@@ -261,34 +274,74 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-search"
+        "verdocs-auth",
+        "verdocs-initial-dialog",
+        "verdocs-kba-dialog",
+        "verdocs-ok-dialog",
+        "verdocs-sign",
+        "verdocs-signature-dialog",
+        "verdocs-upload-dialog"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-search": [
-          "search-saved"
+        "verdocs-auth": [
+          "verdocs-button"
+        ],
+        "verdocs-initial-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-kba-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-ok-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-sign": [
+          "verdocs-button"
+        ],
+        "verdocs-signature-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-upload-dialog": [
+          "verdocs-button"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/search-starred/search-starred.tsx",
+      "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
       "encapsulation": "none",
-      "tag": "search-starred",
-      "docs": "Display a list of starred items.\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.",
+      "tag": "verdocs-dropdown",
+      "docs": "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.",
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "open",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "If set, the component will be open by default. This is primarily intended to be used for testing.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "options",
-          "type": "any",
+          "type": "IMenuOption[]",
           "mutable": false,
-          "attr": "options",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The menu options to display.",
           "docsTags": [],
+          "default": "[]",
           "values": [
             {
-              "type": "any"
+              "type": "IMenuOption[]"
             }
           ],
           "optional": false,
@@ -298,12 +351,12 @@
       "methods": [],
       "events": [
         {
-          "event": "entrySelected",
-          "detail": "IRecentSearch",
+          "event": "optionSelected",
+          "detail": "IMenuOption",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when an entry is clicked.",
+          "docs": "Event fired when a menu option is clicked.\nWeb Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.",
           "docsTags": []
         }
       ],
@@ -312,48 +365,30 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-search"
+        "verdocs-sign"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-search": [
-          "search-starred"
+        "verdocs-sign": [
+          "verdocs-dropdown"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/search-tabs/search-tabs.tsx",
-      "encapsulation": "none",
-      "tag": "search-tabs",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "./src/components/embeds/verdocs-auth/verdocs-auth.tsx",
+      "filePath": "./src/components/elements/verdocs-field-attachment/verdocs-field-attachment.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-auth",
-      "docs": "Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that\noccur during the process (especially successful completion). The success callback will be fired immediately if the\nuser is already authenticated with a valid session, so this component may not always display visibly. To simplify\nsome types of authentication flows, a visibility flag can force this component to never display.\n\nThis embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide\ncontainer to allow sufficient space for the required forms.\n\nAs noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after\nthe widget is rendered and the user's status has been checked. It may be fired again as the user completes (or\ncancels) authentication steps.\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.\n\n```typescript\ninterface IAuthStatus {\n  // If true, the user is authenticated with a valid session\n  authenticated: boolean;\n\n  // Details for the user's session\n  session: IActiveSession | null;\n}\n```",
+      "tag": "verdocs-field-attachment",
+      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "debug",
+          "name": "disabled",
           "type": "boolean",
           "mutable": false,
-          "attr": "debug",
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary\nif the user's session details will be displayed instead. This may be useful while debugging authentication\nflows in new applications.",
+          "docs": "Sets the disabled attribute of the input element.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -365,31 +400,31 @@
           "required": false
         },
         {
-          "name": "logo",
-          "type": "string",
+          "name": "order",
+          "type": "number",
           "mutable": false,
-          "attr": "logo",
+          "attr": "order",
           "reflectToAttr": false,
-          "docs": "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.",
+          "docs": "Sets the tabIndex of the input element.",
           "docsTags": [],
-          "default": "'https://verdocs.com/assets/blue-logo.svg'",
+          "default": "1",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "visible",
+          "name": "required",
           "type": "boolean",
           "mutable": false,
-          "attr": "visible",
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "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.",
+          "docs": "If true, the field will be marked required.",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -397,17 +432,46 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Sets the value of the input element.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
         }
       ],
-      "methods": [],
       "events": [
         {
-          "event": "authenticated",
-          "detail": "IAuthStatus",
+          "event": "fieldChange",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when session authentication process has completed. Check the event contents for completion status.",
+          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
           "docsTags": []
         }
       ],
@@ -415,28 +479,29 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-sign"
+      ],
       "dependencies": [
-        "verdocs-button",
-        "verdocs-text-input",
-        "verdocs-ok-dialog"
+        "verdocs-upload-dialog"
       ],
       "dependencyGraph": {
-        "verdocs-auth": [
-          "verdocs-button",
-          "verdocs-text-input",
-          "verdocs-ok-dialog"
+        "verdocs-field-attachment": [
+          "verdocs-upload-dialog"
         ],
-        "verdocs-ok-dialog": [
+        "verdocs-upload-dialog": [
           "verdocs-button"
+        ],
+        "verdocs-sign": [
+          "verdocs-field-attachment"
         ]
       }
     },
     {
-      "filePath": "./src/components/controls/verdocs-button/verdocs-button.tsx",
+      "filePath": "./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-button",
-      "docs": "Display a simple button. Three variants are supported. Standard and Outline buttons look like traditional form buttons and are\nideal candidates for 'Ok' and 'Cancel' options in most cases. Text buttons are intended to be used inline in content blocks or\nfor more subtle button options. (Auth uses text buttons for the Forgot Password and Sign Up options.)",
+      "tag": "verdocs-field-checkbox",
+      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -446,7 +511,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Whether the button should be disabled.",
+          "docs": "Sets the disabled attribute of the input element.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -458,69 +523,51 @@
           "required": false
         },
         {
-          "name": "label",
-          "type": "string",
+          "name": "order",
+          "type": "number",
           "mutable": false,
-          "attr": "label",
+          "attr": "order",
           "reflectToAttr": false,
-          "docs": "The label for the  button.",
+          "docs": "Sets the tabIndex of the input element.",
           "docsTags": [],
-          "default": "''",
+          "default": "1",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "type",
-          "type": "\"button\" | \"reset\" | \"submit\"",
+          "name": "required",
+          "type": "boolean",
           "mutable": false,
-          "attr": "type",
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "The type of the button.",
+          "docs": "If true, the field will be marked required.",
           "docsTags": [],
-          "default": "'button'",
+          "default": "false",
           "values": [
             {
-              "value": "button",
-              "type": "string"
-            },
-            {
-              "value": "reset",
-              "type": "string"
-            },
-            {
-              "value": "submit",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "variant",
-          "type": "\"outline\" | \"standard\" | \"text\"",
+          "name": "value",
+          "type": "boolean",
           "mutable": false,
-          "attr": "variant",
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "The display variant of the button.",
+          "docs": "Sets the value of the input element.",
           "docsTags": [],
-          "default": "'standard'",
+          "default": "false",
           "values": [
             {
-              "value": "outline",
-              "type": "string"
-            },
-            {
-              "value": "standard",
-              "type": "string"
-            },
-            {
-              "value": "text",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -530,12 +577,12 @@
       "methods": [],
       "events": [
         {
-          "event": "press",
-          "detail": "any",
+          "event": "fieldChange",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the button is pressed.",
+          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
           "docsTags": []
         }
       ],
@@ -544,103 +591,83 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-auth",
-        "verdocs-initial-dialog",
-        "verdocs-ok-dialog",
-        "verdocs-sign",
-        "verdocs-signature-dialog",
-        "verdocs-upload-dialog"
+        "verdocs-sign"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-auth": [
-          "verdocs-button"
-        ],
-        "verdocs-initial-dialog": [
-          "verdocs-button"
-        ],
-        "verdocs-ok-dialog": [
-          "verdocs-button"
-        ],
         "verdocs-sign": [
-          "verdocs-button"
-        ],
-        "verdocs-signature-dialog": [
-          "verdocs-button"
-        ],
-        "verdocs-upload-dialog": [
-          "verdocs-button"
+          "verdocs-field-checkbox"
         ]
       }
     },
     {
-      "filePath": "./src/components/controls/verdocs-document-status/verdocs-document-status.tsx",
+      "filePath": "./src/components/elements/verdocs-field-date/verdocs-field-date.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-document-status",
-      "docs": "Displays an icon and message describing a document's completion status.",
+      "tag": "verdocs-field-date",
+      "docs": "Displays a date field. When tapped or clicked, the input element will display a date picker component.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "status",
-          "type": "\"canceled\" | \"complete\" | \"declined\" | \"in progress\" | \"pending\"",
+          "name": "disabled",
+          "type": "boolean",
           "mutable": false,
-          "attr": "status",
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "The status to display",
+          "docs": "Sets the disabled attribute of the input element.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "value": "canceled",
-              "type": "string"
-            },
-            {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "declined",
-              "type": "string"
-            },
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "order",
+          "type": "number",
+          "mutable": false,
+          "attr": "order",
+          "reflectToAttr": false,
+          "docs": "Sets the tabIndex of the input element.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
             {
-              "value": "in progress",
-              "type": "string"
-            },
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "A placeholder to assist the user in completing the field.",
+          "docsTags": [],
+          "default": "'Select Date'",
+          "values": [
             {
-              "value": "pending",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-dropdown",
-      "docs": "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.\n\n```typescript\ninterface IMenuOption {\n  // The label to display on the menu option.\n  label: string;\n  // Optional icon to display next to the option's label. Specify icons as SVG strings.\n  icon?: string;\n  // If true, the option will be shown disabled (dimmed and not clickable).\n  disabled?: boolean;\n  // Optional additional fields such as IDs or other data. When a menu option is clicked/tapped, the associated\n  // IMenuOptionwill be passed to the event handler. This data may be used to help identify the option selected.\n  [key: string]: any;\n}\n```",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "open",
+          "name": "required",
           "type": "boolean",
           "mutable": false,
-          "attr": "open",
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "If set, the component will be open by default. This is primarily intended to be used for testing.",
+          "docs": "If true, the field will be marked required.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -650,31 +677,71 @@
           "required": false
         },
         {
-          "name": "options",
-          "type": "IMenuOption[]",
+          "name": "value",
+          "type": "string",
           "mutable": false,
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "The menu options to display.",
+          "docs": "Sets the value of the input element.",
           "docsTags": [],
-          "default": "[]",
+          "default": "''",
           "values": [
             {
-              "type": "IMenuOption[]"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
-          "event": "optionSelected",
-          "detail": "IMenuOption",
+          "event": "fieldBlur",
+          "detail": "boolean",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when a menu option is clicked.\nWeb Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.",
+          "docs": "Event fired when the input field gains focus.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldChange",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldFocus",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldInput",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired on every character entered into / deleted from the field.",
           "docsTags": []
         }
       ],
@@ -688,14 +755,14 @@
       "dependencies": [],
       "dependencyGraph": {
         "verdocs-sign": [
-          "verdocs-dropdown"
+          "verdocs-field-date"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-attachment/verdocs-field-attachment.tsx",
+      "filePath": "./src/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-attachment",
+      "tag": "verdocs-field-dropdown",
       "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
       "docsTags": [],
       "usage": {},
@@ -717,6 +784,22 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "options",
+          "type": "any[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The optoins to choose from.",
+          "docsTags": [],
+          "default": "[]",
+          "values": [
+            {
+              "type": "any[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "order",
           "type": "number",
@@ -757,7 +840,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
+          "docs": "The currently selected value.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -783,6 +866,15 @@
         }
       ],
       "events": [
+        {
+          "event": "fieldBlur",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field gains focus.",
+          "docsTags": []
+        },
         {
           "event": "fieldChange",
           "detail": "string",
@@ -791,6 +883,15 @@
           "composed": true,
           "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
           "docsTags": []
+        },
+        {
+          "event": "fieldFocus",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field loses focus.",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -800,58 +901,33 @@
       "dependents": [
         "verdocs-sign"
       ],
-      "dependencies": [
-        "verdocs-upload-dialog"
-      ],
+      "dependencies": [],
       "dependencyGraph": {
-        "verdocs-field-attachment": [
-          "verdocs-upload-dialog"
-        ],
-        "verdocs-upload-dialog": [
-          "verdocs-button"
-        ],
         "verdocs-sign": [
-          "verdocs-field-attachment"
+          "verdocs-field-dropdown"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx",
+      "filePath": "./src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-checkbox",
-      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
+      "tag": "verdocs-field-initial",
+      "docs": "Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\nbutton will be shown. Clicking the button will show a dialog to adopt an initial.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "disabled",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "Sets the disabled attribute of the input element.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "order",
-          "type": "number",
+          "name": "fullName",
+          "type": "string",
           "mutable": false,
-          "attr": "order",
+          "attr": "full-name",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "The user's full name.",
           "docsTags": [],
-          "default": "1",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -863,7 +939,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "If true, the field will be marked required.",
+          "docs": "Whether the field is required.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -876,31 +952,52 @@
         },
         {
           "name": "value",
-          "type": "boolean",
+          "type": "string",
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
+          "docs": "The base64 signature value.",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
-          "event": "fieldChange",
+          "event": "adopt",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
+          "docs": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.",
+          "docsTags": []
+        },
+        {
+          "event": "cancel",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the user cancels the process.",
           "docsTags": []
         }
       ],
@@ -911,64 +1008,70 @@
       "dependents": [
         "verdocs-sign"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "verdocs-initial-dialog"
+      ],
       "dependencyGraph": {
+        "verdocs-field-initial": [
+          "verdocs-initial-dialog"
+        ],
+        "verdocs-initial-dialog": [
+          "verdocs-text-input",
+          "verdocs-button"
+        ],
         "verdocs-sign": [
-          "verdocs-field-checkbox"
+          "verdocs-field-initial"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-date/verdocs-field-date.tsx",
+      "filePath": "./src/components/elements/verdocs-field-payment/verdocs-field-payment.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-date",
-      "docs": "Displays a date field. When tapped or clicked, the input element will display a date picker component.",
+      "tag": "verdocs-field-payment",
+      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "currentInitial",
+          "type": "string",
           "mutable": false,
-          "attr": "disabled",
+          "attr": "current-initial",
           "reflectToAttr": false,
-          "docs": "Sets the disabled attribute of the input element.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "order",
-          "type": "number",
+          "name": "currentInitialId",
+          "type": "string",
           "mutable": false,
-          "attr": "order",
+          "attr": "current-initial-id",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "",
           "docsTags": [],
-          "default": "1",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "placeholder",
+          "name": "currentSignature",
           "type": "string",
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "current-signature",
           "reflectToAttr": false,
-          "docs": "A placeholder to assist the user in completing the field.",
+          "docs": "",
           "docsTags": [],
-          "default": "'Select Date'",
           "values": [
             {
               "type": "string"
@@ -978,138 +1081,59 @@
           "required": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "currentSignatureId",
+          "type": "string",
           "mutable": false,
-          "attr": "required",
+          "attr": "current-signature-id",
           "reflectToAttr": false,
-          "docs": "If true, the field will be marked required.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "value",
-          "type": "string",
+          "name": "field",
+          "type": "IDocumentField",
           "mutable": false,
-          "attr": "value",
           "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
+          "docs": "The field to display.",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
-              "type": "string"
+              "type": "IDocumentField"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldFocus",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field loses focus.",
-          "docsTags": []
         },
         {
-          "event": "fieldInput",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-sign"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-field-date"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-field-dropdown",
-      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "fieldId",
+          "type": "string",
           "mutable": false,
-          "attr": "disabled",
+          "attr": "field-id",
           "reflectToAttr": false,
-          "docs": "Sets the disabled attribute of the input element.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "options",
+          "name": "fields",
           "type": "any[]",
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "The optoins to choose from.",
+          "docs": "",
           "docsTags": [],
-          "default": "[]",
           "values": [
             {
               "type": "any[]"
@@ -1119,14 +1143,30 @@
           "required": false
         },
         {
-          "name": "order",
+          "name": "focused",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "focused",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "pageNum",
           "type": "number",
           "mutable": false,
-          "attr": "order",
+          "attr": "page-num",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "",
           "docsTags": [],
-          "default": "1",
           "values": [
             {
               "type": "number"
@@ -1136,113 +1176,44 @@
           "required": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "pdfPages",
+          "type": "any[]",
           "mutable": false,
-          "attr": "required",
           "reflectToAttr": false,
-          "docs": "If true, the field will be marked required.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "any[]"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "value",
-          "type": "string",
+          "name": "recipients",
+          "type": "any",
           "mutable": false,
-          "attr": "value",
+          "attr": "recipients",
           "reflectToAttr": false,
-          "docs": "The currently selected value.",
+          "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
-              "type": "string"
+              "type": "any"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
         },
         {
-          "event": "fieldFocus",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field loses focus.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-sign"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-field-dropdown"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-field-initial",
-      "docs": "Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\nbutton will be shown. Clicking the button will show a dialog to adopt an initial.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "fullName",
+          "name": "roleName",
           "type": "string",
           "mutable": false,
-          "attr": "full-name",
+          "attr": "role-name",
           "reflectToAttr": false,
-          "docs": "The user's full name.",
+          "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1252,70 +1223,57 @@
           "required": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "selectedRoleName",
+          "type": "string",
           "mutable": false,
-          "attr": "required",
+          "attr": "selected-role-name",
           "reflectToAttr": false,
-          "docs": "Whether the field is required.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "value",
-          "type": "string",
+          "name": "signed",
+          "type": "boolean",
           "mutable": false,
-          "attr": "value",
+          "attr": "signed",
           "reflectToAttr": false,
-          "docs": "The base64 signature value.",
+          "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [
-        {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "methods": [],
       "events": [
         {
-          "event": "adopt",
+          "event": "initialComplete",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.",
+          "docs": "",
           "docsTags": []
         },
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "signatureComplete",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when the user cancels the process.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -1326,70 +1284,64 @@
       "dependents": [
         "verdocs-sign"
       ],
-      "dependencies": [
-        "verdocs-initial-dialog"
-      ],
+      "dependencies": [],
       "dependencyGraph": {
-        "verdocs-field-initial": [
-          "verdocs-initial-dialog"
-        ],
-        "verdocs-initial-dialog": [
-          "verdocs-text-input",
-          "verdocs-button"
-        ],
         "verdocs-sign": [
-          "verdocs-field-initial"
+          "verdocs-field-payment"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-payment/verdocs-field-payment.tsx",
+      "filePath": "./src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-payment",
-      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
+      "tag": "verdocs-field-radio-button",
+      "docs": "Displays a radio button.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "currentInitial",
-          "type": "string",
+          "name": "checked",
+          "type": "boolean",
           "mutable": false,
-          "attr": "current-initial",
+          "attr": "checked",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the value of the input element.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "currentInitialId",
-          "type": "string",
+          "name": "disabled",
+          "type": "boolean",
           "mutable": false,
-          "attr": "current-initial-id",
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the disabled attribute of the input element.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "currentSignature",
+          "name": "name",
           "type": "string",
           "mutable": false,
-          "attr": "current-signature",
+          "attr": "name",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the name of the input element.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1399,44 +1351,100 @@
           "required": false
         },
         {
-          "name": "currentSignatureId",
-          "type": "string",
+          "name": "order",
+          "type": "number",
           "mutable": false,
-          "attr": "current-signature-id",
+          "attr": "order",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the tabIndex of the input element.",
           "docsTags": [],
+          "default": "1",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "field",
-          "type": "IDocumentField",
+          "name": "required",
+          "type": "boolean",
           "mutable": false,
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "The field to display.",
+          "docs": "If true, the field will be marked required.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "IDocumentField"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fieldId",
+          "name": "value",
+          "type": "string",
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Sets the value of the input element.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "fieldChange",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-sign"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "verdocs-sign": [
+          "verdocs-field-radio-button"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-field-signature",
+      "docs": "Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\nbutton will be shown. Clicking the button will show a dialog to adopt a signature.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "fullName",
           "type": "string",
           "mutable": false,
-          "attr": "field-id",
+          "attr": "full-name",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The user's full name.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1446,27 +1454,12 @@
           "required": false
         },
         {
-          "name": "fields",
-          "type": "any[]",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "any[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "focused",
+          "name": "required",
           "type": "boolean",
           "mutable": false,
-          "attr": "focused",
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Whether the field is required.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1478,60 +1471,130 @@
           "required": false
         },
         {
-          "name": "pageNum",
-          "type": "number",
+          "name": "value",
+          "type": "string",
           "mutable": false,
-          "attr": "page-num",
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The base64 signature value.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "adopt",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.",
+          "docsTags": []
         },
         {
-          "name": "pdfPages",
-          "type": "any[]",
+          "event": "cancel",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the user cancels the process.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-sign"
+      ],
+      "dependencies": [
+        "verdocs-signature-dialog"
+      ],
+      "dependencyGraph": {
+        "verdocs-field-signature": [
+          "verdocs-signature-dialog"
+        ],
+        "verdocs-signature-dialog": [
+          "verdocs-text-input",
+          "verdocs-button"
+        ],
+        "verdocs-sign": [
+          "verdocs-field-signature"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/elements/verdocs-field-textarea/verdocs-field-textarea.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-field-textarea",
+      "docs": "Display a multi-line text input field.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
           "mutable": false,
+          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the disabled attribute of the input element.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "any[]"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "recipients",
-          "type": "any",
+          "name": "order",
+          "type": "number",
           "mutable": false,
-          "attr": "recipients",
+          "attr": "order",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the tabIndex of the input element.",
           "docsTags": [],
+          "default": "1",
           "values": [
             {
-              "type": "any"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "roleName",
+          "name": "placeholder",
           "type": "string",
           "mutable": false,
-          "attr": "role-name",
+          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "A placeholder to assist the user in completing the field.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1541,57 +1604,88 @@
           "required": false
         },
         {
-          "name": "selectedRoleName",
-          "type": "string",
+          "name": "required",
+          "type": "boolean",
           "mutable": false,
-          "attr": "selected-role-name",
+          "attr": "required",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "If true, the field will be marked required.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "signed",
-          "type": "boolean",
+          "name": "value",
+          "type": "string",
           "mutable": false,
-          "attr": "signed",
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Sets the value of the input element.",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
-          "event": "initialComplete",
+          "event": "fieldBlur",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field gains focus.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldChange",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
           "docsTags": []
         },
         {
-          "event": "signatureComplete",
+          "event": "fieldFocus",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldInput",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Event fired on every character entered into / deleted from the field.",
           "docsTags": []
         }
       ],
@@ -1605,35 +1699,18 @@
       "dependencies": [],
       "dependencyGraph": {
         "verdocs-sign": [
-          "verdocs-field-payment"
+          "verdocs-field-textarea"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx",
+      "filePath": "./src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-radio-button",
-      "docs": "Displays a radio button.",
+      "tag": "verdocs-field-textbox",
+      "docs": "Display a text input field.",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "checked",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "checked",
-          "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -1652,34 +1729,34 @@
           "required": false
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": "order",
+          "type": "number",
           "mutable": false,
-          "attr": "name",
+          "attr": "order",
           "reflectToAttr": false,
-          "docs": "Sets the name of the input element.",
+          "docs": "Sets the tabIndex of the input element.",
           "docsTags": [],
-          "default": "''",
+          "default": "1",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "order",
-          "type": "number",
+          "name": "placeholder",
+          "type": "string",
           "mutable": false,
-          "attr": "order",
+          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "A placeholder to assist the user in completing the field.",
           "docsTags": [],
-          "default": "1",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -1720,8 +1797,29 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "focusField",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "focusField() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
+        {
+          "event": "fieldBlur",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field gains focus.",
+          "docsTags": []
+        },
         {
           "event": "fieldChange",
           "detail": "string",
@@ -1730,6 +1828,24 @@
           "composed": true,
           "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
           "docsTags": []
+        },
+        {
+          "event": "fieldFocus",
+          "detail": "boolean",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the input field loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "fieldInput",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired on every character entered into / deleted from the field.",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -1742,25 +1858,25 @@
       "dependencies": [],
       "dependencyGraph": {
         "verdocs-sign": [
-          "verdocs-field-radio-button"
+          "verdocs-field-textbox"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx",
+      "filePath": "./src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-signature",
-      "docs": "Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\nbutton will be shown. Clicking the button will show a dialog to adopt a signature.",
+      "tag": "verdocs-initial-dialog",
+      "docs": "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.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "fullName",
+          "name": "fullname",
           "type": "string",
           "mutable": false,
-          "attr": "full-name",
+          "attr": "fullname",
           "reflectToAttr": false,
-          "docs": "The user's full name.",
+          "docs": "Initial signature text",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1772,12 +1888,12 @@
           "required": false
         },
         {
-          "name": "required",
+          "name": "open",
           "type": "boolean",
           "mutable": false,
-          "attr": "required",
+          "attr": "open",
           "reflectToAttr": false,
-          "docs": "Whether the field is required.",
+          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1787,38 +1903,9 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "value",
-          "type": "string",
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The base64 signature value.",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
         }
       ],
+      "methods": [],
       "events": [
         {
           "event": "adopt",
@@ -1826,7 +1913,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.",
+          "docs": "Event fired when the initials are adopted.",
           "docsTags": []
         },
         {
@@ -1835,7 +1922,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when the user cancels the process.",
+          "docs": "Event fired when the step is cancelled.",
           "docsTags": []
         }
       ],
@@ -1844,75 +1931,72 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-sign"
+        "verdocs-field-initial"
       ],
       "dependencies": [
-        "verdocs-signature-dialog"
+        "verdocs-text-input",
+        "verdocs-button"
       ],
       "dependencyGraph": {
-        "verdocs-field-signature": [
-          "verdocs-signature-dialog"
-        ],
-        "verdocs-signature-dialog": [
+        "verdocs-initial-dialog": [
           "verdocs-text-input",
           "verdocs-button"
         ],
-        "verdocs-sign": [
-          "verdocs-field-signature"
+        "verdocs-field-initial": [
+          "verdocs-initial-dialog"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-textarea/verdocs-field-textarea.tsx",
+      "filePath": "./src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-textarea",
-      "docs": "Display a multi-line text input field.",
+      "tag": "verdocs-kba-dialog",
+      "docs": "Display a text input field. 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.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "choices",
+          "type": "string[]",
           "mutable": false,
-          "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Sets the disabled attribute of the input element.",
+          "docs": "For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.",
           "docsTags": [],
-          "default": "false",
+          "default": "['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd']",
           "values": [
             {
-              "type": "boolean"
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "order",
-          "type": "number",
+          "name": "helptext",
+          "type": "string",
           "mutable": false,
-          "attr": "order",
+          "attr": "helptext",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "If set, a help/instructions box will be displayed with this text",
           "docsTags": [],
-          "default": "1",
+          "default": "'Please check your text messages for a security code, and enter the code below.'",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "placeholder",
+          "name": "helptitle",
           "type": "string",
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "helptitle",
           "reflectToAttr": false,
-          "docs": "A placeholder to assist the user in completing the field.",
+          "docs": "If set, a help/instructions box will be displayed with this title",
           "docsTags": [],
-          "default": "''",
+          "default": "'One Time Code'",
           "values": [
             {
               "type": "string"
@@ -1922,12 +2006,51 @@
           "required": false
         },
         {
-          "name": "required",
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "For text input challenges, the label to display next to the input field.",
+          "docsTags": [],
+          "default": "'PIN'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "mode",
+          "type": "\"choice\" | \"text\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docsTags": [],
+          "default": "'choice'",
+          "values": [
+            {
+              "value": "choice",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "open",
           "type": "boolean",
           "mutable": false,
-          "attr": "required",
+          "attr": "open",
           "reflectToAttr": false,
-          "docs": "If true, the field will be marked required.",
+          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1939,14 +2062,14 @@
           "required": false
         },
         {
-          "name": "value",
+          "name": "placeholder",
           "type": "string",
           "mutable": false,
-          "attr": "value",
+          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
+          "docs": "For text input challenges, the placeholder to display inside the input field.",
           "docsTags": [],
-          "default": "''",
+          "default": "'Enter your PIN...'",
           "values": [
             {
               "type": "string"
@@ -1954,56 +2077,60 @@
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
+        },
         {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
+          "name": "step",
+          "type": "number",
+          "mutable": false,
+          "attr": "step",
+          "reflectToAttr": false,
+          "docs": "Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "steps",
+          "type": "number",
+          "mutable": false,
+          "attr": "steps",
+          "reflectToAttr": false,
+          "docs": "How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).",
+          "docsTags": [],
+          "default": "3",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
+      "methods": [],
       "events": [
         {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldFocus",
-          "detail": "boolean",
+          "event": "cancel",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the input field loses focus.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
           "docsTags": []
         },
         {
-          "event": "fieldInput",
+          "event": "done",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
           "docsTags": []
         }
       ],
@@ -2011,31 +2138,59 @@
       "styles": [],
       "slots": [],
       "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-button"
+      ],
+      "dependencyGraph": {
+        "verdocs-kba-dialog": [
+          "verdocs-button"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/controls/verdocs-loader/verdocs-loader.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-loader",
+      "docs": "Animated loader placeholder. There are currently no configuration options for this control.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
       "dependents": [
-        "verdocs-sign"
+        "verdocs-sign",
+        "verdocs-view"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "verdocs-sign": [
-          "verdocs-field-textarea"
+          "verdocs-loader"
+        ],
+        "verdocs-view": [
+          "verdocs-loader"
         ]
       }
     },
     {
-      "filePath": "./src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx",
+      "filePath": "./src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-field-textbox",
-      "docs": "Display a text input field.",
+      "tag": "verdocs-ok-dialog",
+      "docs": "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.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "disabled",
+          "name": "cancel",
           "type": "boolean",
           "mutable": false,
-          "attr": "disabled",
+          "attr": "cancel",
           "reflectToAttr": false,
-          "docs": "Sets the disabled attribute of the input element.",
+          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2047,29 +2202,29 @@
           "required": false
         },
         {
-          "name": "order",
-          "type": "number",
+          "name": "heading",
+          "type": "string",
           "mutable": false,
-          "attr": "order",
+          "attr": "heading",
           "reflectToAttr": false,
-          "docs": "Sets the tabIndex of the input element.",
+          "docs": "The title of the dialog. \"title\" is a reserved word, so we use heading.",
           "docsTags": [],
-          "default": "1",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "placeholder",
+          "name": "message",
           "type": "string",
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "message",
           "reflectToAttr": false,
-          "docs": "A placeholder to assist the user in completing the field.",
+          "docs": "The message content to display.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -2081,12 +2236,12 @@
           "required": false
         },
         {
-          "name": "required",
+          "name": "open",
           "type": "boolean",
           "mutable": false,
-          "attr": "required",
+          "attr": "open",
           "reflectToAttr": false,
-          "docs": "If true, the field will be marked required.",
+          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2096,73 +2251,99 @@
           ],
           "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [
         {
-          "name": "value",
-          "type": "string",
+          "event": "closed",
+          "detail": "\"cancel\" | \"ok\"",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-auth"
+      ],
+      "dependencies": [
+        "verdocs-button"
+      ],
+      "dependencyGraph": {
+        "verdocs-ok-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-auth": [
+          "verdocs-ok-dialog"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-organization-card",
+      "docs": "Display a pop-up describing the company that was hovered over",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "organization",
+          "type": "IOrganization",
           "mutable": false,
-          "attr": "value",
           "reflectToAttr": false,
-          "docs": "Sets the value of the input element.",
+          "docs": "The organization to display",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
-              "type": "string"
+              "type": "IOrganization"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [
-        {
-          "name": "focusField",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "focusField() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-quick-functions",
+      "docs": "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.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
       "events": [
         {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldFocus",
-          "detail": "boolean",
+          "event": "createDocument",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the input field loses focus.",
+          "docs": "Event fired when an entry is clicked.",
           "docsTags": []
         },
         {
-          "event": "fieldInput",
-          "detail": "string",
+          "event": "createTemplate",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
+          "docs": "Event fired when an entry is clicked.",
           "docsTags": []
         }
       ],
@@ -2170,53 +2351,81 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-sign"
-      ],
+      "dependents": [],
       "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/embeds/verdocs-search/verdocs-search.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-search",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-search-box",
+        "verdocs-search-activity"
+      ],
       "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-field-textbox"
+        "verdocs-search": [
+          "verdocs-search-box",
+          "verdocs-search-activity"
         ]
       }
     },
     {
-      "filePath": "./src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx",
+      "filePath": "./src/components/elements/verdocs-search-activity/verdocs-search-activity.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-initial-dialog",
-      "docs": "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.",
+      "tag": "verdocs-search-activity",
+      "docs": "Display a list of starred items.\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.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "fullname",
-          "type": "string",
+          "name": "options",
+          "type": "any",
           "mutable": false,
-          "attr": "fullname",
+          "attr": "options",
           "reflectToAttr": false,
-          "docs": "Initial signature text",
+          "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
-              "type": "string"
+              "type": "any"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "open",
-          "type": "boolean",
+          "name": "type",
+          "type": "\"recent\" | \"saved\" | \"starred\"",
           "mutable": false,
-          "attr": "open",
+          "attr": "type",
           "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "'recent'",
           "values": [
             {
-              "type": "boolean"
+              "value": "recent",
+              "type": "string"
+            },
+            {
+              "value": "saved",
+              "type": "string"
+            },
+            {
+              "value": "starred",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -2226,107 +2435,46 @@
       "methods": [],
       "events": [
         {
-          "event": "adopt",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the initials are adopted.",
-          "docsTags": []
-        },
-        {
-          "event": "cancel",
-          "detail": "any",
+          "event": "entrySelected",
+          "detail": "IRecentSearch",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Event fired when an entry is clicked.",
           "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-field-initial"
-      ],
-      "dependencies": [
-        "verdocs-text-input",
-        "verdocs-button"
-      ],
-      "dependencyGraph": {
-        "verdocs-initial-dialog": [
-          "verdocs-text-input",
-          "verdocs-button"
-        ],
-        "verdocs-field-initial": [
-          "verdocs-initial-dialog"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/controls/verdocs-loader/verdocs-loader.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-loader",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-sign",
-        "verdocs-view"
+        "verdocs-search"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-loader"
-        ],
-        "verdocs-view": [
-          "verdocs-loader"
+        "verdocs-search": [
+          "verdocs-search-activity"
         ]
       }
     },
     {
-      "filePath": "./src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx",
+      "filePath": "./src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-ok-dialog",
-      "docs": "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.",
+      "tag": "verdocs-search-box",
+      "docs": "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.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "cancel",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "cancel",
-          "reflectToAttr": false,
-          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "heading",
+          "name": "placeholder",
           "type": "string",
           "mutable": false,
-          "attr": "heading",
+          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "The title of the dialog. \"title\" is a reserved word, so we use heading.",
+          "docs": "The placeholder to display in the input field.",
           "docsTags": [],
-          "default": "''",
+          "default": "'search documents, templates, people...'",
           "values": [
             {
               "type": "string"
@@ -2336,12 +2484,12 @@
           "required": false
         },
         {
-          "name": "message",
+          "name": "query",
           "type": "string",
           "mutable": false,
-          "attr": "message",
+          "attr": "query",
           "reflectToAttr": false,
-          "docs": "The message content to display.",
+          "docs": "The text search string entered by the user.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -2353,17 +2501,30 @@
           "required": false
         },
         {
-          "name": "open",
-          "type": "boolean",
+          "name": "type",
+          "type": "\"all\" | \"document\" | \"organization\" | \"template\"",
           "mutable": false,
-          "attr": "open",
+          "attr": "type",
           "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docs": "If set to a value other than 'all', a removeable filter indicator will be displayed.",
           "docsTags": [],
-          "default": "false",
+          "default": "'all'",
           "values": [
             {
-              "type": "boolean"
+              "value": "all",
+              "type": "string"
+            },
+            {
+              "value": "document",
+              "type": "string"
+            },
+            {
+              "value": "organization",
+              "type": "string"
+            },
+            {
+              "value": "template",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -2373,12 +2534,30 @@
       "methods": [],
       "events": [
         {
-          "event": "closed",
-          "detail": "\"cancel\" | \"ok\"",
+          "event": "queryChanged",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the user changes the query string.",
+          "docsTags": []
+        },
+        {
+          "event": "searchClicked",
+          "detail": "ISearchEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user changes the type.",
+          "docsTags": []
+        },
+        {
+          "event": "typeChanged",
+          "detail": "\"all\" | \"document\" | \"organization\" | \"template\"",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user changes the type.",
           "docsTags": []
         }
       ],
@@ -2387,58 +2566,19 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-auth"
-      ],
-      "dependencies": [
-        "verdocs-button"
+        "verdocs-search"
       ],
+      "dependencies": [],
       "dependencyGraph": {
-        "verdocs-ok-dialog": [
-          "verdocs-button"
-        ],
-        "verdocs-auth": [
-          "verdocs-ok-dialog"
+        "verdocs-search": [
+          "verdocs-search-box"
         ]
       }
     },
     {
-      "filePath": "./src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-organization-card",
-      "docs": "Display a pop-up describing the company that was hovered over",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "organization",
-          "type": "IOrganization",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The organization to display",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IOrganization"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "./src/components/embeds/verdocs-search/verdocs-search.tsx",
+      "filePath": "./src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-search",
+      "tag": "verdocs-search-tabs",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -2450,22 +2590,8 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "search-box",
-        "search-recent",
-        "search-starred",
-        "search-saved",
-        "search-quick-functions"
-      ],
-      "dependencyGraph": {
-        "verdocs-search": [
-          "search-box",
-          "search-recent",
-          "search-starred",
-          "search-saved",
-          "search-quick-functions"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "./src/components/embeds/verdocs-sign/verdocs-sign.tsx",
@@ -2677,6 +2803,137 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/controls/verdocs-status-indicator/verdocs-status-indicator.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-status-indicator",
+      "docs": "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.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "document",
+          "type": "IDocument",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The document to display status for. Ignored if `status` is set directly.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "IDocument"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"normal\" | \"small\"",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.",
+          "docsTags": [],
+          "default": "'normal'",
+          "values": [
+            {
+              "value": "normal",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "status",
+          "type": "\"accepted\" | \"canceled\" | \"complete\" | \"declined\" | \"in progress\" | \"invited\" | \"opened\" | \"pending\" | \"signed\" | \"submitted\"",
+          "mutable": false,
+          "attr": "status",
+          "reflectToAttr": false,
+          "docs": "The status to display.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "accepted",
+              "type": "string"
+            },
+            {
+              "value": "canceled",
+              "type": "string"
+            },
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "declined",
+              "type": "string"
+            },
+            {
+              "value": "in progress",
+              "type": "string"
+            },
+            {
+              "value": "invited",
+              "type": "string"
+            },
+            {
+              "value": "opened",
+              "type": "string"
+            },
+            {
+              "value": "pending",
+              "type": "string"
+            },
+            {
+              "value": "signed",
+              "type": "string"
+            },
+            {
+              "value": "submitted",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"light\"",
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "The theme to use for diplay.",
+          "docsTags": [],
+          "default": "'light'",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/controls/verdocs-template-card/verdocs-template-card.tsx",
       "encapsulation": "none",