kemet-ui 3.0.0 → 3.1.0

package/custom-elements.json

@@ -4,44 +4,34 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "src/components/kemet-alert/kemet-alert.ts",
+      "path": "src/components/kemet-accordion/kemet-accordion-panel.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "KemetAlert",
-          "cssProperties": [
+          "name": "KemetAccordionPanel",
+          "cssParts": [
             {
-              "description": "The padding on the alert.",
-              "name": "--kemet-alert-padding"
+              "description": "Contains the trigger for the panel.",
+              "name": "trigger"
             },
             {
-              "description": "The thickness of the border.",
-              "name": "--kemet-alert-border-thickness"
-            },
+              "description": "Contains the body for the panel.",
+              "name": "body"
+            }
+          ],
+          "slots": [
             {
-              "description": "The status color. Default: inherit.",
-              "name": "--kemet-alert-status-color"
+              "description": "The trigger button that opens and closes the panel.",
+              "name": "trigger"
             },
             {
-              "description": "The alert's alignment.",
-              "name": "--kemet-alert-align-items"
+              "description": "The body content of the panel.",
+              "name": "body"
             },
             {
-              "description": "The border around the alert.",
-              "name": "--kemet-alert-border"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "Container for the close button.",
-              "name": "close"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The contents of the alert.",
-              "name": "default"
+              "description": "The icon for the panel.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -51,87 +41,72 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the alert is opened or not.",
+              "default": "undefined",
+              "description": "Determines the opened state of the panel",
               "attribute": "opened",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "reveal",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Fades in the alert when opened.",
-              "attribute": "reveal",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "closable",
+              "name": "maxHeight",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Adds a close button to the alert.",
-              "attribute": "closable",
-              "reflects": true
+              "default": "'0px'",
+              "description": "Sets the max height of the panel's body",
+              "attribute": "max-height"
             },
             {
               "kind": "field",
-              "name": "status",
+              "name": "slug",
               "type": {
-                "text": "TypeStatus"
+                "text": "string"
               },
-              "default": "'standard'",
-              "attribute": "status",
-              "reflects": true
+              "default": "'panel'",
+              "description": "Uniquely identifies a panel for accessibility purposes",
+              "attribute": "slug"
             },
             {
               "kind": "field",
-              "name": "borderStatus",
+              "name": "index",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Adds a border that indicates the status.",
-              "attribute": "border-status",
-              "reflects": true
+              "attribute": "index"
             },
             {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Hides the element from document flow.",
-              "attribute": "hidden",
-              "reflects": true
+              "kind": "method",
+              "name": "toggle"
             },
             {
-              "kind": "field",
-              "name": "overlay",
-              "type": {
-                "text": "string"
-              },
-              "description": "Fixes the alert over content in specified position.",
-              "attribute": "overlay",
-              "reflects": true
+              "kind": "method",
+              "name": "focusableBodyElements"
             },
             {
               "kind": "method",
-              "name": "makeCloseBtn"
+              "name": "a11y"
             },
             {
               "kind": "method",
-              "name": "handleMotion"
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             }
           ],
           "events": [
             {
-              "description": "Fires when alert is opened.",
-              "name": "kemet-alert-opened"
+              "description": "Fires when a panel is opened",
+              "name": "kemet-accordion-panel-opened"
             },
             {
-              "description": "Fires when alert is closed.",
-              "name": "kemet-alert-closed"
+              "description": "Fires when a panel is closed",
+              "name": "kemet-accordion-panel-closed"
             }
           ],
           "attributes": [
@@ -140,64 +115,42 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the alert is opened or not.",
+              "default": "undefined",
+              "description": "Determines the opened state of the panel",
               "fieldName": "opened"
             },
             {
-              "name": "reveal",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Fades in the alert when opened.",
-              "fieldName": "reveal"
-            },
-            {
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Adds a close button to the alert.",
-              "fieldName": "closable"
-            },
-            {
-              "name": "status",
-              "type": {
-                "text": "TypeStatus"
-              },
-              "default": "'standard'",
-              "fieldName": "status"
-            },
-            {
-              "name": "border-status",
+              "name": "max-height",
               "type": {
                 "text": "string"
               },
-              "description": "Adds a border that indicates the status.",
-              "fieldName": "borderStatus"
+              "default": "'0px'",
+              "description": "Sets the max height of the panel's body",
+              "fieldName": "maxHeight"
             },
             {
-              "name": "hidden",
+              "name": "slug",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Hides the element from document flow.",
-              "fieldName": "hidden"
+              "default": "'panel'",
+              "description": "Uniquely identifies a panel for accessibility purposes",
+              "fieldName": "slug"
             },
             {
-              "name": "overlay",
+              "name": "index",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Fixes the alert over content in specified position.",
-              "fieldName": "overlay"
+              "fieldName": "index"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "kemet-alert",
-          "summary": "Calls out important messages and notifications.",
+          "tagName": "kemet-accordion-panel",
+          "summary": "A blade for an accordion.",
           "customElement": true
         }
       ],
