kemet-ui 2.0.3 → 3.0.1

package/custom-elements.json

@@ -10,12 +10,6 @@
           "kind": "class",
           "description": "",
           "name": "KemetAccordionPanel",
-          "cssProperties": [
-            {
-              "description": "The speed of the opening and closing effect. Default: 0.3s.",
-              "name": "--kemet-accordion-panel-transition-speed"
-            }
-          ],
           "cssParts": [
             {
               "description": "Contains the trigger for the panel.",
@@ -72,6 +66,14 @@
               "description": "Uniquely identifies a panel for accessibility purposes",
               "attribute": "slug"
             },
+            {
+              "kind": "field",
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "index"
+            },
             {
               "kind": "method",
               "name": "toggle"
@@ -89,7 +91,10 @@
               "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -134,6 +139,13 @@
               "default": "'panel'",
               "description": "Uniquely identifies a panel for accessibility purposes",
               "fieldName": "slug"
+            },
+            {
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "index"
             }
           ],
           "superclass": {
@@ -179,8 +191,9 @@
               "type": {
                 "text": "number"
               },
+              "default": "0",
               "description": "The index value for the most recently opened panel",
-              "attribute": "currentPanel"
+              "attribute": "current-panel"
             },
             {
               "kind": "field",
@@ -190,7 +203,7 @@
               },
               "default": "false",
               "description": "Support for closing all inactive panels when one is opened",
-              "attribute": "toggle-panels "
+              "attribute": "toggle-panels"
             },
             {
               "kind": "method",
@@ -201,7 +214,10 @@
               "name": "handlePanelOpened",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -210,7 +226,10 @@
               "name": "navigatePanels",
               "parameters": [
                 {
-                  "name": "direction"
+                  "name": "direction",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -219,7 +238,10 @@
               "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -234,15 +256,16 @@
           ],
           "attributes": [
             {
-              "name": "currentPanel",
+              "name": "current-panel",
               "type": {
                 "text": "number"
               },
+              "default": "0",
               "description": "The index value for the most recently opened panel",
               "fieldName": "currentPanel"
             },
             {
-              "name": "toggle-panels ",
+              "name": "toggle-panels",
               "type": {
                 "text": "boolean"
               },
@@ -289,19 +312,19 @@
           "name": "KemetAvatar",
           "cssProperties": [
             {
-              "description": "The color of the text. Default: var(--kemet-color-white).",
+              "description": "The color of the text.",
               "name": "--kemet-avatar-color"
             },
             {
-              "description": "The color of the background. Default: var(--kemet-color-gray4).",
+              "description": "The color of the background.",
               "name": "--kemet-avatar-background-color"
             },
             {
-              "description": "The border radius of the rounded type. Default: 1rem.",
+              "description": "The border radius of the rounded type.",
               "name": "--kemet-avatar-rounded-radius"
             },
             {
-              "description": "The space around the initials. Default: 1rem.",
+              "description": "The space around the initials.",
               "name": "--kemet-avatar-initials-margin"
             }
           ],
@@ -514,11 +537,11 @@
           "name": "KemetAlert",
           "cssProperties": [
             {
-              "description": "The padding on the alert. Default: 1rem.",
+              "description": "The padding on the alert.",
               "name": "--kemet-alert-padding"
             },
             {
-              "description": "The thickness of the border. Default: 4px.",
+              "description": "The thickness of the border.",
               "name": "--kemet-alert-border-thickness"
             },
             {
@@ -526,15 +549,11 @@
               "name": "--kemet-alert-status-color"
             },
             {
-              "description": "The alert's gap. Default: var(--kemet-alert-padding).",
-              "name": "--kemet-alert-gap"
-            },
-            {
-              "description": "The alert's alignment. Default: center.",
+              "description": "The alert's alignment.",
               "name": "--kemet-alert-align-items"
             },
             {
-              "description": "The border around the alert. Default: 1px solid var(--kemet-color-gray2).",
+              "description": "The border around the alert.",
               "name": "--kemet-alert-border"
             }
           ],
@@ -587,6 +606,7 @@
               "type": {
                 "text": "TypeStatus"
               },
+              "default": "'standard'",
               "attribute": "status",
               "reflects": true
             },
@@ -669,6 +689,7 @@
               "type": {
                 "text": "TypeStatus"
               },
+              "default": "'standard'",
               "fieldName": "status"
             },
             {
@@ -863,63 +884,63 @@
           "name": "KemetCard",
           "cssProperties": [
             {
-              "description": "The space around elements. Default: 1rem.",
+              "description": "The space around elements.",
               "name": "--kemet-card-padding"
             },
             {
-              "description": "The color of the borders. Default: var(--kemet-color-gray4).",
+              "description": "The color of the borders.",
               "name": "--kemet-card-border-color"
             },
             {
-              "description": "The color of the text. Default: var(--kemet-color-black).",
+              "description": "The color of the text. Default:",
               "name": "--kemet-card-color"
             },
             {
-              "description": "The max width of the card. Default: 360px.",
+              "description": "The max width of the card.",
               "name": "--kemet-card-max-width"
             },
             {
-              "description": "The border around the card. Default: 1px solid var(--kemet-card-border-color).",
+              "description": "The border around the card.",
               "name": "--kemet-card-border"
             },
             {
-              "description": "The border radius of the card. Default: 0.",
+              "description": "The border radius of the card.",
               "name": "--kemet-card-border-radius"
             },
             {
-              "description": "The background color. Default: var(--kemet-color-white).",
+              "description": "The background color.",
               "name": "--kemet-card-background-color"
             },
             {
-              "description": "The body spacing. Default: var(--kemet-card-padding).",
+              "description": "The body spacing.",
               "name": "--kemet-card-body-padding"
             },
             {
-              "description": "The header spacing. Default: var(--kemet-card-padding).",
+              "description": "The header spacing.",
               "name": "--kemet-card-header-padding"
             },
             {
-              "description": "The header border. Default: 1px solid var(--kemet-card-border-color).",
+              "description": "The header border.",
               "name": "--kemet-card-header-border-bottom"
             },
             {
-              "description": "The caption text color. Default: var(--kemet-color-white).",
+              "description": "The caption text color.",
               "name": "--kemet-card-caption-color"
             },
             {
-              "description": "The caption spacing. Default: calc(var(--kemet-card-padding) / 2) var(--kemet-card-padding).",
+              "description": "The caption spacing.",
               "name": "--kemet-card-caption-padding"
             },
             {
-              "description": "The caption background color. Default: rgba(0,0,0,0.5).",
+              "description": "The caption background color.",
               "name": "--kemet-card-caption-background-color"
             },
             {
-              "description": "The footer spacing. Default: var(--kemet-card-padding).",
+              "description": "The footer spacing.",
               "name": "--kemet-card-footer-padding"
             },
             {
-              "description": "The footer border. Default: 1px solid var(--kemet-card-border-color).",
+              "description": "The footer border.",
               "name": "--kemet-card-footer-border-top"
             }
           ],
@@ -939,7 +960,7 @@
               "name": "default"
             },
             {
-              "description": "The cards's header.",
+              "description": "The card's header.",
               "name": "header"
             },
             {
@@ -1015,75 +1036,75 @@
           "name": "KemetButton",
           "cssProperties": [
             {
-              "description": "The font size. Default: inherit.",
+              "description": "The font size.",
               "name": "--kemet-button-font-size"
             },
             {
-              "description": "The text color. Default: --kemet-color-foreground.",
+              "description": "The text color.",
               "name": "--kemet-button-color"
             },
             {
-              "description": "The width. Default: auto.",
+              "description": "The width.",
               "name": "--kemet-button-width"
             },
             {
-              "description": "The height. Default:  auto.",
+              "description": "The height.",
               "name": "--kemet-button-height"
             },
             {
-              "description": "The border. Default: 0.",
+              "description": "The border.",
               "name": "--kemet-button-border"
             },
             {
-              "description": "The border radius. Default: 0.",
+              "description": "The border radius.",
               "name": "--kemet-button-border-radius"
             },
             {
-              "description": "The transition speed of the hover effect. Default: 300ms.",
+              "description": "The transition speed of the hover effect.",
               "name": "--kemet-button-transition-speed"
             },
             {
-              "description": "The background color. Default: --kemet-color-background.",
+              "description": "The background color.",
               "name": "--kemet-button-background-color"
             },
             {
-              "description": "The brightness of the hover effect. Default: 1.25.",
+              "description": "The brightness of the hover effect.",
               "name": "--kemet-button-hover-brightness"
             },
             {
-              "description": "The gap between the button and icons. Default: 0.5rem.",
+              "description": "The gap between the button and icons.",
               "name": "--kemet-button-gap"
             },
             {
-              "description": "The button padding. Default: 1rem 1.25rem.",
+              "description": "The button padding.",
               "name": "--kemet-button-padding"
             },
             {
-              "description": "The decoration for a text button's hover. Default: underline.",
+              "description": "The decoration for a text button's hover.",
               "name": "--kemet-button-hover-decoration"
             },
             {
-              "description": "The diameter of a circle button. Default: 50px.",
+              "description": "The diameter of a circle button.",
               "name": "--kemet-button-circle-size"
             },
             {
-              "description": "The border radius of the rounded button. Default: 6px.",
+              "description": "The border radius of the rounded button.",
               "name": "--kemet-button-rounded-amount"
             },
             {
-              "description": "The width of the outline border. Default: 1px.",
+              "description": "The width of the outline border.",
               "name": "--kemet-button-border-width"
             },
             {
-              "description": "The style of the outline border. Default: solid.",
+              "description": "The style of the outline border.",
               "name": "--kemet-button-border-style"
             },
             {
-              "description": "The color of the outline border. Default: --kemet-color-primary.",
+              "description": "The color of the outline border.",
               "name": "--kemet-button-border-color"
             },
             {
-              "description": "The opacity of the disabled state. Default: 0.5.",
+              "description": "The opacity of the disabled state.",
               "name": "--kemet-button-disabled-opacity"
             }
           ],
@@ -1110,7 +1131,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the button is active",
+              "description": "Determines if the button is active",
               "attribute": "active",
               "reflects": true
             },
@@ -1167,13 +1188,13 @@
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "variant",
               "type": {
                 "text": "string"
               },
               "default": "'standard'",
               "description": "Controls the type of button. standard | text | circle | rounded | pill",
-              "attribute": "type",
+              "attribute": "variant",
               "reflects": true
             },
             {
@@ -1206,10 +1227,10 @@
               "parameters": [
                 {
                   "name": "event",
-                  "description": "event object",
                   "type": {
                     "text": "object"
-                  }
+                  },
+                  "description": "event object"
                 }
               ],
               "description": "Handles keyup",
@@ -1222,7 +1243,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the button is active",
+              "description": "Determines if the button is active",
               "fieldName": "active"
             },
             {
@@ -1268,13 +1289,13 @@
               "fieldName": "disabled"
             },
             {
-              "name": "type",
+              "name": "variant",
               "type": {
                 "text": "string"
               },
               "default": "'standard'",
               "description": "Controls the type of button. standard | text | circle | rounded | pill",
-              "fieldName": "type"
+              "fieldName": "variant"
             }
           ],
           "superclass": {
@@ -1327,7 +1348,7 @@
               "kind": "field",
               "name": "carousel",
               "type": {
-                "text": "KemetCarouselInterface | null"
+                "text": "KemetCarousel | null"
               }
             }
           ],