@@ -206,94 +159,220 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "KemetAlert",
-            "module": "src/components/kemet-alert/kemet-alert.ts"
+            "name": "KemetAccordionPanel",
+            "module": "src/components/kemet-accordion/kemet-accordion-panel.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "kemet-alert",
+          "name": "kemet-accordion-panel",
           "declaration": {
-            "name": "KemetAlert",
-            "module": "src/components/kemet-alert/kemet-alert.ts"
+            "name": "KemetAccordionPanel",
+            "module": "src/components/kemet-accordion/kemet-accordion-panel.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/kemet-avatar/kemet-avatar.ts",
+      "path": "src/components/kemet-accordion/kemet-accordion.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "KemetAvatar",
-          "cssProperties": [
-            {
-              "description": "The color of the text.",
-              "name": "--kemet-avatar-color"
-            },
-            {
-              "description": "The color of the background.",
-              "name": "--kemet-avatar-background-color"
-            },
-            {
-              "description": "The border radius of the rounded type.",
-              "name": "--kemet-avatar-rounded-radius"
-            },
-            {
-              "description": "The space around the initials.",
-              "name": "--kemet-avatar-initials-margin"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "Contains the initials for the avatar.",
-              "name": "initials"
-            }
-          ],
-          "slots": [
-            {
-              "description": "A slot for an icon or element that indicates the status of the avatar.",
-              "name": "status"
-            }
-          ],
+          "name": "KemetAccordion",
           "members": [
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "description": "The size in pixels.",
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "image",
+              "name": "currentPanel",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Url to an image.",
-              "attribute": "image"
+              "default": "0",
+              "description": "The index value for the most recently opened panel",
+              "attribute": "current-panel"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "togglePanels",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Labels the avatar.",
-              "attribute": "label"
+              "default": "false",
+              "description": "Support for closing all inactive panels when one is opened",
+              "attribute": "toggle-panels"
             },
             {
-              "kind": "field",
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "description": "Initials of the user.",
-              "attribute": "initials"
+              "kind": "method",
+              "name": "handleSlotChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePanelOpened",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigatePanels",
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "expandAll"
+            },
+            {
+              "kind": "method",
+              "name": "collapseAll"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "current-panel",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The index value for the most recently opened panel",
+              "fieldName": "currentPanel"
+            },
+            {
+              "name": "toggle-panels",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Support for closing all inactive panels when one is opened",
+              "fieldName": "togglePanels"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kemet-accordion",
+          "summary": "A component that acts like a standard accordion.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "KemetAccordion",
+            "module": "src/components/kemet-accordion/kemet-accordion.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kemet-accordion",
+          "declaration": {
+            "name": "KemetAccordion",
+            "module": "src/components/kemet-accordion/kemet-accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/kemet-avatar/kemet-avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "KemetAvatar",
+          "cssProperties": [
+            {
+              "description": "The color of the text.",
+              "name": "--kemet-avatar-color"
+            },
+            {
+              "description": "The color of the background.",
+              "name": "--kemet-avatar-background-color"
+            },
+            {
+              "description": "The border radius of the rounded type.",
+              "name": "--kemet-avatar-rounded-radius"
+            },
+            {
+              "description": "The space around the initials.",
+              "name": "--kemet-avatar-initials-margin"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Contains the initials for the avatar.",
+              "name": "initials"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A slot for an icon or element that indicates the status of the avatar.",
+              "name": "status"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "description": "The size in pixels.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "description": "Url to an image.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Labels the avatar.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "description": "Initials of the user.",
+              "attribute": "initials"
             },
             {
               "kind": "field",
@@ -447,153 +526,111 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/kemet-accordion/kemet-accordion-panel.ts",
+      "path": "src/components/kemet-badge/kemet-badge.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "KemetAccordionPanel",
-          "cssParts": [
-            {
-              "description": "Contains the trigger for the panel.",
-              "name": "trigger"
-            },
-            {
-              "description": "Contains the body for the panel.",
-              "name": "body"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The trigger button that opens and closes the panel.",
-              "name": "trigger"
-            },
-            {
-              "description": "The body content of the panel.",
-              "name": "body"
-            },
+          "name": "KemetBadge",
+          "cssProperties": [
             {
-              "description": "The icon for the panel.",
-              "name": "icon"
+              "description": "The padding of the badge. Default: 10px.",
+              "name": "--kemet-badge-padding"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "opened",
+              "name": "status",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "undefined",
-              "description": "Determines the opened state of the panel",
-              "attribute": "opened",
+              "default": "'primary'",
+              "description": "The status of the badge",
+              "attribute": "status",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "maxHeight",
+              "name": "circle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'0px'",
-              "description": "Sets the max height of the panel's body",
-              "attribute": "max-height"
+              "default": "false",
+              "description": "Displays the badge in a circle",
+              "attribute": "circle",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "slug",
+              "name": "pill",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'panel'",
-              "description": "Uniquely identifies a panel for accessibility purposes",
-              "attribute": "slug"
+              "default": "false",
+              "description": "Rounds the corners on the badge",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "index",
+              "name": "circlePadding",
               "type": {
                 "text": "number"
               },
-              "attribute": "index"
+              "default": "0",
+              "description": "Padding on the badge as a circle",
+              "attribute": "circle-padding"
             },
             {
               "kind": "method",
-              "name": "toggle"
-            },
+              "name": "handleSlotChange"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "focusableBodyElements"
+              "name": "status",
+              "type": {
+                "text": "string"
+              },
+              "default": "'primary'",
+              "description": "The status of the badge",
+              "fieldName": "status"
             },
             {
-              "kind": "method",
-              "name": "a11y"
+              "name": "circle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the badge in a circle",
+              "fieldName": "circle"
             },
             {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event"
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires when a panel is opened",
-              "name": "kemet-accordion-panel-opened"
-            },
-            {
-              "description": "Fires when a panel is closed",
-              "name": "kemet-accordion-panel-closed"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "opened",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/components/kemet-accordion/kemet-accordion-panel.ts"
-              },
-              "description": "Determines the opened state of the panel",
-              "fieldName": "opened"
-            },
-            {
-              "name": "max-height",
-              "type": {
-                "text": "string"
-              },
-              "default": "'0px'",
-              "description": "Sets the max height of the panel's body",
-              "fieldName": "maxHeight"
-            },
-            {
-              "name": "slug",
-              "type": {
-                "text": "string"
-              },
-              "default": "'panel'",
-              "description": "Uniquely identifies a panel for accessibility purposes",
-              "fieldName": "slug"
+              "default": "false",
+              "description": "Rounds the corners on the badge",
+              "fieldName": "pill"
             },
             {
-              "name": "index",
+              "name": "circle-padding",
               "type": {
                 "text": "number"
               },
-              "fieldName": "index"
+              "default": "0",
+              "description": "Padding on the badge as a circle",
+              "fieldName": "circlePadding"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "kemet-accordion-panel",
-          "summary": "A blade for an accordion.",
+          "tagName": "kemet-badge",
+          "summary": "Badges display the status of information.",
           "customElement": true
         }
       ],
@@ -602,244 +639,216 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "KemetAccordionPanel",
-            "module": "src/components/kemet-accordion/kemet-accordion-panel.ts"
+            "name": "KemetBadge",
+            "module": "src/components/kemet-badge/kemet-badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "kemet-accordion-panel",
+          "name": "kemet-badge",
           "declaration": {
-            "name": "KemetAccordionPanel",
-            "module": "src/components/kemet-accordion/kemet-accordion-panel.ts"
+            "name": "KemetBadge",
+            "module": "src/components/kemet-badge/kemet-badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/kemet-accordion/kemet-accordion.ts",
+      "path": "src/components/kemet-alert/kemet-alert.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "KemetAccordion",
-          "members": [
-            {
-              "kind": "field",
-              "name": "currentPanel",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The index value for the most recently opened panel",
-              "attribute": "current-panel"
-            },
-            {
-              "kind": "field",
-              "name": "togglePanels",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Support for closing all inactive panels when one is opened",
-              "attribute": "toggle-panels"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange"
-            },
+          "name": "KemetAlert",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "handlePanelOpened",
-              "parameters": [
-                {
-                  "name": "event"
-                }
-              ]
+              "description": "The padding on the alert.",
+              "name": "--kemet-alert-padding"
             },
             {
-              "kind": "method",
-              "name": "navigatePanels",
-              "parameters": [
-                {
-                  "name": "direction"
-                }
-              ]
+              "description": "The thickness of the border.",
+              "name": "--kemet-alert-border-thickness"
             },
             {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event"
-                }
-              ]
+              "description": "The status color. Default: inherit.",
+              "name": "--kemet-alert-status-color"
             },
             {
-              "kind": "method",
-              "name": "expandAll"
+              "description": "The alert's alignment.",
+              "name": "--kemet-alert-align-items"
             },
             {
-              "kind": "method",
-              "name": "collapseAll"
+              "description": "The border around the alert.",
+              "name": "--kemet-alert-border"
             }
           ],
-          "attributes": [
-            {
-              "name": "current-panel",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The index value for the most recently opened panel",
-              "fieldName": "currentPanel"
-            },
+          "cssParts": [
             {
-              "name": "toggle-panels",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Support for closing all inactive panels when one is opened",
-              "fieldName": "togglePanels"
+              "description": "Container for the close button.",
+              "name": "close"
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "kemet-accordion",
-          "summary": "A component that acts like a standard accordion.",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "KemetAccordion",
-            "module": "src/components/kemet-accordion/kemet-accordion.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "kemet-accordion",
-          "declaration": {
-            "name": "KemetAccordion",
-            "module": "src/components/kemet-accordion/kemet-accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/kemet-badge/kemet-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "KemetBadge",
-          "cssProperties": [
+          "slots": [
             {
-              "description": "The padding of the badge. Default: 10px.",
-              "name": "--kemet-badge-padding"
+              "description": "The contents of the alert.",
+              "name": "default"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "status",
+              "name": "opened",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "The status of the badge",
-              "attribute": "status",
+              "description": "Determines if the alert is opened or not.",
+              "attribute": "opened",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "circle",
+              "name": "reveal",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Displays the badge in a circle",
-              "attribute": "circle",
+              "description": "Fades in the alert when opened.",
+              "attribute": "reveal",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Rounds the corners on the badge",
-              "attribute": "pill",
+              "description": "Adds a close button to the alert.",
+              "attribute": "closable",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "circlePadding",
+              "name": "status",
               "type": {
-                "text": "number"
+                "text": "TypeStatus"
               },
-              "default": "0",
-              "description": "Padding on the badge as a circle",
-              "attribute": "circle-padding"
+              "default": "'standard'",
+              "attribute": "status",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "status",
+              "kind": "field",
+              "name": "borderStatus",
               "type": {
                 "text": "string"
               },
-              "default": "'primary'",
-              "description": "The status of the badge",
-              "fieldName": "status"
+              "description": "Adds a border that indicates the status.",
+              "attribute": "border-status",
+              "reflects": true
             },
             {
-              "name": "circle",
+              "kind": "field",
+              "name": "hidden",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Displays the badge in a circle",
-              "fieldName": "circle"
+              "description": "Hides the element from document flow.",
+              "attribute": "hidden",
+              "reflects": true
             },
             {
-              "name": "pill",
+              "kind": "field",
+              "name": "overlay",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Rounds the corners on the badge",
-              "fieldName": "pill"
+              "description": "Fixes the alert over content in specified position.",
+              "attribute": "overlay",
+              "reflects": true
             },
             {
-              "name": "circle-padding",
+              "kind": "method",
+              "name": "makeCloseBtn"
+            },
+            {
+              "kind": "method",
+              "name": "handleMotion"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when alert is opened.",
+              "name": "kemet-alert-opened"
+            },
+            {
+              "description": "Fires when alert is closed.",
+              "name": "kemet-alert-closed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "opened",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Padding on the badge as a circle",
-              "fieldName": "circlePadding"
+              "description": "Determines if the alert is opened or not.",
+              "fieldName": "opened"
+            },
+            {
+              "name": "reveal",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Fades in the alert when opened.",
+              "fieldName": "reveal"
+            },
+            {
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Adds a close button to the alert.",
+              "fieldName": "closable"
+            },
+            {
+              "name": "status",
+              "type": {
+                "text": "TypeStatus"
+              },
+              "default": "'standard'",
+              "fieldName": "status"
+            },
+            {
+              "name": "border-status",
+              "type": {
+                "text": "string"
+              },
+              "description": "Adds a border that indicates the status.",
+              "fieldName": "borderStatus"
+            },
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hides the element from document flow.",
+              "fieldName": "hidden"
+            },
+            {
+              "name": "overlay",
+              "type": {
+                "text": "string"
+              },
+              "description": "Fixes the alert over content in specified position.",
+              "fieldName": "overlay"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "kemet-badge",
-          "summary": "Badges display the status of information.",
+          "tagName": "kemet-alert",
+          "summary": "Calls out important messages and notifications.",
           "customElement": true
         }
       ],
@@ -848,16 +857,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "KemetBadge",
-            "module": "src/components/kemet-badge/kemet-badge.ts"
+            "name": "KemetAlert",
+            "module": "src/components/kemet-alert/kemet-alert.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "kemet-badge",
+          "name": "kemet-alert",
           "declaration": {
-            "name": "KemetBadge",
-            "module": "src/components/kemet-badge/kemet-badge.ts"
+            "name": "KemetAlert",
+            "module": "src/components/kemet-alert/kemet-alert.ts"
           }
         }
       ]
@@ -948,7 +957,7 @@
               "name": "default"
             },
             {
-              "description": "The cards's header.",
+              "description": "The card's header.",
               "name": "header"
             },
             {
@@ -1119,7 +1128,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the button is active",
+              "description": "Determines if the button is active",
               "attribute": "active",
               "reflects": true
             },
@@ -1215,10 +1224,10 @@
               "parameters": [
                 {
                   "name": "event",
-                  "description": "event object",
                   "type": {
                     "text": "object"
-                  }
+                  },
+                  "description": "event object"
                 }
               ],
               "description": "Handles keyup",
@@ -1231,7 +1240,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the button is active",
+              "description": "Determines if the button is active",
               "fieldName": "active"
             },
             {
@@ -1400,6 +1409,15 @@
             {
               "kind": "method",
               "name": "first"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyUp",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
             }
           ],
           "events": [
@@ -1467,6 +1485,15 @@
             {
               "kind": "method",
               "name": "last"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyUp",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
             }
           ],
           "events": [
@@ -1489,7 +1516,7 @@
             "package": "lit"
           },
           "tagName": "kemet-carousel-last",
-          "summary": "A link to the last slide in the carousel..",
+          "summary": "A link to the last slide in the carousel.",
           "customElement": true
         }
       ],