@@ -1480,7 +1501,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
         }
       ],
@@ -1850,7 +1871,7 @@
               "kind": "field",
               "name": "carousel",
               "type": {
-                "text": "KemetCarouselInterface | null"
+                "text": "KemetCarousel | null"
               }
             }
           ],
@@ -1902,63 +1923,63 @@
           "name": "KemetCarousel",
           "cssProperties": [
             {
-              "description": "The width of the carousel. Default: 100%.",
+              "description": "The width of the carousel.",
               "name": "--kemet-carousel-width"
             },
             {
-              "description": "The height of the carousel. Default: auto.",
+              "description": "The height of the carousel.",
               "name": "--kemet-carousel-height"
             },
             {
-              "description": "The space between items in the toolbar. Default: 1rem.",
+              "description": "The space between items in the toolbar.",
               "name": "--kemet-carousel-toolbar-gap"
             },
             {
-              "description": "The cross axis alignment of the toolbar. Default: center.",
+              "description": "The cross axis alignment of the toolbar.",
               "name": "--kemet-carousel-toolbar-justify-content"
             },
             {
-              "description": "The padding of the toolbar. Default: 1rem.",
+              "description": "The padding of the toolbar.",
               "name": "--kemet-carousel-toolbar-padding"
             },
             {
-              "description": "The inner toolbar width. Default: 100%.",
+              "description": "The inner toolbar width.",
               "name": "--kemet-carousel-toolbar-inner-width"
             },
             {
-              "description": "The bottom position of the inner toolbar. Default: 0.",
+              "description": "The bottom position of the inner toolbar.",
               "name": "--kemet-carousel-toolbar-inner-bottom"
             },
             {
-              "description": "The top position of the inner toolbar. Default: auto.",
+              "description": "The top position of the inner toolbar.",
               "name": "--kemet-carousel-toolbar-inner-top"
             },
             {
-              "description": "The inner toolbar text color. Default: var(--kemet-color-white).",
+              "description": "The inner toolbar text color.",
               "name": "--kemet-carousel-toolbar-inner-color"
             },
             {
-              "description": "The inner toolbar background color. Default: rgba(0, 0, 0, 0.4).",
+              "description": "The inner toolbar background color.",
               "name": "--kemet-carousel-toolbar-inner-background-color"
             },
             {
-              "description": "The border around the slides. Default: 1px solid var(--kemet-color-gray1).",
+              "description": "The border around the slides.",
               "name": "--kemet-carousel-slides-border"
             },
             {
-              "description": "The transition speed of the slides. Default: 300ms.",
+              "description": "The transition speed of the slides.",
               "name": "--kemet-carousel-transition-speed"
             },
             {
-              "description": "The arrows start opacity. Default: 0.25.",
+              "description": "The arrows start opacity.",
               "name": "--kemet-carousel-arrows-opacity"
             },
             {
-              "description": "The arrows however opacity. Default: 1.",
+              "description": "The arrows however opacity.",
               "name": "--kemet-carousel-arrows-opacity-hover"
             },
             {
-              "description": "The arrows transition speed. Default: 300ms.",
+              "description": "The arrows transition speed.",
               "name": "--kemet-carousel-arrows-transition-speed"
             }
           ],
@@ -2062,7 +2083,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to display arrows.",
+              "description": "Determines whether to display arrows.",
               "attribute": "arrows",
               "reflects": true
             },
@@ -2091,7 +2112,10 @@
               "name": "swipeStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2100,7 +2124,10 @@
               "name": "swipeEnd",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2109,7 +2136,10 @@
               "name": "swipeUpdate",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent | MouseEvent"
+                  }
                 }
               ]
             },
@@ -2158,7 +2188,10 @@
               "name": "updateIndex",
               "parameters": [
                 {
-                  "name": "newIndex"
+                  "name": "newIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -2171,7 +2204,10 @@
               "name": "goToSlide",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -2184,7 +2220,10 @@
               "name": "handleLink",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -2193,14 +2232,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"
             },
             {
@@ -2260,7 +2302,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to display arrows.",
+              "description": "Determines whether to display arrows.",
               "fieldName": "arrows"
             },
             {
@@ -2320,27 +2362,27 @@
           "name": "KemetCheckbox",
           "cssProperties": [
             {
-              "description": "The width and height of the checkbox. Default: 18px.",
+              "description": "The width and height of the checkbox.",
               "name": "--kemet-checkbox-size"
             },
             {
-              "description": "The color of the checkbox's mark. Default: var(--kemet-color-primary).",
+              "description": "The color of the checkbox mark.",
               "name": "--kemet-checkbox-color"
             },
             {
-              "description": "The border of the checkbox. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The border of the checkbox.",
               "name": "--kemet-checkbox-border"
             },
             {
-              "description": "The border radius of the checkbox. Default: 4px.",
+              "description": "The border radius of the checkbox.",
               "name": "--kemet-checkbox-border-radius"
             },
             {
-              "description": "The filled color of the checkbox's mark. Default: var(--kemet-color-white).",
+              "description": "The filled color of the checkbox mark.",
               "name": "--kemet-checkbox-filled-color"
             },
             {
-              "description": "The filled background color. Default: var(--kemet-color-primary).",
+              "description": "The filled background color.",
               "name": "--kemet-checkbox-filled-background-color"
             }
           ],
@@ -2350,7 +2392,7 @@
               "name": "label"
             },
             {
-              "description": "The the label's text.",
+              "description": "The label's text.",
               "name": "text"
             },
             {
@@ -2675,39 +2717,39 @@
           "name": "KemetCombo",
           "cssProperties": [
             {
-              "description": "The width of the combo box. Default: calc(100% - 2px).",
+              "description": "The width of the combo box.",
               "name": "--kemet-combo-width"
             },
             {
-              "description": "The margins on the combo box. Default: 1rem auto.",
+              "description": "The margins on the combo box.",
               "name": "--kemet-combo-margin"
             },
             {
-              "description": "The max height of the combo box. Default: calc(5 * 3rem).",
+              "description": "The max height of the combo box.",
               "name": "--kemet-combo-max-height"
             },
             {
-              "description": "The border of the combo box. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The border of the combo box.",
               "name": "--kemet-combo-border"
             },
             {
-              "description": "The border radius of the combo box. Default: var(--kemet-border-radius).",
+              "description": "The border radius of the combo box.",
               "name": "--kemet-combo-border-radius"
             },
             {
-              "description": "The background color of the combo box. Default: var(--kemet-color-white-to-black).",
+              "description": "The background color of the combo box.",
               "name": "--kemet-combo-background-color"
             },
             {
-              "description": "The shadow of the combo box. Default: var(--kemet-elevation-layer5).",
+              "description": "The shadow of the combo box.",
               "name": "--kemet-combo-shadow"
             },
             {
-              "description": "The hover item's text color. Default:  var(--kemet-color-white).",
+              "description": "The hover item's text color.",
               "name": "--kemet-combo-hover-color"
             },
             {
-              "description": "The hover item's background color. Default: var(--kemet-color-primary).",
+              "description": "The hover item's background color.",
               "name": "--kemet-combo-hover-background-color"
             }
           ],
@@ -2755,14 +2797,14 @@
               "kind": "field",
               "name": "filteredOptions",
               "type": {
-                "text": "any[]"
+                "text": "string[]"
               }
             },
             {
               "kind": "field",
               "name": "field",
               "type": {
-                "text": "KemetFieldInterface"
+                "text": "KemetField"
               }
             },
             {
@@ -2781,7 +2823,10 @@
               "name": "handleInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -2790,7 +2835,10 @@
               "name": "handleSelection",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -2799,7 +2847,10 @@
               "name": "handleOptionKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -2808,7 +2859,10 @@
               "name": "handleInputKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -2999,7 +3053,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
         }
       ],
@@ -3075,7 +3129,10 @@
               "name": "startDrag",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -3084,7 +3141,10 @@
               "name": "drag",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -3180,23 +3240,23 @@
           "name": "KemetDrawer",
           "cssProperties": [
             {
-              "description": "The width of the drawer. Default: 300px.",
+              "description": "The width of the drawer.",
               "name": "--kemet-drawer-width"
             },
             {
-              "description": "The height of the drawer. Default:  100%.",
+              "description": "The height of the drawer.",
               "name": "--kemet-drawer-height"
             },
             {
-              "description": "The text color of the drawer. Default:  #fafafa.",
+              "description": "The text color of the drawer.",
               "name": "--kemet-drawer-color"
             },
             {
-              "description": "The background color of the drawer. Default: #202020.",
+              "description": "The background color of the drawer.",
               "name": "--kemet-drawer-background-color"
             },
             {
-              "description": "The color of the overlay. Default: rgba(0, 0, 0, 0.2).",
+              "description": "The color of the overlay.",
               "name": "--kemet-drawer-overlay-color"
             }
           ],
@@ -3268,7 +3328,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
             }
@@ -3320,7 +3380,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"
             }
           ],
@@ -3362,27 +3422,27 @@
           "name": "KemetFAB",
           "cssProperties": [
             {
-              "description": "The width and height of the fab. Default: 50px.",
+              "description": "The width and height of the fab.",
               "name": "--kemet-fab-size"
             },
             {
-              "description": "The text color of the fab. Default: var(--kemet-color-white).",
+              "description": "The text color of the fab.",
               "name": "--kemet-fab-color"
             },
             {
-              "description": "The bg color of the tab. Default: var(--kemet-color-primary).",
+              "description": "The bg color of the tab.",
               "name": "--kemet-fab-background-color"
             },
             {
-              "description": "The text color of an outlined fab. Default: var(--kemet-color-primary).",
+              "description": "The text color of an outlined fab.",
               "name": "--kemet-fab-outlined-color"
             },
             {
-              "description": "The border of an outlined fab. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The border of an outlined fab.",
               "name": "--kemet-fab-outlined-border"
             },
             {
-              "description": "The border radius of a pill fab. Default: 10rem.",
+              "description": "The border radius of a pill fab.",
               "name": "--kemet-fab-pill-radius"
             }
           ],
@@ -3392,7 +3452,7 @@
               "name": "button"
             },
             {
-              "description": " The FAB's icon.",
+              "description": " The FAB icon.",
               "name": "icon"
             },
             {
@@ -3590,7 +3650,7 @@
           ],
           "slots": [
             {
-              "description": "Allows sub components of the field to display.",
+              "description": "Allows subcomponents of the field to display.",
               "name": "component"
             }
           ],
@@ -3601,7 +3661,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"
             },
             {
@@ -3689,21 +3749,21 @@
                 "text": "string"
               },
               "default": "'check-lg'",
-              "description": "The icon while in an success state",
+              "description": "The icon while in a success state",
               "attribute": "success-icon"
             },
             {
               "kind": "field",
               "name": "slotInput",
               "type": {
-                "text": "KemetInputInterface | KemetTextareaInterface"
+                "text": "KemetInput | KemetTextarea"
               }
             },
             {
               "kind": "field",
               "name": "slotCombo",
               "type": {
-                "text": "KemetComboInterface"
+                "text": "KemetCombo"
               }
             },
             {
@@ -3719,7 +3779,10 @@
               "name": "handleFocused",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3728,7 +3791,10 @@
               "name": "handleStatus",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3737,7 +3803,10 @@
               "name": "handleInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -3746,7 +3815,10 @@
               "name": "handleSelection",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             }
@@ -3763,7 +3835,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"
             },
             {
@@ -3838,7 +3910,7 @@
                 "text": "string"
               },
               "default": "'check-lg'",
-              "description": "The icon while in an success state",
+              "description": "The icon while in a success state",
               "fieldName": "successIcon"
             }
           ],