@@ -1559,6 +1586,15 @@
             {
               "kind": "method",
               "name": "changed"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyUp",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
             }
           ],
           "events": [
@@ -1641,6 +1677,15 @@
             {
               "kind": "method",
               "name": "next"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyUp",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
             }
           ],
           "events": [
@@ -1708,6 +1753,15 @@
             {
               "kind": "method",
               "name": "prev"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyUp",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
             }
           ],
           "events": [
@@ -2071,7 +2125,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to display arrows.",
+              "description": "Determines whether to display arrows.",
               "attribute": "arrows",
               "reflects": true
             },
@@ -2081,7 +2135,7 @@
               "type": {
                 "text": "object"
               },
-              "default": "{\n    perView: 1,\n    perMove: 1,\n    gap: 12,\n    slideshow: 0,\n    rewind: true,\n    center: false,\n  }",
+              "default": "{ perView: 1, perMove: 1, gap: 12, slideshow: 0, rewind: true, center: false, }",
               "description": "Default options for the carousel.",
               "attribute": "options"
             },
@@ -2091,7 +2145,7 @@
               "type": {
                 "text": "object"
               },
-              "default": "{\n    768: {\n      perView: 2,\n      gap: 24,\n      rewind: false,\n    },\n    1280: {\n      perView: 2.5,\n      center: true,\n    },\n  }",
+              "default": "{ 768: { perView: 2, gap: 24, rewind: false, }, 1280: { perView: 2.5, center: true, }, }",
               "description": "Options at different breakpoints for the carousel. Is mobile first.",
               "attribute": "breakpoints"
             },
@@ -2100,7 +2154,10 @@
               "name": "swipeStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2109,7 +2166,10 @@
               "name": "swipeEnd",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2118,7 +2178,10 @@
               "name": "swipeUpdate",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2167,7 +2230,10 @@
               "name": "updateIndex",
               "parameters": [
                 {
-                  "name": "newIndex"
+                  "name": "newIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -2180,7 +2246,10 @@
               "name": "goToSlide",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -2193,7 +2262,10 @@
               "name": "handleLink",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -2202,14 +2274,17 @@
               "name": "getOption",
               "parameters": [
                 {
-                  "name": "option"
+                  "name": "option",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             }
           ],
           "events": [
             {
-              "description": "Fires with the a slide has begun to change.",
+              "description": "Fires when the slide has begun to change.",
               "name": "kemet-carousel-change-start"
             },
             {
@@ -2269,7 +2344,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to display arrows.",
+              "description": "Determines whether to display arrows.",
               "fieldName": "arrows"
             },
             {
@@ -2277,7 +2352,7 @@
               "type": {
                 "text": "object"
               },
-              "default": "{\n    perView: 1,\n    perMove: 1,\n    gap: 12,\n    slideshow: 0,\n    rewind: true,\n    center: false,\n  }",
+              "default": "{ perView: 1, perMove: 1, gap: 12, slideshow: 0, rewind: true, center: false, }",
               "description": "Default options for the carousel.",
               "fieldName": "options"
             },
@@ -2286,7 +2361,7 @@
               "type": {
                 "text": "object"
               },
-              "default": "{\n    768: {\n      perView: 2,\n      gap: 24,\n      rewind: false,\n    },\n    1280: {\n      perView: 2.5,\n      center: true,\n    },\n  }",
+              "default": "{ 768: { perView: 2, gap: 24, rewind: false, }, 1280: { perView: 2.5, center: true, }, }",
               "description": "Options at different breakpoints for the carousel. Is mobile first.",
               "fieldName": "breakpoints"
             }
@@ -2333,7 +2408,7 @@
               "name": "--kemet-checkbox-size"
             },
             {
-              "description": "The color of the checkbox's mark.",
+              "description": "The color of the checkbox mark.",
               "name": "--kemet-checkbox-color"
             },
             {
@@ -2345,7 +2420,7 @@
               "name": "--kemet-checkbox-border-radius"
             },
             {
-              "description": "The filled color of the checkbox's mark.",
+              "description": "The filled color of the checkbox mark.",
               "name": "--kemet-checkbox-filled-color"
             },
             {
@@ -2359,7 +2434,7 @@
               "name": "label"
             },
             {
-              "description": "The the label's text.",
+              "description": "The label's text.",
               "name": "text"
             },
             {
@@ -2764,14 +2839,14 @@
               "kind": "field",
               "name": "filteredOptions",
               "type": {
-                "text": "any[]"
+                "text": "string[]"
               }
             },
             {
               "kind": "field",
               "name": "field",
               "type": {
-                "text": "KemetFieldInterface"
+                "text": "KemetField"
               }
             },
             {
@@ -2790,16 +2865,26 @@
               "name": "handleInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleFocus"
+            },
             {
               "kind": "method",
               "name": "handleSelection",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -2808,7 +2893,10 @@
               "name": "handleOptionKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -2817,7 +2905,10 @@
               "name": "handleInputKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -3008,7 +3099,7 @@
             "package": "lit"
           },
           "tagName": "kemet-count",
-          "summary": "Maintains a character count for a input field. Is to be used only in the component slot of a Field component.",
+          "summary": "Maintains a character count for an input field. Is to be used only in the component slot of a Field component.",
           "customElement": true
         }
       ],