@@ -3888,7 +3960,10 @@
               "name": "handleKeyup",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -3937,31 +4012,31 @@
           "name": "KemetFlipcard",
           "cssProperties": [
             {
-              "description": "The text color for the front of the card. Default: #202020.",
+              "description": "The text color for the front of the card.",
               "name": "--kemet-flipcard-front-color"
             },
             {
-              "description": "The text color for the back of the card. Default: #202020.",
+              "description": "The text color for the back of the card.",
               "name": "--kemet-flipcard-back-color"
             },
             {
-              "description": "The background color for the front of the card. Default: #fafafa.",
+              "description": "The background color for the front of the card.",
               "name": "--kemet-flipcard-front-background-color"
             },
             {
-              "description": "The background color for the back of the card. Default: #fafafa.",
+              "description": "The background color for the back of the card.",
               "name": "--kemet-flipcard-back-background-color"
             },
             {
-              "description": "The border on the front and back of the card. Default: 2px solid var(--kemet-color-primary).",
+              "description": "The border on the front and back of the card.",
               "name": "--kemet-flipcard-border"
             },
             {
-              "description": "The border radius on the front and back of the card. Default: 0.",
+              "description": "The border radius on the front and back of the card.",
               "name": "--kemet-flipcard-border-radius"
             },
             {
-              "description": "The aspect ratio of the card. Default: 16/9.",
+              "description": "The aspect ratio of the card.",
               "name": "--kemet-flipcard-ratio"
             }
           ],
@@ -4055,14 +4130,14 @@
               "kind": "field",
               "name": "frontElement",
               "type": {
-                "text": "any"
+                "text": "HTMLElement"
               }
             },
             {
               "kind": "field",
               "name": "backElement",
               "type": {
-                "text": "any"
+                "text": "HTMLElement"
               }
             },
             {
@@ -4255,64 +4330,64 @@
           "name": "KemetInput",
           "cssProperties": [
             {
-              "description": "The height of the input. Default: 50px.",
+              "description": "The height of the input.",
               "name": "--kemet-input-height"
             },
             {
-              "description": "The padding on the input. Default: 0.5rem 1rem.",
-              "name": "-kemet-input-padding"
+              "description": "The padding on the input.",
+              "name": "--kemet-input-padding"
             },
             {
-              "description": "The border of the input. Default: 1px solid var(--kemet-color-primary).",
-              "name": "-kemet-input-border"
+              "description": "The border of the input.",
+              "name": "--kemet-input-border"
             },
             {
-              "description": " The border of the error state. Default: 1px solid var(--kemet-color-error).",
-              "name": "-kemet-input-border-color-error"
+              "description": " The border of the error state.",
+              "name": "--kemet-input-border-color-error"
             },
             {
-              "description": "The border of the success state. Default: 1px solid var(--kemet-color-success).",
-              "name": "-kemet-input-border-color-success"
+              "description": "The border of the success state.",
+              "name": "--kemet-input-border-color-success"
             },
             {
-              "description": "The border of the warning state. Default: 1px solid var(--kemet-color-warning) |",
-              "name": "-kemet-input-border-color-warning"
+              "description": "The border of the warning state.",
+              "name": "--kemet-input-border-color-warning"
             },
             {
-              "description": "The icon-left padding. Default: 3rem.",
-              "name": "-kemet-input-icon-left-padding"
+              "description": "The icon-left padding.",
+              "name": "--kemet-input-icon-left-padding"
             },
             {
-              "description": "The icon-right padding. Default: 3rem.",
-              "name": "-kemet-input-icon-right-padding"
+              "description": "The icon-right padding.",
+              "name": "--kemet-input-icon-right-padding"
             },
             {
-              "description": "The border radius on rounded. Default: var(--kemet-border-radius).",
-              "name": "-kemet-input-border-radius-rounded"
+              "description": "The border radius on rounded.",
+              "name": "--kemet-input-border-radius-rounded"
             },
             {
-              "description": "The border on filled. Default: none.",
-              "name": "-kemet-input-border-filled"
+              "description": "The border on filled.",
+              "name": "--kemet-input-border-filled"
             },
             {
-              "description": "The color on filled. Default: var(--kemet-color-white).",
-              "name": "-kemet-input-color-filled"
+              "description": "The color on filled.",
+              "name": "--kemet-input-color-filled"
             },
             {
-              "description": "The background-color on filled. Default: var(--kemet-color-primary).",
-              "name": "-kemet-input-background-color-filled"
+              "description": "The background-color on filled.",
+              "name": "--kemet-input-background-color-filled"
             },
             {
-              "description": "The error state background color. Default: var(--kemet-color-error).",
-              "name": "-kemet-input-background-color-error"
+              "description": "The error state background color.",
+              "name": "--kemet-input-background-color-error"
             },
             {
-              "description": "The success state background color. Default: var(--kemet-color-success).",
-              "name": "-kemet-input-background-color-success"
+              "description": "The success state background color.",
+              "name": "--kemet-input-background-color-success"
             },
             {
-              "description": "The warning state background color. Default: var(--kemet-color-warning).",
-              "name": "-kemet-input-background-color-warning"
+              "description": "The warning state background color.",
+              "name": "--kemet-input-background-color-warning"
             }
           ],
           "cssParts": [
@@ -4486,7 +4561,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "States whether or not the input is invalid",
+              "description": "States whether the input is invalid",
               "attribute": "invalid",
               "reflects": true
             },
@@ -4650,46 +4725,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",
@@ -4730,7 +4778,10 @@
               "name": "handleStatus",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -4749,24 +4800,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",
@@ -4934,7 +4985,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "States whether or not the input is invalid",
+              "description": "States whether the input is invalid",
               "fieldName": "invalid"
             },
             {
@@ -5141,30 +5192,42 @@
           "name": "KemetModal",
           "cssProperties": [
             {
-              "description": "The minimum width of the content. Default: 0.",
-              "name": "--kemet-modal-content-min-width"
+              "description": "The mount of rounding for rounded corners",
+              "name": "--kemet-modal-radius"
+            },
+            {
+              "description": "The minimum width of the dialog.",
+              "name": "--kemet-modal-dialog-min-width"
             },
             {
-              "description": "The maximum width of the content. Default: none.",
-              "name": "--kemet-modal-content-max-width"
+              "description": "The maximum width of the dialog.",
+              "name": "--kemet-modal-dialog-max-width"
             },
             {
-              "description": "The background color of the content. Default: --kemet-color-white.",
-              "name": "--kemet-modal-content-background-color"
+              "description": "The background color of the dialog.",
+              "name": "--kemet-modal-dialog-background-color"
             },
             {
-              "description": "The min with of the mobile content. Default: 100%.",
-              "name": "--kemet-modal-content-mobile-min-width"
+              "description": "The width of the mobile dialog.",
+              "name": "--kemet-modal-dialog-mobile-width"
             },
             {
-              "description": "The min height of the mobile content. Default: 80vh.",
-              "name": "--kemet-modal-content-mobile-min-height"
+              "description": "The margins of the mobile dialog.",
+              "name": "--kemet-modal-dialog-mobile-margin"
+            },
+            {
+              "description": "The padding of the mobile dialog.",
+              "name": "--kemet-modal-dialog-mobile-padding"
+            },
+            {
+              "description": "The color of the backdrop overlay.",
+              "name": "--kemet-modal-overlay-background-color"
             }
           ],
           "cssParts": [
             {
               "description": "The main contents of the modal.",
-              "name": "content"
+              "name": "dialog"
             },
             {
               "description": "The surrounding scrim of the modal.",
@@ -5220,28 +5283,34 @@
             },
             {
               "kind": "field",
-              "name": "focusableSelector",
+              "name": "rounded",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "attribute": "rounded",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "focusableElements",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "isMobile"
             },
             {
               "kind": "method",
-              "name": "isMobile"
+              "name": "handleOpen"
+            },
+            {
+              "kind": "method",
+              "name": "handleClose"
             },
             {
               "kind": "method",
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5294,6 +5363,13 @@
                 "text": "boolean"
               },
               "fieldName": "mobile"
+            },
+            {
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "rounded"
             }
           ],
           "superclass": {
@@ -5301,7 +5377,7 @@
             "package": "lit"
           },
           "tagName": "kemet-modal",
-          "summary": "A dialog that has many built in effects and flexible styles.",
+          "summary": "A dialog that has many built-in effects and flexible styles.",
           "customElement": true
         }
       ],
@@ -5332,33 +5408,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.",
               "attribute": "rules"
             },
             {
@@ -5367,7 +5424,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Controls the display of the component.",
               "attribute": "show",
               "reflects": true
             },
@@ -5377,7 +5433,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the input component.",
               "attribute": "value"
             },
             {
@@ -5387,7 +5442,6 @@
                 "text": "string"
               },
               "default": "'Please make sure you meet all the requirements.'",
-              "description": "A message that is above the rules.",
               "attribute": "message"
             },
             {
@@ -5396,7 +5450,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The strength of the password. Weak | Better | Strong.",
               "attribute": "strength"
             },
             {
@@ -5441,17 +5494,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",
@@ -5461,12 +5519,7 @@
                 }
               ],
               "description": "Makes the check icon if the criteria has been met",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "templateResults"
-                }
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -5495,20 +5548,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.",
               "fieldName": "rules"
             },
             {
@@ -5516,7 +5562,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Controls the display of the component.",
               "fieldName": "show"
             },
             {
@@ -5524,7 +5569,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The value of the input component.",
               "fieldName": "value"
             },
             {
@@ -5533,7 +5577,6 @@
                 "text": "string"
               },
               "default": "'Please make sure you meet all the requirements.'",
-              "description": "A message that is above the rules.",
               "fieldName": "message"
             },
             {
@@ -5541,7 +5584,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The strength of the password. Weak | Better | Strong.",
               "fieldName": "strength"
             },
             {
@@ -5566,7 +5608,6 @@
             "package": "lit"
           },
           "tagName": "kemet-password",
-          "summary": "Gauges the strength of a password entered by the user.",
           "customElement": true
         }
       ],
@@ -5607,7 +5648,10 @@
               "name": "handleKeyboard",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5705,21 +5749,10 @@
               "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
             },
-            {
-              "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "TypeEffect"
-              },
-              "default": "'fade'",
-              "description": "The open/close animation effect for the Popper",
-              "attribute": "effect",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "fireOn",
@@ -5773,7 +5806,10 @@
               "name": "toggle",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -5782,7 +5818,10 @@
               "name": "handleKeyUp",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -5791,7 +5830,10 @@
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             }
@@ -5821,18 +5863,9 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines if the the Popper is opened or closed",
+              "description": "Determines if the Popper is opened or closed",
               "fieldName": "opened"
             },
-            {
-              "name": "effect",
-              "type": {
-                "text": "TypeEffect"
-              },
-              "default": "'fade'",
-              "description": "The open/close animation effect for the Popper",
-              "fieldName": "effect"
-            },
             {
               "name": "fire-on",
               "type": {
@@ -5908,28 +5941,32 @@
           "name": "KemetRadio",
           "cssProperties": [
             {
-              "description": "The size of the radio button. Default: 18px.",
+              "description": "The size of the radio button.",
               "name": "--kemet-radio-size"
             },
             {
-              "description": "The outer border of the radio button. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The outer border of the radio button.",
               "name": "--kemet-radio-border"
             },
             {
-              "description": "The color of the radio button's dot. Default: var(--kemet-color-primary).",
+              "description": "The color of the radio button's dot.",
               "name": "--kemet-radio-dot-color"
             },
             {
-              "description": "The border width of the radio button's dot. Default: 3px.",
+              "description": "The border width of the radio button's dot.",
               "name": "--kemet-radio-dot-border-width"
             },
             {
-              "description": "The border color of the radio button's dot. Default: var(--kemet-color-white).",
+              "description": "The border color of the radio button's dot.",
               "name": "--kemet-radio-dot-border-color"
             },
             {
-              "description": "The filled color of the radio button. Default: var(--kemet-color-white).",
+              "description": "The filled color of the radio button.",
               "name": "--kemet-radio-dot-color-filled"
+            },
+            {
+              "description": "The ring color of the radio button's dot.",
+              "name": "--kemet-radio-dot-ring-color"
             }
           ],
           "cssParts": [
@@ -6231,14 +6268,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>"
               }
             },
             {
@@ -6246,7 +6283,10 @@
               "name": "handleClick",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
               ]
             },
@@ -6255,7 +6295,10 @@
               "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -6336,7 +6379,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"
             }
           ],
@@ -6378,7 +6421,7 @@
           "name": "KemetRotator",
           "cssProperties": [
             {
-              "description": "How long, in css time units, the transition effect lasts. Default: 500ms.",
+              "description": "How long, in css time units, the transition effect lasts.",
               "name": "--kemet-rotator-transition-speed"
             }
           ],
@@ -6610,7 +6653,10 @@
               "name": "handleKeyup",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -6664,7 +6710,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
         }
       ],
@@ -6697,23 +6743,23 @@
           "name": "KemetScrollNav",
           "cssProperties": [
             {
-              "description": "The padding of the nav. Default: 1rem 2rem.",
+              "description": "The padding of the nav.",
               "name": "--kemet-scroll-nav-padding"
             },
             {
-              "description": "The background color of the nav. Default: #fafafa.",
+              "description": "The background color of the nav.",
               "name": "--kemet-scroll-nav-background"
             },
             {
-              "description": "The transition speed of the transformation. Default: 300ms.",
+              "description": "The transition speed of the transformation.",
               "name": "--kemet-scroll-nav-transition"
             },
             {
-              "description": "The height of the pre-transformed nav. Default: 400px.",
+              "description": "The height of the pre-transformed nav.",
               "name": "--kemet-scroll-nav-resize-height"
             },
             {
-              "description": "The height of the transformed nav. Default: 100px.",
+              "description": "The height of the transformed nav.",
               "name": "--kemet-scroll-nav-resize-height-transformed"
             }
           ],
@@ -6736,7 +6782,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
             },