@@ -3084,7 +3175,10 @@
               "name": "startDrag",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -3093,7 +3187,10 @@
               "name": "drag",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -3277,7 +3374,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Adds a overlay over the content section of the Drawer when opened",
+              "description": "Adds an overlay over the content section of the Drawer when opened",
               "attribute": "overlay",
               "reflects": true
             }
@@ -3299,9 +3396,6 @@
                 "text": "boolean"
               },
               "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/components/kemet-drawer/kemet-drawer.ts"
-              },
               "description": "Determines if the drawer is opened or not.",
               "fieldName": "opened"
             },
@@ -3329,7 +3423,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Adds a overlay over the content section of the Drawer when opened",
+              "description": "Adds an overlay over the content section of the Drawer when opened",
               "fieldName": "overlay"
             }
           ],
@@ -3401,7 +3495,7 @@
               "name": "button"
             },
             {
-              "description": " The FAB's icon.",
+              "description": " The FAB icon.",
               "name": "icon"
             },
             {
@@ -3599,7 +3693,7 @@
           ],
           "slots": [
             {
-              "description": "Allows sub components of the field to display.",
+              "description": "Allows subcomponents of the field to display.",
               "name": "component"
             }
           ],
@@ -3610,7 +3704,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Uniquely identifies the control. Use the same slug for slotted sub components.",
+              "description": "Uniquely identifies the control. Use the same slug for slotted subcomponents.",
               "attribute": "slug"
             },
             {
@@ -3698,7 +3792,7 @@
                 "text": "string"
               },
               "default": "'check-lg'",
-              "description": "The icon while in an success state",
+              "description": "The icon while in a success state",
               "attribute": "success-icon"
             },
             {
@@ -3728,7 +3822,10 @@
               "name": "handleFocused",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3737,7 +3834,10 @@
               "name": "handleStatus",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3746,7 +3846,10 @@
               "name": "handleInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3755,7 +3858,10 @@
               "name": "handleSelection",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             }
@@ -3772,7 +3878,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Uniquely identifies the control. Use the same slug for slotted sub components.",
+              "description": "Uniquely identifies the control. Use the same slug for slotted subcomponents.",
               "fieldName": "slug"
             },
             {
@@ -3847,7 +3953,7 @@
                 "text": "string"
               },
               "default": "'check-lg'",
-              "description": "The icon while in an success state",
+              "description": "The icon while in a success state",
               "fieldName": "successIcon"
             }
           ],
@@ -3897,7 +4003,10 @@
               "name": "handleKeyup",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -4064,14 +4173,14 @@
               "kind": "field",
               "name": "frontElement",
               "type": {
-                "text": "any"
+                "text": "HTMLElement"
               }
             },
             {
               "kind": "field",
               "name": "backElement",
               "type": {
-                "text": "any"
+                "text": "HTMLElement"
               }
             },
             {
@@ -4495,7 +4604,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "States whether or not the input is invalid",
+              "description": "States whether the input is invalid",
               "attribute": "invalid",
               "reflects": true
             },
@@ -4659,46 +4768,19 @@
             },
             {
               "kind": "method",
-              "name": "makeIconRight",
-              "description": "Makes the right icon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "templateResult"
-                }
-              }
+              "name": "makeIconRight"
             },
             {
               "kind": "method",
-              "name": "makeIconLeft",
-              "description": "Makes the left icon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "templateResult"
-                }
-              }
+              "name": "makeIconLeft"
             },
             {
               "kind": "method",
-              "name": "makeIconClear",
-              "description": "Makes a clear icon for search.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "templateResult"
-                }
-              }
+              "name": "makeIconClear"
             },
             {
               "kind": "method",
-              "name": "makeVisibilityToggle",
-              "description": "Makes a password visibility toggle button",
-              "return": {
-                "type": {
-                  "text": "templateResult"
-                }
-              }
+              "name": "makeVisibilityToggle"
             },
             {
               "kind": "method",
@@ -4739,7 +4821,10 @@
               "name": "handleStatus",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -4758,24 +4843,24 @@
             {
               "kind": "method",
               "name": "checkLimitValidity",
-              "description": "Checks the validity of the character limit for the count component",
-              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              }
+              },
+              "description": "Checks the validity of the character limit for the count component",
+              "privacy": "public"
             },
             {
               "kind": "method",
               "name": "checkValidity",
-              "description": "Checks the validity of the standard input",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              }
+              },
+              "description": "Checks the validity of the standard input",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -4943,7 +5028,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "States whether or not the input is invalid",
+              "description": "States whether the input is invalid",
               "fieldName": "invalid"
             },
             {
@@ -5265,7 +5350,10 @@
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5322,17 +5410,502 @@
             {
               "name": "rounded",
               "type": {
-                "text": "boolean"
+                "text": "boolean"
+              },
+              "fieldName": "rounded"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kemet-modal",
+          "summary": "A dialog that has many built-in effects and flexible styles.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "KemetModal",
+            "module": "src/components/kemet-modal/kemet-modal.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kemet-modal",
+          "declaration": {
+            "name": "KemetModal",
+            "module": "src/components/kemet-modal/kemet-modal.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/kemet-multi-input/kemet-multi-input.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "KemetMultiInput",
+          "cssProperties": [
+            {
+              "description": "The height of the input.",
+              "name": "--kemet-input-height"
+            },
+            {
+              "description": "The padding on the input.",
+              "name": "--kemet-input-padding"
+            },
+            {
+              "description": "The border of the input.",
+              "name": "--kemet-input-border"
+            },
+            {
+              "description": " The border of the error state.",
+              "name": "--kemet-input-border-color-error"
+            },
+            {
+              "description": "The border of the success state.",
+              "name": "--kemet-input-border-color-success"
+            },
+            {
+              "description": "The border of the warning state.",
+              "name": "--kemet-input-border-color-warning"
+            },
+            {
+              "description": "The icon-left padding.",
+              "name": "--kemet-input-icon-left-padding"
+            },
+            {
+              "description": "The icon-right padding.",
+              "name": "--kemet-input-icon-right-padding"
+            },
+            {
+              "description": "The border radius on rounded.",
+              "name": "--kemet-input-border-radius-rounded"
+            },
+            {
+              "description": "The border on filled.",
+              "name": "--kemet-input-border-filled"
+            },
+            {
+              "description": "The color on filled.",
+              "name": "--kemet-input-color-filled"
+            },
+            {
+              "description": "The background-color on filled.",
+              "name": "--kemet-input-background-color-filled"
+            },
+            {
+              "description": "The error state background color.",
+              "name": "--kemet-input-background-color-error"
+            },
+            {
+              "description": "The success state background color.",
+              "name": "--kemet-input-background-color-success"
+            },
+            {
+              "description": "The warning state background color.",
+              "name": "--kemet-input-background-color-warning"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "input"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays rounded corners",
+              "attribute": "rounded"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'input'",
+              "description": "The name of the input",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's value"
+            },
+            {
+              "kind": "field",
+              "name": "selections",
+              "type": {
+                "text": "IComboSelection[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "paddingLeft",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "field"
+            },
+            {
+              "kind": "field",
+              "name": "combo"
+            },
+            {
+              "kind": "field",
+              "name": "chips"
+            },
+            {
+              "kind": "method",
+              "name": "addComboItem",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ],
+              "description": "Handles when a selection is made from a combo",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ],
+              "description": "Handles when the input receives input",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ],
+              "description": "Handles when the input is focused"
+            },
+            {
+              "kind": "method",
+              "name": "makeSelections",
+              "description": "Renders the chips from the selections of the combo",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "calculatePadding",
+              "description": "calculates padding to properly place the cursor of the input",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleRemoveChip",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ],
+              "description": "handle removing a chip from the selections",
+              "privacy": "private"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Used for the id of the input. Should match the slug used in a control if applicable.",
+              "name": "slug",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The placeholder attribute",
+              "name": "placeholder",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The minlength attribute",
+              "name": "minlength",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The maxlength attribute",
+              "name": "maxlength",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The min attribute",
+              "name": "min",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The max attribute",
+              "name": "max",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The step attribute",
+              "name": "step",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The autocomplete attribute",
+              "name": "autocomplete",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The pattern attribute",
+              "name": "pattern",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The input mode attribute",
+              "name": "inputmode",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The autofocus attribute",
+              "name": "autofocus",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disable attribute",
+              "name": "disabled",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The readonly attribute",
+              "name": "readonly",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The required attribute",
+              "name": "required",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The type of input",
+              "name": "type",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "States whether the input is invalid",
+              "name": "invalid",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The status of the input",
+              "name": "status",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Activates validation on blur",
+              "name": "validateOnBlur",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Aria Autocomplete",
+              "name": "ariaAutoComplete",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Aria Controls",
+              "name": "ariaControls",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Aria Active Descendant",
+              "name": "ariaActiveDescendant",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Displays a filled input box",
+              "name": "filled",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom Icon to the right of the input",
+              "name": "iconRight",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom Icon to the left of the input",
+              "name": "iconLeft",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Size of the icons",
+              "name": "iconSize",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "object"
+              },
+              "description": "The HTML5 validity object.",
+              "name": "validity",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Manages password visibility",
+              "name": "isPasswordVisible",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Input Type of keypress handled through handleInput(e)",
+              "name": "inputType",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines if the input is focused",
+              "name": "focused",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the input receives and loses focus",
+              "name": "kemet-input-focused"
+            },
+            {
+              "description": "Fires when there's a change in status. This event includes an object that reports: 1) the status. 2) HTML5 validity object. 3) the component element. Use the validity object to support custom validation messages.",
+              "name": "kemet-input-status"
+            },
+            {
+              "description": "Fires when the input receives input",
+              "name": "kemet-input-input"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays rounded corners",
+              "fieldName": "rounded"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
               },
-              "fieldName": "rounded"
+              "default": "'input'",
+              "description": "The name of the input",
+              "fieldName": "name"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "kemet-modal",
-          "summary": "A dialog that has many built in effects and flexible styles.",
+          "tagName": "kemet-multi-input",
+          "summary": "An input element that accepts multiple items from a combo.",
           "customElement": true
         }
       ],