@@ -6755,10 +6801,16 @@
               "name": "handleScroll",
               "parameters": [
                 {
-                  "name": "stickPoint"
+                  "name": "stickPoint",
+                  "type": {
+                    "text": "number"
+                  }
                 },
                 {
-                  "name": "elementHeight"
+                  "name": "elementHeight",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             }
@@ -6779,7 +6831,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"
             },
             {
@@ -6830,15 +6882,15 @@
           "name": "KemetScrollSnapPaginator",
           "cssProperties": [
             {
-              "description": "The padding on the container. Default: 1rem 0.",
+              "description": "The padding on the container.",
               "name": "--kemet-scroll-snap-paginator-padding"
             },
             {
-              "description": "The space between pagination items. Default: 0.5rem.",
+              "description": "The space between pagination items.",
               "name": "--kemet-scroll-snap-paginator-gap"
             },
             {
-              "description": "The color of a linkable pagination item. Default: var(--kemet-color-primary).",
+              "description": "The color of a linkable pagination item.",
               "name": "--kemet-scroll-snap-paginator-link-color"
             }
           ],
@@ -6924,10 +6976,16 @@
               "name": "pageDisplay",
               "parameters": [
                 {
-                  "name": "slide"
+                  "name": "slide",
+                  "type": {
+                    "text": "KemetScrollSnapSlide"
+                  }
                 },
                 {
-                  "name": "visibleIndex"
+                  "name": "visibleIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -6936,7 +6994,10 @@
               "name": "slideLink",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -6945,10 +7006,16 @@
               "name": "handleKeyboardInput",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 },
                 {
-                  "name": "id"
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             }
@@ -7076,7 +7143,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
             },
@@ -7111,7 +7178,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"
             },
             {
@@ -7169,19 +7236,19 @@
           "name": "KemetScrollSnap",
           "cssProperties": [
             {
-              "description": "Space between the slides. Default: 1.5rem.",
+              "description": "Space between the slides.",
               "name": "--kemet-scroll-snap-gap"
             },
             {
-              "description": "The horizontal max width of the container. Default: 1024px.",
+              "description": "The horizontal max width of the container.",
               "name": "--kemet-scroll-snap-horizontal-max-width"
             },
             {
-              "description": "The vertical height of the container. Default: 100vh.",
+              "description": "The vertical height of the container.",
               "name": "--kemet-scroll-snap-vertical-height"
             },
             {
-              "description": "Padding on the vertical axis. Default: 0 2rem.",
+              "description": "Padding on the vertical axis.",
               "name": "--kemet-scroll-snap-slides-vertical-padding"
             }
           ],
@@ -7239,7 +7306,7 @@
               "kind": "field",
               "name": "slides",
               "type": {
-                "text": "any[]"
+                "text": "KemetScrollSnapSlide[]"
               }
             },
             {
@@ -7255,7 +7322,10 @@
               "name": "focusSlide",
               "parameters": [
                 {
-                  "name": "index"
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -7348,11 +7418,12 @@
             },
             {
               "kind": "field",
-              "name": "disable",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "disable"
+              "description": "Determines whether to disable the option",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
@@ -7362,14 +7433,6 @@
               },
               "description": "Selects the option if true",
               "attribute": "selected"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines whether to disable the option",
-              "name": "disabled",
-              "kind": "field"
             }
           ],
           "events": [
@@ -7401,11 +7464,12 @@
               "fieldName": "value"
             },
             {
-              "name": "disable",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "disable"
+              "description": "Determines whether to disable the option",
+              "fieldName": "disabled"
             },
             {
               "name": "selected",
@@ -7452,65 +7516,6 @@
           "kind": "class",
           "description": "",
           "name": "KemetSelect",
-          "cssProperties": [
-            {
-              "description": "The padding on the textarea. Default: 1rem.",
-              "name": "--kemet-select-padding"
-            },
-            {
-              "description": "The border of the textarea. Default: 1px solid var(--kemet-color-background).",
-              "name": "--kemet-select-border"
-            },
-            {
-              "description": "The border of the error state. Default: 1px solid var(--kemet-color-error).",
-              "name": "--kemet-select-border-color-error"
-            },
-            {
-              "description": "The border of the success state. Default: 1px solid var(--kemet-color-success).",
-              "name": "--kemet-select-border-color-success"
-            },
-            {
-              "description": "The border of the warning state. Default: 1px solid var(--kemet-color-warning).",
-              "name": "--kemet-select-border-color-warning"
-            },
-            {
-              "description": "The border radius on rounded. Default: var(--kemet-border-radius).",
-              "name": "--kemet-select-border-radius-rounded"
-            },
-            {
-              "description": "The border on filled. Default: none.",
-              "name": "--kemet-select-border-filled"
-            },
-            {
-              "description": "The color on filled. Default: var(--kemet-color-white).",
-              "name": "--kemet-select-color-filled"
-            },
-            {
-              "description": "The background-color on filled. Default: var(--kemet-color-primary).",
-              "name": "--kemet-select-background-color-filled"
-            },
-            {
-              "description": "The error state background color. Default: var(--kemet-color-error).",
-              "name": "--kemet-select-background-color-error"
-            },
-            {
-              "description": "The success state background color. Default: var(--kemet-color-success).",
-              "name": "--kemet-select-background-color-success"
-            },
-            {
-              "description": "The warning state background color. Default: var(--kemet-color-warning).",
-              "name": "--kemet-select-background-color-warning"
-            },
-            {
-              "description": "The space on the right of the icon. Default: 1rem.",
-              "name": "--kemet-select-icon-right"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "select"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -7518,7 +7523,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "A string the uniquely identifies the select",
               "attribute": "slug"
             },
             {
@@ -7528,7 +7532,6 @@
                 "text": "string"
               },
               "default": "'select'",
-              "description": "The name of the select",
               "attribute": "name"
             },
             {
@@ -7537,16 +7540,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"
             },
             {
@@ -7555,7 +7556,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The status of the select",
               "attribute": "status",
               "reflects": true
             },
@@ -7565,7 +7565,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is required",
               "attribute": "required",
               "reflects": true
             },
@@ -7575,7 +7574,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is disabled",
               "attribute": "disabled",
               "reflects": true
             },
@@ -7585,7 +7583,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Support of multiple choice selections",
               "attribute": "multiple"
             },
             {
@@ -7595,7 +7592,6 @@
                 "text": "string"
               },
               "default": "'chevron-down'",
-              "description": "The dropdown icon",
               "attribute": "icon"
             },
             {
@@ -7605,7 +7601,6 @@
                 "text": "number"
               },
               "default": "16",
-              "description": "The dropdown icon size",
               "attribute": "icon-size"
             },
             {
@@ -7614,7 +7609,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays a filled select",
               "attribute": "filled",
               "reflects": true
             },
@@ -7624,7 +7618,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays rounded corners",
               "attribute": "rounded",
               "reflects": true
             },
@@ -7653,7 +7646,7 @@
               "kind": "field",
               "name": "optionElements",
               "type": {
-                "text": "any"
+                "text": "NodeListOf<KemetOption>"
               }
             },
             {
@@ -7666,18 +7659,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"
             },
             {
@@ -7707,23 +7700,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": [
@@ -7732,7 +7715,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "A string the uniquely identifies the select",
               "fieldName": "slug"
             },
             {
@@ -7741,7 +7723,6 @@
                 "text": "string"
               },
               "default": "'select'",
-              "description": "The name of the select",
               "fieldName": "name"
             },
             {
@@ -7749,15 +7730,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"
             },
             {
@@ -7765,7 +7744,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The status of the select",
               "fieldName": "status"
             },
             {
@@ -7773,7 +7751,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is required",
               "fieldName": "required"
             },
             {
@@ -7781,7 +7758,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not the field is disabled",
               "fieldName": "disabled"
             },
             {
@@ -7789,7 +7765,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Support of multiple choice selections",
               "fieldName": "multiple"
             },
             {
@@ -7798,7 +7773,6 @@
                 "text": "string"
               },
               "default": "'chevron-down'",
-              "description": "The dropdown icon",
               "fieldName": "icon"
             },
             {
@@ -7807,7 +7781,6 @@
                 "text": "number"
               },
               "default": "16",
-              "description": "The dropdown icon size",
               "fieldName": "iconSize"
             },
             {
@@ -7815,7 +7788,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays a filled select",
               "fieldName": "filled"
             },
             {
@@ -7823,7 +7795,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Displays rounded corners",
               "fieldName": "rounded"
             }
           ],
@@ -7832,7 +7803,6 @@
             "package": "lit"
           },
           "tagName": "kemet-select",
-          "summary": "An enhanced select element.",
           "customElement": true
         }
       ],
@@ -7926,7 +7896,7 @@
               "kind": "field",
               "name": "sortableItem",
               "type": {
-                "text": "KemetSortableItemInterface"
+                "text": "KemetSortableItem"
               }
             },
             {
@@ -7934,7 +7904,10 @@
               "name": "handleDragStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -7943,7 +7916,10 @@
               "name": "handleDragOver",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -7952,7 +7928,10 @@
               "name": "handleDragEnd",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             }
@@ -8192,7 +8171,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
         }
       ],
@@ -8225,7 +8204,7 @@
           "name": "KemetTabPanel",
           "cssProperties": [
             {
-              "description": "The fade speed. Default: 0.5s.",
+              "description": "The fade speed.",
               "name": "--kemet-tab-panel-fade-speed"
             }
           ],
@@ -8250,6 +8229,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"
@@ -8272,6 +8259,13 @@
               },
               "description": "Identifies the panel to be linked by a tab",
               "fieldName": "panel"