@@ -5341,16 +5914,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "KemetModal",
-            "module": "src/components/kemet-modal/kemet-modal.ts"
+            "name": "KemetMultiInput",
+            "module": "src/components/kemet-multi-input/kemet-multi-input.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "kemet-modal",
+          "name": "kemet-multi-input",
           "declaration": {
-            "name": "KemetModal",
-            "module": "src/components/kemet-modal/kemet-modal.ts"
+            "name": "KemetMultiInput",
+            "module": "src/components/kemet-multi-input/kemet-multi-input.ts"
           }
         }
       ]
@@ -5363,33 +5936,14 @@
           "kind": "class",
           "description": "",
           "name": "KemetPassword",
-          "cssParts": [
-            {
-              "description": "The status message.",
-              "name": "status"
-            },
-            {
-              "description": "The strength indicator bars.",
-              "name": "indicator"
-            },
-            {
-              "description": "A message to display to the user.",
-              "name": "message"
-            },
-            {
-              "description": "A description of rules to follow.",
-              "name": "rules"
-            }
-          ],
           "members": [
             {
               "kind": "field",
               "name": "rules",
               "type": {
-                "text": "array"
+                "text": "IOptions[]"
               },
-              "default": "[\n    { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' },\n    { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' },\n    { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' },\n  ]",
-              "description": "An array of objects containing the rules the password must meet.",
+              "default": "[ { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' }, { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' }, { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' }, ]",
               "attribute": "rules"
             },
             {
@@ -5398,7 +5952,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Controls the display of the component.",
               "attribute": "show",
               "reflects": true
             },
@@ -5408,7 +5961,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the input component.",
               "attribute": "value"
             },
             {
@@ -5418,7 +5970,6 @@
                 "text": "string"
               },
               "default": "'Please make sure you meet all the requirements.'",
-              "description": "A message that is above the rules.",
               "attribute": "message"
             },
             {
@@ -5427,7 +5978,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The strength of the password. Weak | Better | Strong.",
               "attribute": "strength"
             },
             {
@@ -5472,17 +6022,22 @@
             {
               "kind": "method",
               "name": "makeRules",
-              "description": "Makes the list of rules",
-              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "templateResults"
+                  "text": "TemplateResult<1>[]"
                 }
-              }
+              },
+              "description": "Makes the list of rules",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "makeCheckIcon",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
               "parameters": [
                 {
                   "name": "meetsCriteria",
@@ -5492,12 +6047,7 @@
                 }
               ],
               "description": "Makes the check icon if the criteria has been met",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "templateResults"
-                }
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -5526,20 +6076,13 @@
               "privacy": "private"
             }
           ],
-          "events": [
-            {
-              "description": "Fires when there's a change in status.",
-              "name": "kemet-password-status"
-            }
-          ],
           "attributes": [
             {
               "name": "rules",
               "type": {
-                "text": "array"
+                "text": "IOptions[]"
               },
-              "default": "[\n    { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' },\n    { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' },\n    { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' },\n  ]",
-              "description": "An array of objects containing the rules the password must meet.",
+              "default": "[ { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' }, { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' }, { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' }, ]",
               "fieldName": "rules"
             },
             {
@@ -5547,7 +6090,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Controls the display of the component.",
               "fieldName": "show"
             },
             {
@@ -5555,7 +6097,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the input component.",
               "fieldName": "value"
             },
             {
@@ -5564,7 +6105,6 @@
                 "text": "string"
               },
               "default": "'Please make sure you meet all the requirements.'",
-              "description": "A message that is above the rules.",
               "fieldName": "message"
             },
             {
@@ -5572,7 +6112,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The strength of the password. Weak | Better | Strong.",
               "fieldName": "strength"
             },
             {
@@ -5597,7 +6136,6 @@
             "package": "lit"
           },
           "tagName": "kemet-password",
-          "summary": "Gauges the strength of a password entered by the user.",
           "customElement": true
         }
       ],
@@ -5638,7 +6176,10 @@
               "name": "handleKeyboard",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5736,7 +6277,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the the Popper is opened or closed",
+              "description": "Determines if the Popper is opened or closed",
               "attribute": "opened",
               "reflects": true
             },
@@ -5793,7 +6334,10 @@
               "name": "toggle",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -5802,7 +6346,10 @@
               "name": "handleKeyUp",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -5811,7 +6358,10 @@
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5841,7 +6391,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the the Popper is opened or closed",
+              "description": "Determines if the Popper is opened or closed",
               "fieldName": "opened"
             },
             {
@@ -6246,14 +6796,14 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the radio button set is required",
+              "description": "Determines whether the radio button set is required",
               "attribute": "required"
             },
             {
               "kind": "field",
               "name": "radios",
               "type": {
-                "text": "any"
+                "text": "NodeListOf<KemetRadio>"
               }
             },
             {
@@ -6261,7 +6811,10 @@
               "name": "handleClick",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -6270,7 +6823,10 @@
               "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -6351,7 +6907,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the radio button set is required",
+              "description": "Determines whether the radio button set is required",
               "fieldName": "required"
             }
           ],
@@ -6625,7 +7181,10 @@
               "name": "handleKeyup",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -6641,9 +7200,6 @@
                 "text": "object"
               },
               "default": "window",
-              "resolveInitializer": {
-                "module": "src/components/kemet-scroll-link/kemet-scroll-link.ts"
-              },
               "description": "A DOM element that establishes the context of scrolling.",
               "fieldName": "element"
             },