+            },
+            {
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "index"
             }
           ],
           "superclass": {
@@ -8312,15 +8306,23 @@
           "name": "KemetTab",
           "cssProperties": [
             {
-              "description": "The padding of the tab. Default: 1rem.",
+              "description": "The padding of the tab.",
               "name": "--kemet-tab-padding"
             },
             {
-              "description": "The color of the selected tab. Default: var(--kemet-color-background).",
+              "description": "The color of the selected tab.",
               "name": "--kemet-tab-color"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "index"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -8378,6 +8380,13 @@
             }
           ],
           "attributes": [
+            {
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "index"
+            },
             {
               "name": "selected",
               "type": {
@@ -8440,68 +8449,6 @@
           "kind": "class",
           "description": "",
           "name": "KemetTabs",
-          "cssProperties": [
-            {
-              "description": "The thickness of the ink. Default: 6px.",
-              "name": "--kemet-tabs-ink-size"
-            },
-            {
-              "description": "The radius on the ink. Default:  6px.",
-              "name": "--kemet-tabs-ink-radius"
-            },
-            {
-              "description": "The color of the ink. Default:  var(--kemet-color-background).",
-              "name": "--kemet-tabs-ink-color"
-            },
-            {
-              "description": "The thickness of the divider. Default: 1px.",
-              "name": "--kemet-tabs-divider-size"
-            },
-            {
-              "description": "The color of the divider. Default:  var(--kemet-color-gray4).",
-              "name": "--kemet-tabs-divider-color"
-            },
-            {
-              "description": "The transition speed of the panels. Default:  0.5s.",
-              "name": "--kemet-tabs-transition-speed"
-            },
-            {
-              "description": "The space between tabs and panels. Default:  1rem.",
-              "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",
@@ -8509,7 +8456,6 @@
               "type": {
                 "text": "string"
               },
-              "description": "The selected tab by name",
               "attribute": "selected",
               "reflects": true
             },
@@ -8520,7 +8466,6 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The selected tab by index",
               "attribute": "selectedIndex"
             },
             {
@@ -8530,17 +8475,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
             },
@@ -8550,17 +8493,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
             },
@@ -8570,17 +8511,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
             },
@@ -8588,9 +8527,8 @@
               "kind": "field",
               "name": "ink",
               "type": {
-                "text": "object"
+                "text": "Iink"
               },
-              "description": "An object that contains information about the ink",
               "attribute": "ink"
             },
             {
@@ -8600,7 +8538,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to hide the ink",
               "attribute": "hide-ink"
             },
             {
@@ -8609,7 +8546,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the space of the tabs is larger than it's container",
               "attribute": "overflow",
               "reflects": true
             },
@@ -8617,14 +8553,14 @@
               "kind": "field",
               "name": "tabs",
               "type": {
-                "text": "any[]"
+                "text": "KemetTab[]"
               }
             },
             {
               "kind": "field",
               "name": "panels",
               "type": {
-                "text": "any[]"
+                "text": "KemetTabPanel[]"
               }
             },
             {
@@ -8676,7 +8612,10 @@
               "name": "handleTabClose",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -8685,7 +8624,10 @@
               "name": "makeInk",
               "parameters": [
                 {
-                  "name": "location"
+                  "name": "location",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -8718,7 +8660,10 @@
               "name": "tabSelectedChange",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
                 }
               ]
             },
@@ -8743,10 +8688,16 @@
               "name": "animatePanel",
               "parameters": [
                 {
-                  "name": "panelName"
+                  "name": "panelName",
+                  "type": {
+                    "text": "string"
+                  }
                 },
                 {
-                  "name": "panelIndex"
+                  "name": "panelIndex",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -8755,7 +8706,10 @@
               "name": "handleTabKeydown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
@@ -8764,7 +8718,10 @@
               "name": "handleTouchStart",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent"
+                  }
                 }
               ]
             },
@@ -8773,24 +8730,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"
             },
             {
@@ -8799,7 +8752,6 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The selected tab by index",
               "fieldName": "selectedIndex"
             },
             {
@@ -8808,16 +8760,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"
             },
             {
@@ -8825,16 +8775,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"
             },
             {
@@ -8842,24 +8790,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"
             },
             {
@@ -8868,7 +8813,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to hide the ink",
               "fieldName": "hideInk"
             },
             {
@@ -8876,7 +8820,6 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Is true when the space of the tabs is larger than it's container",
               "fieldName": "overflow"
             }
           ],
@@ -8885,7 +8828,6 @@
             "package": "lit"
           },
           "tagName": "kemet-tabs",
-          "summary": "A group of tabs and panels.",
           "customElement": true
         }
       ],
@@ -8918,51 +8860,51 @@
           "name": "KemetTextarea",
           "cssProperties": [
             {
-              "description": "The padding on the textarea. Default: 1rem.",
+              "description": "The padding on the textarea.",
               "name": "--kemet-textarea-padding"
             },
             {
-              "description": "The border of the textarea. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The border of the textarea.",
               "name": "--kemet-textarea-border"
             },
             {
-              "description": "The border of the error state. Default: 1px solid var(--kemet-color-error).",
+              "description": "The border of the error state.",
               "name": "--kemet-textarea-border-color-error"
             },
             {
-              "description": "The border of the success state. Default: 1px solid var(--kemet-color-success).",
+              "description": "The border of the success state.",
               "name": "--kemet-textarea-border-color-success"
             },
             {
-              "description": "The border of the warning state. Default: 1px solid var(--kemet-color-warning).",
+              "description": "The border of the warning state.",
               "name": "--kemet-textarea-border-color-warning"
             },
             {
-              "description": "The border radius on rounded. Default: var(--kemet-border-radius).",
+              "description": "The border radius on rounded.",
               "name": "--kemet-textarea-border-radius-rounded"
             },
             {
-              "description": "The border on filled. Default:  none.",
+              "description": "The border on filled.",
               "name": "--kemet-textarea-border-filled"
             },
             {
-              "description": "The color on filled. Default: var(--kemet-color-white).",
+              "description": "The color on filled.",
               "name": "--kemet-textarea-color-filled"
             },
             {
-              "description": "The background-color on filled. Default: var(--kemet-color-primary).",
+              "description": "The background-color on filled.",
               "name": "--kemet-textarea-background-color-filled"
             },
             {
-              "description": "The error state background color. Default: var(--kemet-color-error).",
+              "description": "The error state background color.",
               "name": "--kemet-textarea-background-color-error"
             },
             {
-              "description": "The success state background color. Default: var(--kemet-color-success).",
+              "description": "The success state background color.",
               "name": "--kemet-textarea-background-color-success"
             },
             {
-              "description": "The warning state background color. Default: var(--kemet-color-warning).",
+              "description": "The warning state background color.",
               "name": "--kemet-textarea-background-color-warning"
             }
           ],
@@ -9195,24 +9137,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",
@@ -9415,39 +9357,39 @@
           "name": "KemetToggle",
           "cssProperties": [
             {
-              "description": "The width of the entire toggle. Default: 3.5rem.",
+              "description": "The width of the entire toggle.",
               "name": "--kemet-toggle-width"
             },
             {
-              "description": "The height of the entire toggle. Default:2rem.",
+              "description": "The height of the entire toggle.",
               "name": "--kemet-toggle-height"
             },
             {
-              "description": "The diameter of the handle. Default: 1.6rem.",
+              "description": "The diameter of the handle.",
               "name": "--kemet-toggle-handle-diameter"
             },
             {
-              "description": "The border of the track. Default: none.",
+              "description": "The border of the track.",
               "name": "--kemet-toggle-track-border"
             },
             {
-              "description": "The color of the track. Default: var(--kemet-color-white).",
+              "description": "The color of the track.",
               "name": "--kemet-toggle-track-color"
             },
             {
-              "description": "The shadow on the track. Default: inset 0 0.4rem 0.7rem 0 rgba(47, 47, 47, 0.35), inset 0 -0.2rem 0.4rem 0 var(--kemet-color-gray1).",
+              "description": "The shadow on the track.",
               "name": "--kemet-toggle-track-shadow"
             },
             {
-              "description": "The border on the handle. Default: none.",
+              "description": "The border on the handle.",
               "name": "--kemet-toggle-handle-border"
             },
             {
-              "description": "The color of the handle. Default: var(--kemet-color-primary).",
+              "description": "The color of the handle.",
               "name": "--kemet-toggle-handle-color"
             },
             {
-              "description": "The shadow on the handle. Default: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1), 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2).",
+              "description": "The shadow on the handle.",
               "name": "--kemet-toggle-handle-shadow"
             }
           ],