@@ -6679,7 +7235,7 @@
             "package": "lit"
           },
           "tagName": "kemet-scroll-link",
-          "summary": "A component that adds a smooth scrolling link to an target..",
+          "summary": "A component that adds a smooth scrolling link to a target.",
           "customElement": true
         }
       ],
@@ -6751,7 +7307,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether or not the nav has shifted into a new state.",
+              "description": "Whether the nav has shifted into a new state.",
               "attribute": "transform",
               "reflects": true
             },
@@ -6770,10 +7326,16 @@
               "name": "handleScroll",
               "parameters": [
                 {
-                  "name": "stickPoint"
+                  "name": "stickPoint",
+                  "type": {
+                    "text": "number"
+                  }
                 },
                 {
-                  "name": "elementHeight"
+                  "name": "elementHeight",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             }
@@ -6794,7 +7356,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether or not the nav has shifted into a new state.",
+              "description": "Whether the nav has shifted into a new state.",
               "fieldName": "transform"
             },
             {
@@ -6939,10 +7501,16 @@
               "name": "pageDisplay",
               "parameters": [
                 {
-                  "name": "slide"
+                  "name": "slide",
+                  "type": {
+                    "text": "KemetScrollSnapSlide"
+                  }
                 },
                 {
-                  "name": "visibleIndex"
+                  "name": "visibleIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -6951,7 +7519,10 @@
               "name": "slideLink",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -6960,10 +7531,16 @@
               "name": "handleKeyboardInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 },
                 {
-                  "name": "id"
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             }
@@ -7091,7 +7668,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the slide is fully visible in it's container.",
+              "description": "Is true when the slide is fully visible in its container.",
               "attribute": "focused",
               "reflects": true
             },
@@ -7126,7 +7703,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the slide is fully visible in it's container.",
+              "description": "Is true when the slide is fully visible in its container.",
               "fieldName": "focused"
             },
             {
@@ -7254,7 +7831,7 @@
               "kind": "field",
               "name": "slides",
               "type": {
-                "text": "any[]"
+                "text": "KemetScrollSnapSlide[]"
               }
             },
             {
@@ -7270,7 +7847,10 @@
               "name": "focusSlide",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -7363,11 +7943,12 @@
             },
             {
               "kind": "field",
-              "name": "disable",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "disable"
+              "description": "Determines whether to disable the option",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
@@ -7377,14 +7958,6 @@
               },
               "description": "Selects the option if true",
               "attribute": "selected"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines whether to disable the option",
-              "name": "disabled",
-              "kind": "field"
             }
           ],
           "events": [
@@ -7416,11 +7989,12 @@
               "fieldName": "value"
             },
             {
-              "name": "disable",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "disable"
+              "description": "Determines whether to disable the option",
+              "fieldName": "disabled"
             },
             {
               "name": "selected",
@@ -7467,65 +8041,6 @@
           "kind": "class",
           "description": "",
           "name": "KemetSelect",
-          "cssProperties": [
-            {
-              "description": "The padding on the textarea.",
-              "name": "--kemet-select-padding"
-            },
-            {
-              "description": "The border of the textarea.",
-              "name": "--kemet-select-border"
-            },
-            {
-              "description": "The border of the error state.",
-              "name": "--kemet-select-border-color-error"
-            },
-            {
-              "description": "The border of the success state.",
-              "name": "--kemet-select-border-color-success"
-            },
-            {
-              "description": "The border of the warning state.",
-              "name": "--kemet-select-border-color-warning"
-            },
-            {
-              "description": "The border radius on rounded.",
-              "name": "--kemet-select-border-radius-rounded"
-            },
-            {
-              "description": "The border on filled.",
-              "name": "--kemet-select-border-filled"
-            },
-            {
-              "description": "The color on filled.",
-              "name": "--kemet-select-color-filled"
-            },
-            {
-              "description": "The background-color on filled.",
-              "name": "--kemet-select-background-color-filled"
-            },
-            {
-              "description": "The error state background color.",
-              "name": "--kemet-select-background-color-error"
-            },
-            {
-              "description": "The success state background color.",
-              "name": "--kemet-select-background-color-success"
-            },
-            {
-              "description": "The warning state background color.",
-              "name": "--kemet-select-background-color-warning"
-            },
-            {
-              "description": "The space on the right of the icon.",
-              "name": "--kemet-select-icon-right"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "select"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -7533,7 +8048,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "A string the uniquely identifies the select",
               "attribute": "slug"
             },
             {
@@ -7543,7 +8057,6 @@
                 "text": "string"
               },
               "default": "'select'",
-              "description": "The name of the select",
               "attribute": "name"
             },
             {
@@ -7552,16 +8065,14 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the select",
               "attribute": "value"
             },
             {
               "kind": "field",
               "name": "options",
               "type": {
-                "text": "array"
+                "text": "IOptions[]"
               },
-              "description": "The options the select contains",
               "attribute": "options"
             },
             {
@@ -7570,7 +8081,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The status of the select",
               "attribute": "status",
               "reflects": true
             },
@@ -7580,7 +8090,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is required",
               "attribute": "required",
               "reflects": true
             },
@@ -7590,7 +8099,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is disabled",
               "attribute": "disabled",
               "reflects": true
             },
@@ -7600,7 +8108,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Support of multiple choice selections",
               "attribute": "multiple"
             },
             {
@@ -7610,7 +8117,6 @@
                 "text": "string"
               },
               "default": "'chevron-down'",
-              "description": "The dropdown icon",
               "attribute": "icon"
             },
             {
@@ -7620,7 +8126,6 @@
                 "text": "number"
               },
               "default": "16",
-              "description": "The dropdown icon size",
               "attribute": "icon-size"
             },
             {
@@ -7629,7 +8134,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays a filled select",
               "attribute": "filled",
               "reflects": true
             },
@@ -7639,7 +8143,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays rounded corners",
               "attribute": "rounded",
               "reflects": true
             },
@@ -7668,7 +8171,7 @@
               "kind": "field",
               "name": "optionElements",
               "type": {
-                "text": "any"
+                "text": "NodeListOf<KemetOption>"
               }
             },
             {
@@ -7681,18 +8184,18 @@
             {
               "kind": "method",
               "name": "makeOptions",
-              "description": "Generates the option elements",
-              "privacy": "private",
               "return": {
                 "type": {
                   "text": "TemplateResult"
                 }
-              }
+              },
+              "description": "Generates the option elements",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "makeIcon",
-              "description": "Generates an dropdown icon",
+              "description": "Generates a dropdown icon",
               "privacy": "private"
             },
             {
@@ -7722,23 +8225,13 @@
             {
               "kind": "method",
               "name": "checkValidity",
-              "description": "Checks the validity of the standard select",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires when the input receives and loses focus",
-              "name": "kemet-input-focused"
-            },
-            {
-              "description": "Fires when there's a change in status",
-              "name": "kemet-input-status"
+              },
+              "description": "Checks the validity of the standard select",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -7747,7 +8240,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "A string the uniquely identifies the select",
               "fieldName": "slug"
             },
             {
@@ -7756,7 +8248,6 @@
                 "text": "string"
               },
               "default": "'select'",
-              "description": "The name of the select",
               "fieldName": "name"
             },
             {
@@ -7764,15 +8255,13 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the select",
               "fieldName": "value"
             },
             {
               "name": "options",
               "type": {
-                "text": "array"
+                "text": "IOptions[]"
               },
-              "description": "The options the select contains",
               "fieldName": "options"
             },
             {
@@ -7780,7 +8269,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The status of the select",
               "fieldName": "status"
             },
             {
@@ -7788,7 +8276,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is required",
               "fieldName": "required"
             },
             {
@@ -7796,7 +8283,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is disabled",
               "fieldName": "disabled"
             },
             {
@@ -7804,7 +8290,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Support of multiple choice selections",
               "fieldName": "multiple"
             },
             {
@@ -7813,7 +8298,6 @@
                 "text": "string"
               },
               "default": "'chevron-down'",
-              "description": "The dropdown icon",
               "fieldName": "icon"
             },
             {
@@ -7822,7 +8306,6 @@
                 "text": "number"
               },
               "default": "16",
-              "description": "The dropdown icon size",
               "fieldName": "iconSize"
             },
             {
@@ -7830,7 +8313,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays a filled select",
               "fieldName": "filled"
             },
             {
@@ -7838,7 +8320,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays rounded corners",
               "fieldName": "rounded"
             }
           ],
@@ -7847,7 +8328,6 @@
             "package": "lit"
           },
           "tagName": "kemet-select",
-          "summary": "An enhanced select element.",
           "customElement": true
         }
       ],
@@ -7941,7 +8421,7 @@
               "kind": "field",
               "name": "sortableItem",
               "type": {
-                "text": "KemetSortableItemInterface"
+                "text": "KemetSortableItem"
               }
             },
             {
@@ -7949,7 +8429,10 @@
               "name": "handleDragStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -7958,7 +8441,10 @@
               "name": "handleDragOver",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -7967,7 +8453,10 @@
               "name": "handleDragEnd",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             }
@@ -8207,7 +8696,7 @@
             "package": "lit"
           },
           "tagName": "kemet-svgs",
-          "summary": "A set of SVG graphics that can be referenced any where in a page or app.",
+          "summary": "A set of SVG graphics that can be referenced anywhere in a page or app.",
           "customElement": true
         }
       ],
@@ -8265,6 +8754,14 @@
               "description": "Identifies the panel to be linked by a tab",
               "attribute": "panel"
             },
+            {
+              "kind": "field",
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "index"
+            },
             {
               "kind": "method",
               "name": "a11y"
@@ -8287,6 +8784,13 @@
               },
               "description": "Identifies the panel to be linked by a tab",
               "fieldName": "panel"
+            },
+            {
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "index"
             }
           ],
           "superclass": {
@@ -8336,6 +8840,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "index"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -8393,6 +8905,13 @@
             }
           ],
           "attributes": [
+            {
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "index"
+            },
             {
               "name": "selected",
               "type": {
@@ -8455,68 +8974,6 @@
           "kind": "class",
           "description": "",
           "name": "KemetTabs",
-          "cssProperties": [
-            {
-              "description": "The thickness of the ink.",
-              "name": "--kemet-tabs-ink-size"
-            },
-            {
-              "description": "The radius on the ink.",
-              "name": "--kemet-tabs-ink-radius"
-            },
-            {
-              "description": "The color of the ink.",
-              "name": "--kemet-tabs-ink-color"
-            },
-            {
-              "description": "The thickness of the divider.",
-              "name": "--kemet-tabs-divider-size"
-            },
-            {
-              "description": "The color of the divider.",
-              "name": "--kemet-tabs-divider-color"
-            },
-            {
-              "description": "The transition speed of the panels.",
-              "name": "--kemet-tabs-transition-speed"
-            },
-            {
-              "description": "The space between tabs and panels.",
-              "name": "--kemet-tabs-spacer"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The container for the tablist.",
-              "name": "links"
-            },
-            {
-              "description": "Contains the tabs.",
-              "name": "tablist"
-            },
-            {
-              "description": "Contains the panels.",
-              "name": "panels"
-            },
-            {
-              "description": "The ink element.",
-              "name": "ink"
-            },
-            {
-              "description": "The divider element.",
-              "name": "divider"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Place the tabs here.",
-              "name": "tab"
-            },
-            {
-              "description": "Place the panels here.",
-              "name": "panel"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -8524,7 +8981,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The selected tab by name",
               "attribute": "selected",
               "reflects": true
             },
@@ -8535,7 +8991,6 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The selected tab by index",
               "attribute": "selectedIndex"
             },
             {
@@ -8545,17 +9000,15 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Positions the current panel",
               "attribute": "panelPosition"
             },
             {
               "kind": "field",
               "name": "panelEffect",
               "type": {
-                "text": "string"
+                "text": "TypePanelEffect"
               },
               "default": "'none'",
-              "description": "The transition effect for panels",
               "attribute": "panel-effect",
               "reflects": true
             },
@@ -8565,17 +9018,15 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not to enable swipe behavior",
               "attribute": "swipe"
             },
             {
               "kind": "field",
               "name": "placement",
               "type": {
-                "text": "string"
+                "text": "TypePlacement"
               },
               "default": "'top'",
-              "description": "Places the tabs to the top, right, bottom, or left",
               "attribute": "placement",
               "reflects": true
             },
@@ -8585,17 +9036,15 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not to show a divider line",
               "attribute": "divider"
             },
             {
               "kind": "field",
               "name": "tabsAlign",
               "type": {
-                "text": "string"
+                "text": "TypeTabsAlign"
               },
               "default": "'center'",
-              "description": "Spacing alignment of the tabs",
               "attribute": "tabs-align",
               "reflects": true
             },
@@ -8603,9 +9052,8 @@
               "kind": "field",
               "name": "ink",
               "type": {
-                "text": "object"
+                "text": "Iink"
               },
-              "description": "An object that contains information about the ink",
               "attribute": "ink"
             },
             {
@@ -8615,7 +9063,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to hide the ink",
               "attribute": "hide-ink"
             },
             {
@@ -8624,7 +9071,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the space of the tabs is larger than it's container",
               "attribute": "overflow",
               "reflects": true
             },
@@ -8632,14 +9078,14 @@
               "kind": "field",
               "name": "tabs",
               "type": {
-                "text": "any[]"
+                "text": "KemetTab[]"
               }
             },
             {
               "kind": "field",
               "name": "panels",
               "type": {
-                "text": "any[]"
+                "text": "KemetTabPanel[]"
               }
             },
             {
@@ -8691,7 +9137,10 @@
               "name": "handleTabClose",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -8700,7 +9149,10 @@
               "name": "makeInk",
               "parameters": [
                 {
-                  "name": "location"
+                  "name": "location",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -8733,7 +9185,10 @@
               "name": "tabSelectedChange",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -8758,10 +9213,16 @@
               "name": "animatePanel",
               "parameters": [
                 {
-                  "name": "panelName"
+                  "name": "panelName",
+                  "type": {
+                    "text": "string"
+                  }
                 },
                 {
-                  "name": "panelIndex"
+                  "name": "panelIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -8770,7 +9231,10 @@
               "name": "handleTabKeydown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -8779,7 +9243,10 @@
               "name": "handleTouchStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent"
+                  }
                 }
               ]
             },
@@ -8788,24 +9255,20 @@
               "name": "handleTouchMove",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent"
+                  }
                 }
               ]
             }
           ],
-          "events": [
-            {
-              "description": "Fires when a tab is changed",
-              "name": "kemet-tab-changed"
-            }
-          ],
           "attributes": [
             {
               "name": "selected",
               "type": {
                 "text": "string"
               },
-              "description": "The selected tab by name",
               "fieldName": "selected"
             },
             {
@@ -8814,7 +9277,6 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The selected tab by index",
               "fieldName": "selectedIndex"
             },
             {
@@ -8823,16 +9285,14 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Positions the current panel",
               "fieldName": "panelPosition"
             },
             {
               "name": "panel-effect",
               "type": {
-                "text": "string"
+                "text": "TypePanelEffect"
               },
               "default": "'none'",
-              "description": "The transition effect for panels",
               "fieldName": "panelEffect"
             },
             {
@@ -8840,16 +9300,14 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not to enable swipe behavior",
               "fieldName": "swipe"
             },
             {
               "name": "placement",
               "type": {
-                "text": "string"
+                "text": "TypePlacement"
               },
               "default": "'top'",
-              "description": "Places the tabs to the top, right, bottom, or left",
               "fieldName": "placement"
             },
             {
@@ -8857,24 +9315,21 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not to show a divider line",
               "fieldName": "divider"
             },
             {
               "name": "tabs-align",
               "type": {
-                "text": "string"
+                "text": "TypeTabsAlign"
               },
               "default": "'center'",
-              "description": "Spacing alignment of the tabs",
               "fieldName": "tabsAlign"
             },
             {
               "name": "ink",
               "type": {
-                "text": "object"
+                "text": "Iink"
               },
-              "description": "An object that contains information about the ink",
               "fieldName": "ink"
             },
             {
@@ -8883,7 +9338,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to hide the ink",
               "fieldName": "hideInk"
             },
             {
@@ -8891,7 +9345,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the space of the tabs is larger than it's container",
               "fieldName": "overflow"
             }
           ],