@@ -9491,7 +9433,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
             },
@@ -9502,7 +9444,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is disabled",
+              "description": "Determines whether the toggle is disabled",
               "attribute": "disabled"
             },
             {
@@ -9522,7 +9464,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to show text options",
+              "description": "Determines whether to show text options",
               "attribute": "show"
             },
             {
@@ -9597,7 +9539,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is checked",
+              "description": "Determines whether the toggle is checked",
               "fieldName": "checked"
             },
             {
@@ -9606,7 +9548,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not the toggle is disabled",
+              "description": "Determines whether the toggle is disabled",
               "fieldName": "disabled"
             },
             {
@@ -9624,7 +9566,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether or not to show text options",
+              "description": "Determines whether to show text options",
               "fieldName": "show"
             },
             {
@@ -9713,7 +9655,7 @@
               "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"
             },
             {
@@ -9767,7 +9709,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": {
@@ -9775,21 +9717,6 @@
                 "module": "src/components/kemet-popper/kemet-popper.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "TypeEffect"
-              },
-              "default": "'fade'",
-              "description": "The open/close animation effect for the Popper",
-              "attribute": "effect",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "KemetPopper",
-                "module": "src/components/kemet-popper/kemet-popper.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "fireOn",
@@ -9867,7 +9794,10 @@
               "name": "toggle",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9880,7 +9810,10 @@
               "name": "handleKeyUp",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9893,7 +9826,10 @@
               "name": "handleFocusableDown",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ],
               "inheritedFrom": {
@@ -9907,7 +9843,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,26 +9864,13 @@
               "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",
                 "module": "src/components/kemet-popper/kemet-popper.ts"
               }
             },
-            {
-              "name": "effect",
-              "type": {
-                "text": "TypeEffect"
-              },
-              "default": "'fade'",
-              "description": "The open/close animation effect for the Popper",
-              "fieldName": "effect",
-              "inheritedFrom": {
-                "name": "KemetPopper",
-                "module": "src/components/kemet-popper/kemet-popper.ts"
-              }
-            },
             {
               "name": "fire-on",
               "type": {
@@ -10050,67 +9973,67 @@
           "name": "KemetTrackerStep",
           "cssProperties": [
             {
-              "description": "The font size. Default: 90%",
+              "description": "The font size.",
               "name": "--kemet-tracker-step-dot-font-size"
             },
             {
-              "description": "The text color. Default: var(--kemet-color-primary)",
+              "description": "The text color.",
               "name": "--kemet-tracker-step-dot-color"
             },
             {
-              "description": "Border around a dot. Default: 1px solid var(--kemet-color-primary)",
+              "description": "Border around a dot.",
               "name": "--kemet-tracker-step-dot-border"
             },
             {
-              "description": "Width and height of a dot. Default: 50px",
+              "description": "Width and height of a dot.",
               "name": "--kemet-tracker-step-dot-size"
             },
             {
-              "description": "Mobile width and height of a dot. Default: 25px",
+              "description": "Mobile width and height of a dot.",
               "name": "--kemet-tracker-step-dot-size-mobile"
             },
             {
-              "description": "Space between a dot and connector line. Default: 4px",
+              "description": "Space between a dot and connector line.",
               "name": "--kemet-tracker-step-dot-gap"
             },
             {
-              "description": "Transition of a dot. Default: all 300ms ease-in-out",
+              "description": "Transition of a dot.",
               "name": "--kemet-tracker-step-dot-transition"
             },
             {
-              "description": "Fill color of a dot. Default: transparent",
+              "description": "Fill color of a dot.",
               "name": "--kemet-tracker-step-dot-fill-color"
             },
             {
-              "description": "Color of the background a dot is on. Default: var(--kemet-color-white)",
+              "description": "Color of the background a dot is on.",
               "name": "--kemet-tracker-step-dot-background-color"
             },
             {
-              "description": "Current dot text color. Default: var(--kemet-color-white)",
+              "description": "Current dot text color.",
               "name": "--kemet-tracker-step-current-color"
             },
             {
-              "description": "Current dot fill color. Default: var(--kemet-color-primary)",
+              "description": "Current dot fill color.",
               "name": "--kemet-tracker-step-current-fill-color"
             },
             {
-              "description": "Text color of a completed dot. Default: var(--kemet-color-white)",
+              "description": "Text color of a completed dot.",
               "name": "--kemet-tracker-step-completed-color"
             },
             {
-              "description": "Background color of a completed dot. Default: var(--kemet-color-success)",
+              "description": "Background color of a completed dot.",
               "name": "--kemet-tracker-step-completed-fill-color"
             },
             {
-              "description": "Completed connector line color. Default: var(--kemet-color-primary)",
+              "description": "Completed connector line color.",
               "name": "--kemet-tracker-step-completed-line-color"
             },
             {
-              "description": "Completed line weight. Default: 3px",
+              "description": "Completed line weight.",
               "name": "--kemet-tracker-step-completed-line-weight"
             },
             {
-              "description": "Standard line weight. Default: 1px",
+              "description": "Standard line weight.",
               "name": "--kemet-tracker-step-standard-line-weight"
             }
           ],
@@ -10144,7 +10067,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
             },
@@ -10154,7 +10077,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
             },
@@ -10240,7 +10163,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Determines whether or not a step renders as complete",
+              "description": "Determines whether a step renders as complete",
               "fieldName": "completed"
             },
             {
@@ -10248,7 +10171,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"
             },
             {
@@ -10345,7 +10268,7 @@
               "kind": "field",
               "name": "steps",
               "type": {
-                "text": "any"
+                "text": "NodeListOf<KemetTrackerStep>"
               }
             },
             {
@@ -10413,15 +10336,15 @@
           "name": "KemetUploadFile",
           "cssProperties": [
             {
-              "description": "The default text color. Default: var(--kemet-color-text).",
+              "description": "The default text color.",
               "name": "--kemet-upload-file-color"
             },
             {
-              "description": "The padding around the file. Default: 0.5rem 1rem.",
+              "description": "The padding around the file.",
               "name": "--kemet-upload-file-padding"
             },
             {
-              "description": "The border around the file. Default: 1px solid var(--kemet-color-primary).",
+              "description": "The border around the file.",
               "name": "--kemet-upload-file-border"
             }
           ],
@@ -10623,19 +10546,19 @@
           "name": "KemetUpload",
           "cssProperties": [
             {
-              "description": "The default text color. Default: var(--kemet-color-white).",
+              "description": "The default text color.",
               "name": "--kemet-upload-color"
             },
             {
-              "description": "The height. Default: 364px.",
+              "description": "The height.",
               "name": "--kemet-upload-height"
             },
             {
-              "description": "The border. Default: 1rem solid var(--kemet-color-gray1-to-transparent).",
+              "description": "The border.",
               "name": "--kemet-upload-border"
             },
             {
-              "description": "The background color. Default: var(--kemet-color-primary-to-transparent).",
+              "description": "The background color.",
               "name": "--kemet-upload-background-color"
             }
           ],
@@ -10733,7 +10656,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
             },
@@ -10775,7 +10698,10 @@
               "name": "handleChange",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
                 }
               ]
             },
@@ -10784,7 +10710,10 @@
               "name": "handleDrop",
               "parameters": [
                 {
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
                 }
               ]
             },
@@ -10868,7 +10797,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"
             },
             {