@@ -8900,7 +9353,6 @@
             "package": "lit"
           },
           "tagName": "kemet-tabs",
-          "summary": "A group of tabs and panels.",
           "customElement": true
         }
       ],
@@ -9210,24 +9662,24 @@
             {
               "kind": "method",
               "name": "checkLimitValidity",
-              "description": "Checks the validity of the character limit for the count component",
-              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              }
+              },
+              "description": "Checks the validity of the character limit for the count component",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "checkValidity",
-              "description": "Checks the validity of the standard input",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              }
+              },
+              "description": "Checks the validity of the standard input",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -9420,6 +9872,216 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/kemet-timer/kemet-timer-display.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "KemetTimerDisplay",
+          "members": [
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "TypeFormats"
+              },
+              "default": "'seconds'",
+              "description": "The format to display the remaining time in",
+              "attribute": "format"
+            },
+            {
+              "kind": "field",
+              "name": "displayTime",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTime"
+            },
+            {
+              "kind": "method",
+              "name": "getTimeInSeconds",
+              "parameters": [
+                {
+                  "name": "time"
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "format",
+              "type": {
+                "text": "TypeFormats"
+              },
+              "default": "'seconds'",
+              "description": "The format to display the remaining time in",
+              "fieldName": "format"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kemet-timer-display",
+          "summary": "Displays remaining time",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "KemetTimerDisplay",
+            "module": "src/components/kemet-timer/kemet-timer-display.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kemet-timer-display",
+          "declaration": {
+            "name": "KemetTimerDisplay",
+            "module": "src/components/kemet-timer/kemet-timer-display.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/kemet-timer/kemet-timer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "KemetTimer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'seconds'",
+              "description": "The format of the amount property",
+              "attribute": "format"
+            },
+            {
+              "kind": "field",
+              "name": "amount",
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "description": "The amount of time to set the timer",
+              "attribute": "amount"
+            },
+            {
+              "kind": "field",
+              "name": "expires",
+              "type": {
+                "text": "string"
+              },
+              "description": "Begins a count down to a specified time, accepts a string that matches value given for a Date constructor",
+              "attribute": "expires"
+            },
+            {
+              "kind": "method",
+              "name": "getTimeInSeconds",
+              "parameters": [
+                {
+                  "name": "time"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "timer",
+              "parameters": [
+                {
+                  "name": "seconds",
+                  "default": "0",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "countDown"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the timer reaches 0",
+              "name": "kemet-timer-completed"
+            },
+            {
+              "description": "Fires on tick of the timer",
+              "name": "kemet-timer-increment"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'seconds'",
+              "description": "The format of the amount property",
+              "fieldName": "format"
+            },
+            {
+              "name": "amount",
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "description": "The amount of time to set the timer",
+              "fieldName": "amount"
+            },
+            {
+              "name": "expires",
+              "type": {
+                "text": "string"
+              },
+              "description": "Begins a count down to a specified time, accepts a string that matches value given for a Date constructor",
+              "fieldName": "expires"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kemet-timer",
+          "summary": "Counts down from a specified amount of time or date.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "KemetTimer",
+            "module": "src/components/kemet-timer/kemet-timer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kemet-timer",
+          "declaration": {
+            "name": "KemetTimer",
+            "module": "src/components/kemet-timer/kemet-timer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/kemet-toggle/kemet-toggle.ts",
@@ -9506,7 +10168,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is checked",
+              "description": "Determines whether the toggle is checked",
               "attribute": "checked",
               "reflects": true
             },
@@ -9517,7 +10179,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is disabled",
+              "description": "Determines whether the toggle is disabled",
               "attribute": "disabled"
             },
             {
@@ -9537,7 +10199,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to show text options",
+              "description": "Determines whether to show text options",
               "attribute": "show"
             },
             {
@@ -9612,7 +10274,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is checked",
+              "description": "Determines whether the toggle is checked",
               "fieldName": "checked"
             },
             {
@@ -9621,7 +10283,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is disabled",
+              "description": "Determines whether the toggle is disabled",
               "fieldName": "disabled"
             },
             {
@@ -9639,7 +10301,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to show text options",
+              "description": "Determines whether to show text options",
               "fieldName": "show"
             },
             {
@@ -9728,32 +10390,72 @@
               "name": "--kemet-tooltip-background-color"
             },
             {
-              "description": "The border color of the the arrow",
+              "description": "The border color of the arrow",
               "name": "--kemet-tooltip-border-color"
             },
             {
               "description": "The offset of the arrow from the trigger",
               "name": "--kemet-tooltip-placement-offset"
+            },
+            {
+              "description": "The padding in the content slot.",
+              "name": "--kemet-popper-padding",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
+            },
+            {
+              "description": "The border color of the content.",
+              "name": "--kemet-popper-border-color",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
+            },
+            {
+              "description": "The background color of the content.",
+              "name": "--kemet-popper-background-color",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
             }
           ],
           "cssParts": [
             {
               "description": "Contains the trigger for the tooltip.",
-              "name": "trigger"
+              "name": "trigger",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
             },
             {
               "description": "Contains the content for the tooltip.",
-              "name": "content"
+              "name": "content",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
             }
           ],
           "slots": [
             {
               "description": "Controls opening and closing the tooltip.",
-              "name": "trigger"
+              "name": "trigger",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
             },
             {
               "description": "The contents of the tooltip.",
-              "name": "content"
+              "name": "content",
+              "inheritedFrom": {
+                "name": "KemetPopper",
+                "module": "src/components/kemet-popper/kemet-popper.ts"
+              }
             }
           ],
           "members": [
@@ -9782,7 +10484,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the the Popper is opened or closed",
+              "description": "Determines if the Popper is opened or closed",
               "attribute": "opened",
               "reflects": true,
               "inheritedFrom": {
@@ -9867,7 +10569,10 @@
               "name": "toggle",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9880,7 +10585,10 @@
               "name": "handleKeyUp",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9893,7 +10601,10 @@
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9907,7 +10618,7 @@
             "module": "/src/components/kemet-popper/kemet-popper"
           },
           "tagName": "kemet-tooltip",
-          "summary": "A tooltip is a Popper component that displays an dynamic arrow pointing to the trigger.",
+          "summary": "A tooltip is a Popper component that displays a dynamic arrow pointing to the trigger.",
           "customElement": true,
           "attributes": [
             {
@@ -9928,7 +10639,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the the Popper is opened or closed",
+              "description": "Determines if the Popper is opened or closed",
               "fieldName": "opened",
               "inheritedFrom": {
                 "name": "KemetPopper",
@@ -10131,7 +10842,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not a step renders as complete",
+              "description": "Determines whether a step renders as complete",
               "attribute": "completed",
               "reflects": true
             },
@@ -10141,7 +10852,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not a step renders as the current step",
+              "description": "Determines whether a step renders as the current step",
               "attribute": "current",
               "reflects": true
             },
@@ -10227,7 +10938,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not a step renders as complete",
+              "description": "Determines whether a step renders as complete",
               "fieldName": "completed"
             },
             {
@@ -10235,7 +10946,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not a step renders as the current step",
+              "description": "Determines whether a step renders as the current step",
               "fieldName": "current"
             },
             {
@@ -10332,7 +11043,7 @@
               "kind": "field",
               "name": "steps",
               "type": {
-                "text": "any"
+                "text": "NodeListOf<KemetTrackerStep>"
               }
             },
             {
@@ -10720,7 +11431,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If true if drag and drop support is not detected",
+              "description": "Is true if drag and drop support is not detected",
               "attribute": "no-drag-drop",
               "reflects": true
             },
@@ -10762,7 +11473,10 @@
               "name": "handleChange",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
                 }
               ]
             },
@@ -10771,7 +11485,10 @@
               "name": "handleDrop",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -10855,7 +11572,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If true if drag and drop support is not detected",
+              "description": "Is true if drag and drop support is not detected",
               "fieldName": "noDragDrop"
             },
             {