npm - @loadsmart/miranda-wc - Versions diffs - 1.41.1-alpha.4 → 1.41.1-alpha.5 - Mend

@loadsmart/miranda-wc 1.41.1-alpha.4 → 1.41.1-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/custom-elements.json +1258 -1258
package/dist/vscode.html-custom-data.json +175 -175
package/package.json +1 -1

package/dist/custom-elements.json CHANGED Viewed

@@ -1253,190 +1253,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/checkbox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Checkbox",
-          "members": [
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "description": "Id of the checkbox input."
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "type": {
-                "text": "CheckboxProps['name']"
-              },
-              "description": "Name of the checkbox input.",
-              "default": "undefined",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to disable the checkbox.",
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to disable the checkbox.",
-              "default": "false",
-              "attribute": "checked",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to set the checkbox as indeterminate.",
-              "default": "false",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private",
-              "description": "Input element within component."
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "HTMLLabelElement"
-              },
-              "privacy": "private",
-              "description": "Label element within component."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#setAttributes",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#handleChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "CheckboxProps['name']"
-              },
-              "description": "Name of the checkbox input.",
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/components/checkbox/checkbox.ts"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to disable the checkbox.",
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to disable the checkbox.",
-              "default": "false",
-              "fieldName": "checked"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Option to set the checkbox as indeterminate.",
-              "default": "false",
-              "fieldName": "indeterminate"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m-checkbox",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Checkbox",
-          "declaration": {
-            "name": "Checkbox",
-            "module": "components/checkbox/checkbox.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m-checkbox",
-          "declaration": {
-            "name": "Checkbox",
-            "module": "components/checkbox/checkbox.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.js",
@@ -1822,125 +1638,390 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/card/card-body.js",
+      "path": "components/checkbox/checkbox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CardBody",
+          "name": "Checkbox",
           "members": [
             {
               "kind": "field",
-              "name": "slot",
-              "privacy": "public",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "attribute": "slot"
-            }
-          ],
-          "attributes": [
+              "description": "Id of the checkbox input."
+            },
             {
-              "name": "slot",
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "CheckboxProps['name']"
               },
-              "fieldName": "slot"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m-card-body",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CardBody",
-          "declaration": {
-            "name": "CardBody",
-            "module": "components/card/card-body.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m-card-body",
-          "declaration": {
-            "name": "CardBody",
-            "module": "components/card/card-body.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/card/card-divider.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CardDivider",
-          "members": [
+              "description": "Name of the checkbox input.",
+              "default": "undefined",
+              "attribute": "name",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "slot",
+              "name": "disabled",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'divider'",
-              "attribute": "slot",
+              "description": "Option to disable the checkbox.",
+              "default": "false",
+              "attribute": "disabled",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Option to disable the checkbox.",
+              "default": "false",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Option to set the checkbox as indeterminate.",
+              "default": "false",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private",
+              "description": "Input element within component."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "HTMLLabelElement"
+              },
+              "privacy": "private",
+              "description": "Label element within component."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setAttributes",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#handleChange",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "slot",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "CheckboxProps['name']"
               },
-              "default": "'divider'",
-              "fieldName": "slot"
+              "description": "Name of the checkbox input.",
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/components/checkbox/checkbox.ts"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Option to disable the checkbox.",
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Option to disable the checkbox.",
+              "default": "false",
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Option to set the checkbox as indeterminate.",
+              "default": "false",
+              "fieldName": "indeterminate"
             }
           ],
           "superclass": {
-            "name": "Divider",
-            "module": "/src/components/divider/divider"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "m-card-divider",
+          "tagName": "m-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CardDivider",
+          "name": "Checkbox",
           "declaration": {
-            "name": "CardDivider",
-            "module": "components/card/card-divider.js"
+            "name": "Checkbox",
+            "module": "components/checkbox/checkbox.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-card-divider",
+          "name": "m-checkbox",
           "declaration": {
-            "name": "CardDivider",
-            "module": "components/card/card-divider.js"
+            "name": "Checkbox",
+            "module": "components/checkbox/checkbox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/card/card-subtitle.js",
+      "path": "components/close-button/close-button.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CardSubtitle",
+          "name": "CloseButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "controls",
+              "privacy": "public",
+              "type": {
+                "text": "CloseButtonProps['controls']"
+              },
+              "description": "Id of the element being controlled by the close button.",
+              "attribute": "controls"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "CloseButtonProps['disabled']"
+              },
+              "description": "Determine if the button will be disabled.",
+              "default": "false",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "privacy": "public",
+              "type": {
+                "text": "CloseButtonProps['inverted']"
+              },
+              "description": "Determine if the button will be displayed with inverted colors.",
+              "default": "false",
+              "attribute": "inverted"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "privacy": "public",
+              "type": {
+                "text": "CloseButtonProps['label']"
+              },
+              "description": "Button label. Defaults to 'Close'.",
+              "default": "'Close'",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "privacy": "public",
+              "type": {
+                "text": "CloseButtonProps['size']"
+              },
+              "description": "Text field size. Defaults to 'default'.",
+              "default": "'default'",
+              "attribute": "size"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#button",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "emit",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "Component",
+                "module": "components/component/component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reemit",
+              "privacy": "protected",
+              "description": "Re-dispatches an event.\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
+              "parameters": [
+                {
+                  "description": "The event to re-dispatch.",
+                  "name": "event"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Component",
+                "module": "components/component/component.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "controls",
+              "type": {
+                "text": "CloseButtonProps['controls']"
+              },
+              "description": "Id of the element being controlled by the close button.",
+              "fieldName": "controls"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "CloseButtonProps['disabled']"
+              },
+              "description": "Determine if the button will be disabled.",
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "inverted",
+              "type": {
+                "text": "CloseButtonProps['inverted']"
+              },
+              "description": "Determine if the button will be displayed with inverted colors.",
+              "default": "false",
+              "fieldName": "inverted"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "CloseButtonProps['label']"
+              },
+              "description": "Button label. Defaults to 'Close'.",
+              "default": "'Close'",
+              "fieldName": "label"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "CloseButtonProps['size']"
+              },
+              "description": "Text field size. Defaults to 'default'.",
+              "default": "'default'",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/components/component"
+          },
+          "tagName": "m-close-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CloseButton",
+          "declaration": {
+            "name": "CloseButton",
+            "module": "components/close-button/close-button.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m-close-button",
+          "declaration": {
+            "name": "CloseButton",
+            "module": "components/close-button/close-button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/card/card-body.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CardBody",
           "members": [
             {
               "kind": "field",
@@ -1965,37 +2046,37 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m-card-subtitle",
+          "tagName": "m-card-body",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CardSubtitle",
+          "name": "CardBody",
           "declaration": {
-            "name": "CardSubtitle",
-            "module": "components/card/card-subtitle.js"
+            "name": "CardBody",
+            "module": "components/card/card-body.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-card-subtitle",
+          "name": "m-card-body",
           "declaration": {
-            "name": "CardSubtitle",
-            "module": "components/card/card-subtitle.js"
+            "name": "CardBody",
+            "module": "components/card/card-body.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/card/card-title.js",
+      "path": "components/card/card-divider.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CardTitle",
+          "name": "CardDivider",
           "members": [
             {
               "kind": "field",
@@ -2004,7 +2085,9 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "slot"
+              "default": "'divider'",
+              "attribute": "slot",
+              "reflects": true
             }
           ],
           "attributes": [
@@ -2013,308 +2096,225 @@
               "type": {
                 "text": "string"
               },
+              "default": "'divider'",
               "fieldName": "slot"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "Divider",
+            "module": "/src/components/divider/divider"
           },
-          "tagName": "m-card-title",
+          "tagName": "m-card-divider",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CardTitle",
+          "name": "CardDivider",
           "declaration": {
-            "name": "CardTitle",
-            "module": "components/card/card-title.js"
+            "name": "CardDivider",
+            "module": "components/card/card-divider.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-card-title",
+          "name": "m-card-divider",
           "declaration": {
-            "name": "CardTitle",
-            "module": "components/card/card-title.js"
+            "name": "CardDivider",
+            "module": "components/card/card-divider.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/card/card.js",
+      "path": "components/card/card-subtitle.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Card",
+          "name": "CardSubtitle",
           "members": [
             {
               "kind": "field",
-              "name": "flagged",
+              "name": "slot",
               "privacy": "public",
               "type": {
-                "text": "CardProps['flagged']"
+                "text": "string"
               },
-              "description": "Should the card be flagged.",
-              "default": "false",
-              "attribute": "flagged"
-            },
+              "attribute": "slot"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "flagColor",
-              "privacy": "public",
+              "name": "slot",
               "type": {
-                "text": "NonNullable<CardProps['flag-color']>"
+                "text": "string"
               },
-              "description": "Card flag color.",
-              "default": "'color-background-inverted'",
-              "attribute": "flag-color"
+              "fieldName": "slot"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m-card-subtitle",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CardSubtitle",
+          "declaration": {
+            "name": "CardSubtitle",
+            "module": "components/card/card-subtitle.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m-card-subtitle",
+          "declaration": {
+            "name": "CardSubtitle",
+            "module": "components/card/card-subtitle.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/card/card-title.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CardTitle",
+          "members": [
             {
-              "name": "flagged",
+              "kind": "field",
+              "name": "slot",
+              "privacy": "public",
               "type": {
-                "text": "CardProps['flagged']"
+                "text": "string"
               },
-              "description": "Should the card be flagged.",
-              "default": "false",
-              "fieldName": "flagged"
-            },
+              "attribute": "slot"
+            }
+          ],
+          "attributes": [
             {
-              "name": "flag-color",
+              "name": "slot",
               "type": {
-                "text": "NonNullable<CardProps['flag-color']>"
-              },
-              "description": "Card flag color.",
-              "default": "defaultFlagColor",
-              "resolveInitializer": {
-                "module": "src/components/card/card.ts"
+                "text": "string"
               },
-              "fieldName": "flagColor"
+              "fieldName": "slot"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m-card",
+          "tagName": "m-card-title",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "CardTitle",
           "declaration": {
-            "name": "Card",
-            "module": "components/card/card.js"
+            "name": "CardTitle",
+            "module": "components/card/card-title.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-card",
+          "name": "m-card-title",
           "declaration": {
-            "name": "Card",
-            "module": "components/card/card.js"
+            "name": "CardTitle",
+            "module": "components/card/card-title.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/close-button/close-button.js",
+      "path": "components/card/card.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CloseButton",
+          "name": "Card",
           "members": [
             {
               "kind": "field",
-              "name": "controls",
-              "privacy": "public",
-              "type": {
-                "text": "CloseButtonProps['controls']"
-              },
-              "description": "Id of the element being controlled by the close button.",
-              "attribute": "controls"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "CloseButtonProps['disabled']"
-              },
-              "description": "Determine if the button will be disabled.",
-              "default": "false",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "inverted",
+              "name": "flagged",
               "privacy": "public",
               "type": {
-                "text": "CloseButtonProps['inverted']"
+                "text": "CardProps['flagged']"
               },
-              "description": "Determine if the button will be displayed with inverted colors.",
+              "description": "Should the card be flagged.",
               "default": "false",
-              "attribute": "inverted"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "privacy": "public",
-              "type": {
-                "text": "CloseButtonProps['label']"
-              },
-              "description": "Button label. Defaults to 'Close'.",
-              "default": "'Close'",
-              "attribute": "label"
+              "attribute": "flagged"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "flagColor",
               "privacy": "public",
               "type": {
-                "text": "CloseButtonProps['size']"
-              },
-              "description": "Text field size. Defaults to 'default'.",
-              "default": "'default'",
-              "attribute": "size"
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "#button",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
+                "text": "NonNullable<CardProps['flag-color']>"
               },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "emit",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Component",
-                "module": "components/component/component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "reemit",
-              "privacy": "protected",
-              "description": "Re-dispatches an event.\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
-              "parameters": [
-                {
-                  "description": "The event to re-dispatch.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Component",
-                "module": "components/component/component.js"
-              }
+              "description": "Card flag color.",
+              "default": "'color-background-inverted'",
+              "attribute": "flag-color"
             }
           ],
           "attributes": [
             {
-              "name": "controls",
-              "type": {
-                "text": "CloseButtonProps['controls']"
-              },
-              "description": "Id of the element being controlled by the close button.",
-              "fieldName": "controls"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "CloseButtonProps['disabled']"
-              },
-              "description": "Determine if the button will be disabled.",
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "inverted",
+              "name": "flagged",
               "type": {
-                "text": "CloseButtonProps['inverted']"
+                "text": "CardProps['flagged']"
               },
-              "description": "Determine if the button will be displayed with inverted colors.",
+              "description": "Should the card be flagged.",
               "default": "false",
-              "fieldName": "inverted"
+              "fieldName": "flagged"
             },
             {
-              "name": "label",
+              "name": "flag-color",
               "type": {
-                "text": "CloseButtonProps['label']"
+                "text": "NonNullable<CardProps['flag-color']>"
               },
-              "description": "Button label. Defaults to 'Close'.",
-              "default": "'Close'",
-              "fieldName": "label"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "CloseButtonProps['size']"
+              "description": "Card flag color.",
+              "default": "defaultFlagColor",
+              "resolveInitializer": {
+                "module": "src/components/card/card.ts"
               },
-              "description": "Text field size. Defaults to 'default'.",
-              "default": "'default'",
-              "fieldName": "size"
+              "fieldName": "flagColor"
             }
           ],
           "superclass": {
-            "name": "Component",
-            "module": "/src/components/component"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "m-close-button",
+          "tagName": "m-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CloseButton",
+          "name": "Card",
           "declaration": {
-            "name": "CloseButton",
-            "module": "components/close-button/close-button.js"
+            "name": "Card",
+            "module": "components/card/card.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-close-button",
+          "name": "m-card",
           "declaration": {
-            "name": "CloseButton",
-            "module": "components/close-button/close-button.js"
+            "name": "Card",
+            "module": "components/card/card.js"
           }
         }
       ]
@@ -7634,141 +7634,72 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/text-field/text-field.js",
+      "path": "components/toggle-group/toggle-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextField",
+          "name": "ToggleGroup",
           "members": [
             {
               "kind": "field",
-              "name": "clearable",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['clearable']"
-              },
-              "description": "Should the text field be clearable.",
-              "default": "false",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['disabled']"
-              },
-              "description": "Should the text field be disabled.",
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['max']"
-              },
-              "description": "Define the greatest value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max",
-              "default": "''",
-              "attribute": "max"
-            },
-            {
-              "kind": "field",
-              "name": "maxLength",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['max-length']"
-              },
-              "description": "The maximum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength",
-              "attribute": "max-length",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['min']"
-              },
-              "description": "Define the most negative value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min",
-              "attribute": "min"
-            },
-            {
-              "kind": "field",
-              "name": "minLength",
-              "privacy": "public",
-              "type": {
-                "text": "TextFieldProps['min-length']"
-              },
-              "description": "The minimum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength",
-              "attribute": "min-length",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pattern",
-              "privacy": "public",
+              "name": "#selectionController",
+              "privacy": "private",
               "type": {
-                "text": "TextFieldProps['pattern']"
+                "text": "SelectionController | null"
               },
-              "description": "A regular expression that the text field's value must match to pass\nconstraint validation.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern",
-              "attribute": "pattern"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "privacy": "public",
+              "name": "#defaultSlot",
+              "privacy": "private",
               "type": {
-                "text": "TextFieldProps['placeholder']"
+                "text": "HTMLSlotElement | null"
               },
-              "description": "Placeholder text for the input.",
-              "default": "undefined",
-              "attribute": "placeholder"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "disabled",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['read-only']"
+                "text": "boolean"
               },
-              "description": "Indicate whether or not a user should be able to edit the text field's\nvalue.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly",
-              "attribute": "read-only",
-              "reflects": true
+              "description": "Should the toggle group be disabled.",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "role",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['step']"
+                "text": "'group' | 'radiogroup'"
               },
-              "description": "Return or set the element's step attribute, which works with min and max\nto limit the increments at which a numeric or date-time value can be set.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step",
-              "attribute": "step"
+              "description": "Aria role",
+              "attribute": "role",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "showCheck",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['size']"
+                "text": "boolean"
               },
-              "description": "Text field size.",
-              "default": "'default'",
-              "attribute": "size"
+              "description": "Should show the check icon when selected.\nThe check icon is the default content for the `leading` slot.",
+              "default": "false",
+              "attribute": "show-check"
             },
             {
               "kind": "field",
               "name": "type",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['type']"
+                "text": "SelectionType"
               },
-              "description": "Input type.",
-              "default": "'text'",
+              "description": "Strategy for toggling.",
+              "default": "'single'",
               "attribute": "type"
             },
             {
@@ -7776,626 +7707,695 @@
               "name": "value",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['value'] | undefined"
+                "text": "AcceptedType | AcceptedType[] | undefined"
               },
-              "description": "Text field value.",
-              "default": "undefined",
+              "description": "Toggle group value.",
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "status",
+              "name": "size",
               "privacy": "public",
               "type": {
-                "text": "TextFieldProps['status']"
-              },
-              "description": "Text field status type.",
-              "attribute": "status"
-            },
-            {
-              "kind": "field",
-              "name": "inputElement",
-              "type": {
-                "text": "HTMLInputElement | null"
+                "text": "ToggleSize"
               },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "field",
-              "privacy": "private",
-              "default": "new ContextConsumer(this, fieldContext, undefined, true)",
-              "description": "If there's a m-field ancestor, we want to consume its context."
+              "description": "Button size.",
+              "default": "'default'",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "selection",
+              "privacy": "public",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "SelectionState"
               },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "clear"
-            },
-            {
-              "kind": "method",
-              "name": "focus"
-            },
-            {
-              "kind": "method",
-              "name": "#isClearVisible",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#getStatus"
+              "description": "Inner toggle selection state.",
+              "default": "new Set()",
+              "attribute": "selection"
             },
             {
               "kind": "field",
-              "name": "#handleInput",
+              "name": "#getToggles",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleClear",
+              "name": "#setToggleRole",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "emit",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Component",
-                "module": "components/component/component.js"
-              }
+              "name": "#setToggleChecked",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "reemit",
-              "privacy": "protected",
-              "description": "Re-dispatches an event.\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
-              "parameters": [
-                {
-                  "description": "The event to re-dispatch.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Component",
-                "module": "components/component/component.js"
-              }
+              "name": "#setToggleDisabled",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "clearable",
+              "name": "disabled",
               "type": {
-                "text": "TextFieldProps['clearable']"
+                "text": "boolean"
               },
-              "description": "Should the text field be clearable.",
-              "default": "false",
-              "fieldName": "clearable"
+              "description": "Should the toggle group be disabled.",
+              "fieldName": "disabled"
             },
             {
-              "name": "disabled",
+              "name": "role",
               "type": {
-                "text": "TextFieldProps['disabled']"
+                "text": "'group' | 'radiogroup'"
               },
-              "description": "Should the text field be disabled.",
+              "description": "Aria role",
+              "fieldName": "role"
+            },
+            {
+              "name": "show-check",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Should show the check icon when selected.\nThe check icon is the default content for the `leading` slot.",
               "default": "false",
-              "fieldName": "disabled"
+              "fieldName": "showCheck"
             },
             {
-              "name": "max",
+              "name": "size",
               "type": {
-                "text": "TextFieldProps['max']"
+                "text": "ToggleSize"
               },
-              "description": "Define the greatest value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max",
-              "default": "''",
-              "fieldName": "max"
+              "description": "Button size.",
+              "default": "'default'",
+              "fieldName": "size"
             },
             {
-              "name": "max-length",
+              "name": "type",
               "type": {
-                "text": "TextFieldProps['max-length']"
+                "text": "SelectionType"
               },
-              "description": "The maximum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength",
-              "fieldName": "maxLength"
+              "description": "Strategy for toggling.",
+              "default": "'single'",
+              "fieldName": "type"
             },
             {
-              "name": "min",
+              "name": "value",
               "type": {
-                "text": "TextFieldProps['min']"
+                "text": "AcceptedType | AcceptedType[] | undefined"
               },
-              "description": "Define the most negative value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min",
-              "fieldName": "min"
+              "description": "Toggle group value.",
+              "fieldName": "value"
+            },
+            {
+              "name": "selection",
+              "type": {
+                "text": "SelectionState"
+              },
+              "description": "Inner toggle selection state.",
+              "default": "new Set()",
+              "fieldName": "selection"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m-toggle-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ToggleGroup",
+          "declaration": {
+            "name": "ToggleGroup",
+            "module": "components/toggle-group/toggle-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m-toggle-group",
+          "declaration": {
+            "name": "ToggleGroup",
+            "module": "components/toggle-group/toggle-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/toggle-group/toggle.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Toggle",
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "Boolean"
+              },
+              "description": "Should the button be disabled.",
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "privacy": "public",
+              "type": {
+                "text": "'group' | 'radiogroup'"
+              },
+              "description": "Aria role",
+              "attribute": "role",
+              "reflects": true
             },
             {
-              "name": "min-length",
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
               "type": {
-                "text": "TextFieldProps['min-length']"
+                "text": "boolean"
               },
-              "description": "The minimum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength",
-              "fieldName": "minLength"
+              "description": "Should the toggle be selected.",
+              "default": "false",
+              "attribute": "checked"
             },
             {
-              "name": "pattern",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
-                "text": "TextFieldProps['pattern']"
+                "text": "string"
               },
-              "description": "A regular expression that the text field's value must match to pass\nconstraint validation.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern",
-              "fieldName": "pattern"
+              "description": "Value represented by this toggle.",
+              "attribute": "value",
+              "reflects": true
             },
             {
-              "name": "placeholder",
-              "type": {
-                "text": "TextFieldProps['placeholder']"
-              },
-              "description": "Placeholder text for the input.",
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/components/text-field/text-field.ts"
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "fieldName": "placeholder"
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions | undefined"
+                  }
+                }
+              ]
             },
             {
-              "name": "read-only",
+              "kind": "field",
+              "name": "#button",
+              "privacy": "private",
               "type": {
-                "text": "TextFieldProps['read-only']"
+                "text": "HTMLButtonElement | null"
               },
-              "description": "Indicate whether or not a user should be able to edit the text field's\nvalue.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly",
-              "fieldName": "readOnly"
+              "readonly": true
             },
             {
-              "name": "size",
-              "type": {
-                "text": "TextFieldProps['size']"
-              },
-              "description": "Text field size.",
-              "default": "'default'",
-              "fieldName": "size"
+              "kind": "field",
+              "name": "#handleClick",
+              "privacy": "private"
             },
             {
-              "name": "status",
+              "kind": "field",
+              "name": "#setDisabled",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#setChecked",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "checked",
               "type": {
-                "text": "TextFieldProps['status']"
+                "text": "boolean"
               },
-              "description": "Text field status type.",
-              "fieldName": "status"
+              "description": "Should the toggle be selected.",
+              "default": "false",
+              "fieldName": "checked"
             },
             {
-              "name": "step",
+              "name": "disabled",
               "type": {
-                "text": "TextFieldProps['step']"
+                "text": "Boolean"
               },
-              "description": "Return or set the element's step attribute, which works with min and max\nto limit the increments at which a numeric or date-time value can be set.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step",
-              "fieldName": "step"
+              "description": "Should the button be disabled.",
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "type",
+              "name": "role",
               "type": {
-                "text": "TextFieldProps['type']"
+                "text": "'group' | 'radiogroup'"
               },
-              "description": "Input type.",
-              "default": "'text'",
-              "fieldName": "type"
+              "description": "Aria role",
+              "fieldName": "role"
             },
             {
               "name": "value",
               "type": {
-                "text": "TextFieldProps['value'] | undefined"
-              },
-              "description": "Text field value.",
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/components/text-field/text-field.ts"
+                "text": "string"
               },
+              "description": "Value represented by this toggle.",
               "fieldName": "value"
             }
           ],
           "superclass": {
-            "name": "Component",
-            "module": "/src/components/component"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "m-text-field",
+          "tagName": "m-toggle",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextField",
+          "name": "Toggle",
           "declaration": {
-            "name": "TextField",
-            "module": "components/text-field/text-field.js"
+            "name": "Toggle",
+            "module": "components/toggle-group/toggle.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-text-field",
+          "name": "m-toggle",
           "declaration": {
-            "name": "TextField",
-            "module": "components/text-field/text-field.js"
+            "name": "Toggle",
+            "module": "components/toggle-group/toggle.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/toggle-group/toggle-group.js",
+      "path": "components/text-field/text-field.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ToggleGroup",
+          "name": "TextField",
           "members": [
             {
               "kind": "field",
-              "name": "#selectionController",
-              "privacy": "private",
+              "name": "clearable",
+              "privacy": "public",
               "type": {
-                "text": "SelectionController | null"
+                "text": "TextFieldProps['clearable']"
               },
-              "default": "null"
+              "description": "Should the text field be clearable.",
+              "default": "false",
+              "attribute": "clearable"
             },
             {
               "kind": "field",
-              "name": "#defaultSlot",
-              "privacy": "private",
+              "name": "disabled",
+              "privacy": "public",
               "type": {
-                "text": "HTMLSlotElement | null"
+                "text": "TextFieldProps['disabled']"
               },
-              "default": "null"
+              "description": "Should the text field be disabled.",
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "max",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "TextFieldProps['max']"
               },
-              "description": "Should the toggle group be disabled.",
-              "attribute": "disabled"
+              "description": "Define the greatest value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max",
+              "default": "''",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "maxLength",
               "privacy": "public",
               "type": {
-                "text": "'group' | 'radiogroup'"
+                "text": "TextFieldProps['max-length']"
               },
-              "description": "Aria role",
-              "attribute": "role",
+              "description": "The maximum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength",
+              "attribute": "max-length",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "showCheck",
+              "name": "min",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "TextFieldProps['min']"
               },
-              "description": "Should show the check icon when selected.\nThe check icon is the default content for the `leading` slot.",
-              "default": "false",
-              "attribute": "show-check"
+              "description": "Define the most negative value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "minLength",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['min-length']"
+              },
+              "description": "The minimum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength",
+              "attribute": "min-length",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['pattern']"
+              },
+              "description": "A regular expression that the text field's value must match to pass\nconstraint validation.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern",
+              "attribute": "pattern"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['placeholder']"
+              },
+              "description": "Placeholder text for the input.",
+              "default": "undefined",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['read-only']"
+              },
+              "description": "Indicate whether or not a user should be able to edit the text field's\nvalue.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly",
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['step']"
+              },
+              "description": "Return or set the element's step attribute, which works with min and max\nto limit the increments at which a numeric or date-time value can be set.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step",
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['size']"
+              },
+              "description": "Text field size.",
+              "default": "'default'",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
+              "type": {
+                "text": "TextFieldProps['type']"
+              },
+              "description": "Input type.",
+              "default": "'text'",
+              "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "value",
               "privacy": "public",
               "type": {
-                "text": "SelectionType"
+                "text": "TextFieldProps['value'] | undefined"
               },
-              "description": "Strategy for toggling.",
-              "default": "'single'",
-              "attribute": "type"
+              "description": "Text field value.",
+              "default": "undefined",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "status",
               "privacy": "public",
               "type": {
-                "text": "AcceptedType | AcceptedType[] | undefined"
+                "text": "TextFieldProps['status']"
               },
-              "description": "Toggle group value.",
-              "attribute": "value"
+              "description": "Text field status type.",
+              "attribute": "status"
             },
             {
               "kind": "field",
-              "name": "size",
-              "privacy": "public",
+              "name": "inputElement",
               "type": {
-                "text": "ToggleSize"
+                "text": "HTMLInputElement | null"
               },
-              "description": "Button size.",
-              "default": "'default'",
-              "attribute": "size",
-              "reflects": true
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "selection",
-              "privacy": "public",
+              "name": "field",
+              "privacy": "private",
+              "default": "new ContextConsumer(this, fieldContext, undefined, true)",
+              "description": "If there's a m-field ancestor, we want to consume its context."
+            },
+            {
+              "kind": "field",
+              "name": "input",
               "type": {
-                "text": "SelectionState"
+                "text": "HTMLInputElement | null"
               },
-              "description": "Inner toggle selection state.",
-              "default": "new Set()",
-              "attribute": "selection"
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "clear"
+            },
+            {
+              "kind": "method",
+              "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "#isClearVisible",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getStatus"
             },
             {
               "kind": "field",
-              "name": "#getToggles",
+              "name": "#handleInput",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#setToggleRole",
+              "name": "#handleClear",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#setToggleChecked",
-              "privacy": "private"
+              "name": "emit",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "Component",
+                "module": "components/component/component.js"
+              }
             },
             {
               "kind": "field",
-              "name": "#setToggleDisabled",
-              "privacy": "private"
+              "name": "reemit",
+              "privacy": "protected",
+              "description": "Re-dispatches an event.\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
+              "parameters": [
+                {
+                  "description": "The event to re-dispatch.",
+                  "name": "event"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Component",
+                "module": "components/component/component.js"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Should the toggle group be disabled.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "'group' | 'radiogroup'"
-              },
-              "description": "Aria role",
-              "fieldName": "role"
-            },
-            {
-              "name": "show-check",
+              "name": "clearable",
               "type": {
-                "text": "boolean"
+                "text": "TextFieldProps['clearable']"
               },
-              "description": "Should show the check icon when selected.\nThe check icon is the default content for the `leading` slot.",
+              "description": "Should the text field be clearable.",
               "default": "false",
-              "fieldName": "showCheck"
+              "fieldName": "clearable"
             },
             {
-              "name": "size",
+              "name": "disabled",
               "type": {
-                "text": "ToggleSize"
+                "text": "TextFieldProps['disabled']"
               },
-              "description": "Button size.",
-              "default": "'default'",
-              "fieldName": "size"
+              "description": "Should the text field be disabled.",
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "type",
+              "name": "max",
               "type": {
-                "text": "SelectionType"
+                "text": "TextFieldProps['max']"
               },
-              "description": "Strategy for toggling.",
-              "default": "'single'",
-              "fieldName": "type"
+              "description": "Define the greatest value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max",
+              "default": "''",
+              "fieldName": "max"
             },
             {
-              "name": "value",
+              "name": "max-length",
               "type": {
-                "text": "AcceptedType | AcceptedType[] | undefined"
+                "text": "TextFieldProps['max-length']"
               },
-              "description": "Toggle group value.",
-              "fieldName": "value"
+              "description": "The maximum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength",
+              "fieldName": "maxLength"
             },
             {
-              "name": "selection",
-              "type": {
-                "text": "SelectionState"
-              },
-              "description": "Inner toggle selection state.",
-              "default": "new Set()",
-              "fieldName": "selection"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m-toggle-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ToggleGroup",
-          "declaration": {
-            "name": "ToggleGroup",
-            "module": "components/toggle-group/toggle-group.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m-toggle-group",
-          "declaration": {
-            "name": "ToggleGroup",
-            "module": "components/toggle-group/toggle-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/toggle-group/toggle.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Toggle",
-          "members": [
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
+              "name": "min",
               "type": {
-                "text": "Boolean"
+                "text": "TextFieldProps['min']"
               },
-              "description": "Should the button be disabled.",
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "Define the most negative value in the range of permitted values.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min",
+              "fieldName": "min"
             },
             {
-              "kind": "field",
-              "name": "role",
-              "privacy": "public",
+              "name": "min-length",
               "type": {
-                "text": "'group' | 'radiogroup'"
+                "text": "TextFieldProps['min-length']"
               },
-              "description": "Aria role",
-              "attribute": "role",
-              "reflects": true
+              "description": "The minimum number of characters a user can enter into the text field. Set\nto -1 for none.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength",
+              "fieldName": "minLength"
             },
             {
-              "kind": "field",
-              "name": "checked",
-              "privacy": "public",
+              "name": "pattern",
               "type": {
-                "text": "boolean"
+                "text": "TextFieldProps['pattern']"
               },
-              "description": "Should the toggle be selected.",
-              "default": "false",
-              "attribute": "checked"
+              "description": "A regular expression that the text field's value must match to pass\nconstraint validation.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern",
+              "fieldName": "pattern"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
+              "name": "placeholder",
               "type": {
-                "text": "string"
+                "text": "TextFieldProps['placeholder']"
               },
-              "description": "Value represented by this toggle.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "description": "Placeholder text for the input.",
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/components/text-field/text-field.ts"
               },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions | undefined"
-                  }
-                }
-              ]
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
-              "name": "#button",
-              "privacy": "private",
+              "name": "read-only",
               "type": {
-                "text": "HTMLButtonElement | null"
+                "text": "TextFieldProps['read-only']"
               },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#handleClick",
-              "privacy": "private"
+              "description": "Indicate whether or not a user should be able to edit the text field's\nvalue.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly",
+              "fieldName": "readOnly"
             },
             {
-              "kind": "field",
-              "name": "#setDisabled",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "TextFieldProps['size']"
+              },
+              "description": "Text field size.",
+              "default": "'default'",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "#setChecked",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "checked",
+              "name": "status",
               "type": {
-                "text": "boolean"
+                "text": "TextFieldProps['status']"
               },
-              "description": "Should the toggle be selected.",
-              "default": "false",
-              "fieldName": "checked"
+              "description": "Text field status type.",
+              "fieldName": "status"
             },
             {
-              "name": "disabled",
+              "name": "step",
               "type": {
-                "text": "Boolean"
+                "text": "TextFieldProps['step']"
               },
-              "description": "Should the button be disabled.",
-              "default": "false",
-              "fieldName": "disabled"
+              "description": "Return or set the element's step attribute, which works with min and max\nto limit the increments at which a numeric or date-time value can be set.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step",
+              "fieldName": "step"
             },
             {
-              "name": "role",
+              "name": "type",
               "type": {
-                "text": "'group' | 'radiogroup'"
+                "text": "TextFieldProps['type']"
               },
-              "description": "Aria role",
-              "fieldName": "role"
+              "description": "Input type.",
+              "default": "'text'",
+              "fieldName": "type"
             },
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "TextFieldProps['value'] | undefined"
+              },
+              "description": "Text field value.",
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/components/text-field/text-field.ts"
               },
-              "description": "Value represented by this toggle.",
               "fieldName": "value"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "Component",
+            "module": "/src/components/component"
           },
-          "tagName": "m-toggle",
+          "tagName": "m-text-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Toggle",
+          "name": "TextField",
           "declaration": {
-            "name": "Toggle",
-            "module": "components/toggle-group/toggle.js"
+            "name": "TextField",
+            "module": "components/text-field/text-field.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-toggle",
+          "name": "m-text-field",
           "declaration": {
-            "name": "Toggle",
-            "module": "components/toggle-group/toggle.js"
+            "name": "TextField",
+            "module": "components/text-field/text-field.js"
           }
         }
       ]
@@ -8895,81 +8895,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/layout/box/box.js",
+      "path": "components/layout/base-layout/base-layout.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Box",
+          "name": "BaseLayout",
           "members": [
-            {
-              "kind": "field",
-              "name": "CSSPropertiesPrefix",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "static": true,
-              "default": "'box'"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundColor",
-              "privacy": "public",
-              "type": {
-                "text": "BoxProps['backgroundColor']"
-              },
-              "attribute": "background-color"
-            },
-            {
-              "kind": "field",
-              "name": "borderRadius",
-              "privacy": "public",
-              "type": {
-                "text": "BoxProps['borderRadius']"
-              },
-              "attribute": "border-radius"
-            },
-            {
-              "kind": "field",
-              "name": "borderWidth",
-              "privacy": "public",
-              "type": {
-                "text": "BoxProps['borderWidth']"
-              },
-              "attribute": "border-width"
-            },
-            {
-              "kind": "field",
-              "name": "borderColor",
-              "privacy": "public",
-              "type": {
-                "text": "BoxProps['borderColor']"
-              },
-              "attribute": "border-color"
-            },
-            {
-              "kind": "field",
-              "name": "textAlign",
-              "privacy": "public",
-              "type": {
-                "text": "BoxProps['textAlign']"
-              },
-              "attribute": "text-align"
-            },
-            {
-              "kind": "method",
-              "name": "getCSSPropertiesPrefix",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
-            },
             {
               "kind": "field",
               "name": "padding",
@@ -8977,17 +8909,7 @@
               "type": {
                 "text": "BaseLayoutProps['padding']"
               },
-              "attribute": "padding",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "",
-              "privacy": "public",
-              "attribute": ""
+              "attribute": "padding"
             },
             {
               "kind": "field",
@@ -8996,11 +8918,7 @@
               "type": {
                 "text": "BaseLayoutProps['paddingX']"
               },
-              "attribute": "padding-x",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
+              "attribute": "padding-x"
             },
             {
               "kind": "field",
@@ -9009,11 +8927,7 @@
               "type": {
                 "text": "BaseLayoutProps['paddingY']"
               },
-              "attribute": "padding-y",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
+              "attribute": "padding-y"
             },
             {
               "kind": "field",
@@ -9022,11 +8936,7 @@
               "type": {
                 "text": "BaseLayoutProps['paddingT']"
               },
-              "attribute": "padding-t",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
+              "attribute": "padding-t"
             },
             {
               "kind": "field",
@@ -9035,11 +8945,7 @@
               "type": {
                 "text": "BaseLayoutProps['paddingB']"
               },
-              "attribute": "padding-b",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
+              "attribute": "padding-b"
             },
             {
               "kind": "field",
@@ -9048,11 +8954,7 @@
               "type": {
                 "text": "BaseLayoutProps['paddingL']"
               },
-              "attribute": "padding-l",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
+              "attribute": "padding-l"
             },
             {
               "kind": "field",
@@ -9061,175 +8963,100 @@
               "type": {
                 "text": "BaseLayoutProps['paddingR']"
               },
-              "attribute": "padding-r",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#setOrRemoveProperty",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "components/layout/base-layout/base-layout.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "",
-              "fieldName": ""
-            },
-            {
-              "name": "background-color",
-              "type": {
-                "text": "BoxProps['backgroundColor']"
-              },
-              "fieldName": "backgroundColor"
-            },
-            {
-              "name": "border-radius",
-              "type": {
-                "text": "BoxProps['borderRadius']"
-              },
-              "fieldName": "borderRadius"
-            },
-            {
-              "name": "border-width",
-              "type": {
-                "text": "BoxProps['borderWidth']"
-              },
-              "fieldName": "borderWidth"
-            },
-            {
-              "name": "border-color",
-              "type": {
-                "text": "BoxProps['borderColor']"
-              },
-              "fieldName": "borderColor"
+              "attribute": "padding-r"
             },
             {
-              "name": "text-align",
-              "type": {
-                "text": "BoxProps['textAlign']"
-              },
-              "fieldName": "textAlign"
+              "kind": "method",
+              "name": "getCSSPropertiesPrefix",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
             },
+            {
+              "kind": "field",
+              "name": "#setOrRemoveProperty",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
             {
               "name": "padding",
               "type": {
                 "text": "BaseLayoutProps['padding']"
               },
-              "fieldName": "padding",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "padding"
             },
             {
               "name": "padding-x",
               "type": {
                 "text": "BaseLayoutProps['paddingX']"
               },
-              "fieldName": "paddingX",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingX"
             },
             {
               "name": "padding-y",
               "type": {
                 "text": "BaseLayoutProps['paddingY']"
               },
-              "fieldName": "paddingY",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingY"
             },
             {
               "name": "padding-t",
               "type": {
                 "text": "BaseLayoutProps['paddingT']"
               },
-              "fieldName": "paddingT",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingT"
             },
             {
               "name": "padding-b",
               "type": {
                 "text": "BaseLayoutProps['paddingB']"
               },
-              "fieldName": "paddingB",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingB"
             },
             {
               "name": "padding-l",
               "type": {
                 "text": "BaseLayoutProps['paddingL']"
               },
-              "fieldName": "paddingL",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingL"
             },
             {
               "name": "padding-r",
               "type": {
                 "text": "BaseLayoutProps['paddingR']"
               },
-              "fieldName": "paddingR",
-              "inheritedFrom": {
-                "name": "BaseLayout",
-                "module": "src/components/layout/base-layout/base-layout.ts"
-              }
+              "fieldName": "paddingR"
             }
           ],
           "superclass": {
-            "name": "BaseLayout",
-            "module": "/src/components/layout/base-layout"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "m-box",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Box",
-          "declaration": {
-            "name": "Box",
-            "module": "components/layout/box/box.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m-box",
+          "name": "BaseLayout",
           "declaration": {
-            "name": "Box",
-            "module": "components/layout/box/box.js"
+            "name": "BaseLayout",
+            "module": "components/layout/base-layout/base-layout.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/layout/grid/grid.js",
+      "path": "components/layout/box/box.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Grid",
+          "name": "Box",
           "members": [
             {
               "kind": "field",
@@ -9239,43 +9066,52 @@
               },
               "privacy": "protected",
               "static": true,
-              "default": "'grid'"
+              "default": "'box'"
             },
             {
               "kind": "field",
-              "name": "gap",
+              "name": "backgroundColor",
               "privacy": "public",
               "type": {
-                "text": "GridProps['gap']"
+                "text": "BoxProps['backgroundColor']"
               },
-              "attribute": "gap"
+              "attribute": "background-color"
             },
             {
               "kind": "field",
-              "name": "rowGap",
+              "name": "borderRadius",
               "privacy": "public",
               "type": {
-                "text": "GridProps['rowGap']"
+                "text": "BoxProps['borderRadius']"
               },
-              "attribute": "row-gap"
+              "attribute": "border-radius"
             },
             {
               "kind": "field",
-              "name": "columnGap",
+              "name": "borderWidth",
               "privacy": "public",
               "type": {
-                "text": "GridProps['columnGap']"
+                "text": "BoxProps['borderWidth']"
               },
-              "attribute": "column-gap"
+              "attribute": "border-width"
             },
             {
               "kind": "field",
-              "name": "minColumnWidth",
+              "name": "borderColor",
               "privacy": "public",
               "type": {
-                "text": "GridProps['minColumnWidth']"
+                "text": "BoxProps['borderColor']"
               },
-              "attribute": "min-column-width"
+              "attribute": "border-color"
+            },
+            {
+              "kind": "field",
+              "name": "textAlign",
+              "privacy": "public",
+              "type": {
+                "text": "BoxProps['textAlign']"
+              },
+              "attribute": "text-align"
             },
             {
               "kind": "method",
@@ -9290,12 +9126,6 @@
                 "module": "components/layout/base-layout/base-layout.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "",
-              "privacy": "public",
-              "attribute": ""
-            },
             {
               "kind": "field",
               "name": "padding",
@@ -9309,6 +9139,12 @@
                 "module": "components/layout/base-layout/base-layout.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "",
+              "privacy": "public",
+              "attribute": ""
+            },
             {
               "kind": "field",
               "name": "paddingX",
@@ -9403,32 +9239,39 @@
               "fieldName": ""
             },
             {
-              "name": "gap",
+              "name": "background-color",
               "type": {
-                "text": "GridProps['gap']"
+                "text": "BoxProps['backgroundColor']"
               },
-              "fieldName": "gap"
+              "fieldName": "backgroundColor"
             },
             {
-              "name": "row-gap",
+              "name": "border-radius",
               "type": {
-                "text": "GridProps['rowGap']"
+                "text": "BoxProps['borderRadius']"
               },
-              "fieldName": "rowGap"
+              "fieldName": "borderRadius"
             },
             {
-              "name": "column-gap",
+              "name": "border-width",
               "type": {
-                "text": "GridProps['columnGap']"
+                "text": "BoxProps['borderWidth']"
               },
-              "fieldName": "columnGap"
+              "fieldName": "borderWidth"
             },
             {
-              "name": "min-column-width",
+              "name": "border-color",
               "type": {
-                "text": "GridProps['minColumnWidth']"
+                "text": "BoxProps['borderColor']"
               },
-              "fieldName": "minColumnWidth"
+              "fieldName": "borderColor"
+            },
+            {
+              "name": "text-align",
+              "type": {
+                "text": "BoxProps['textAlign']"
+              },
+              "fieldName": "textAlign"
             },
             {
               "name": "padding",
@@ -9512,25 +9355,25 @@
             "name": "BaseLayout",
             "module": "/src/components/layout/base-layout"
           },
-          "tagName": "m-grid",
+          "tagName": "m-box",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Grid",
+          "name": "Box",
           "declaration": {
-            "name": "Grid",
-            "module": "components/layout/grid/grid.js"
+            "name": "Box",
+            "module": "components/layout/box/box.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-grid",
+          "name": "m-box",
           "declaration": {
-            "name": "Grid",
-            "module": "components/layout/grid/grid.js"
+            "name": "Box",
+            "module": "components/layout/box/box.js"
           }
         }
       ]
@@ -9834,13 +9677,78 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/layout/base-layout/base-layout.js",
+      "path": "components/layout/grid/grid.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BaseLayout",
+          "name": "Grid",
           "members": [
+            {
+              "kind": "field",
+              "name": "CSSPropertiesPrefix",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "static": true,
+              "default": "'grid'"
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "privacy": "public",
+              "type": {
+                "text": "GridProps['gap']"
+              },
+              "attribute": "gap"
+            },
+            {
+              "kind": "field",
+              "name": "rowGap",
+              "privacy": "public",
+              "type": {
+                "text": "GridProps['rowGap']"
+              },
+              "attribute": "row-gap"
+            },
+            {
+              "kind": "field",
+              "name": "columnGap",
+              "privacy": "public",
+              "type": {
+                "text": "GridProps['columnGap']"
+              },
+              "attribute": "column-gap"
+            },
+            {
+              "kind": "field",
+              "name": "minColumnWidth",
+              "privacy": "public",
+              "type": {
+                "text": "GridProps['minColumnWidth']"
+              },
+              "attribute": "min-column-width"
+            },
+            {
+              "kind": "method",
+              "name": "getCSSPropertiesPrefix",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "",
+              "privacy": "public",
+              "attribute": ""
+            },
             {
               "kind": "field",
               "name": "padding",
@@ -9848,7 +9756,11 @@
               "type": {
                 "text": "BaseLayoutProps['padding']"
               },
-              "attribute": "padding"
+              "attribute": "padding",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9857,7 +9769,11 @@
               "type": {
                 "text": "BaseLayoutProps['paddingX']"
               },
-              "attribute": "padding-x"
+              "attribute": "padding-x",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9866,7 +9782,11 @@
               "type": {
                 "text": "BaseLayoutProps['paddingY']"
               },
-              "attribute": "padding-y"
+              "attribute": "padding-y",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9875,7 +9795,11 @@
               "type": {
                 "text": "BaseLayoutProps['paddingT']"
               },
-              "attribute": "padding-t"
+              "attribute": "padding-t",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9884,7 +9808,11 @@
               "type": {
                 "text": "BaseLayoutProps['paddingB']"
               },
-              "attribute": "padding-b"
+              "attribute": "padding-b",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9893,7 +9821,11 @@
               "type": {
                 "text": "BaseLayoutProps['paddingL']"
               },
-              "attribute": "padding-l"
+              "attribute": "padding-l",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             },
             {
               "kind": "field",
@@ -9902,100 +9834,168 @@
               "type": {
                 "text": "BaseLayoutProps['paddingR']"
               },
-              "attribute": "padding-r"
-            },
-            {
-              "kind": "method",
-              "name": "getCSSPropertiesPrefix",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "attribute": "padding-r",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
               }
             },
             {
               "kind": "field",
               "name": "#setOrRemoveProperty",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "components/layout/base-layout/base-layout.js"
+              }
             }
           ],
           "attributes": [
+            {
+              "name": "",
+              "fieldName": ""
+            },
+            {
+              "name": "gap",
+              "type": {
+                "text": "GridProps['gap']"
+              },
+              "fieldName": "gap"
+            },
+            {
+              "name": "row-gap",
+              "type": {
+                "text": "GridProps['rowGap']"
+              },
+              "fieldName": "rowGap"
+            },
+            {
+              "name": "column-gap",
+              "type": {
+                "text": "GridProps['columnGap']"
+              },
+              "fieldName": "columnGap"
+            },
+            {
+              "name": "min-column-width",
+              "type": {
+                "text": "GridProps['minColumnWidth']"
+              },
+              "fieldName": "minColumnWidth"
+            },
             {
               "name": "padding",
               "type": {
                 "text": "BaseLayoutProps['padding']"
               },
-              "fieldName": "padding"
+              "fieldName": "padding",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-x",
               "type": {
                 "text": "BaseLayoutProps['paddingX']"
               },
-              "fieldName": "paddingX"
+              "fieldName": "paddingX",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-y",
               "type": {
                 "text": "BaseLayoutProps['paddingY']"
               },
-              "fieldName": "paddingY"
+              "fieldName": "paddingY",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-t",
               "type": {
                 "text": "BaseLayoutProps['paddingT']"
               },
-              "fieldName": "paddingT"
+              "fieldName": "paddingT",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-b",
               "type": {
                 "text": "BaseLayoutProps['paddingB']"
               },
-              "fieldName": "paddingB"
+              "fieldName": "paddingB",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-l",
               "type": {
                 "text": "BaseLayoutProps['paddingL']"
               },
-              "fieldName": "paddingL"
+              "fieldName": "paddingL",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             },
             {
               "name": "padding-r",
               "type": {
                 "text": "BaseLayoutProps['paddingR']"
               },
-              "fieldName": "paddingR"
+              "fieldName": "paddingR",
+              "inheritedFrom": {
+                "name": "BaseLayout",
+                "module": "src/components/layout/base-layout/base-layout.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "BaseLayout",
+            "module": "/src/components/layout/base-layout"
           },
+          "tagName": "m-grid",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BaseLayout",
+          "name": "Grid",
           "declaration": {
-            "name": "BaseLayout",
-            "module": "components/layout/base-layout/base-layout.js"
+            "name": "Grid",
+            "module": "components/layout/grid/grid.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m-grid",
+          "declaration": {
+            "name": "Grid",
+            "module": "components/layout/grid/grid.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/layout/stack/stack.js",
+      "path": "components/layout/sidebar/sidebar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Stack",
+          "name": "Sidebar",
           "members": [
             {
               "kind": "field",
@@ -10005,34 +10005,43 @@
               },
               "privacy": "protected",
               "static": true,
-              "default": "'stack'"
+              "default": "'sidebar'"
             },
             {
               "kind": "field",
               "name": "gap",
               "privacy": "public",
               "type": {
-                "text": "StackProps['gap']"
+                "text": "SidebarProps['gap']"
               },
               "attribute": "gap"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "sideWidth",
               "privacy": "public",
               "type": {
-                "text": "StackProps['align']"
+                "text": "SidebarProps['sideWidth']"
               },
-              "attribute": "align"
+              "attribute": "side-width"
             },
             {
               "kind": "field",
-              "name": "justify",
+              "name": "minContentWidth",
               "privacy": "public",
               "type": {
-                "text": "StackProps['justify']"
+                "text": "SidebarProps['minContentWidth']"
               },
-              "attribute": "justify"
+              "attribute": "min-content-width"
+            },
+            {
+              "kind": "field",
+              "name": "reversed",
+              "privacy": "public",
+              "type": {
+                "text": "SidebarProps['reversed']"
+              },
+              "attribute": "reversed"
             },
             {
               "kind": "method",
@@ -10162,23 +10171,30 @@
             {
               "name": "gap",
               "type": {
-                "text": "StackProps['gap']"
+                "text": "SidebarProps['gap']"
               },
               "fieldName": "gap"
             },
             {
-              "name": "align",
+              "name": "side-width",
               "type": {
-                "text": "StackProps['align']"
+                "text": "SidebarProps['sideWidth']"
               },
-              "fieldName": "align"
+              "fieldName": "sideWidth"
             },
             {
-              "name": "justify",
+              "name": "min-content-width",
               "type": {
-                "text": "StackProps['justify']"
+                "text": "SidebarProps['minContentWidth']"
               },
-              "fieldName": "justify"
+              "fieldName": "minContentWidth"
+            },
+            {
+              "name": "reversed",
+              "type": {
+                "text": "SidebarProps['reversed']"
+              },
+              "fieldName": "reversed"
             },
             {
               "name": "padding",
@@ -10262,37 +10278,37 @@
             "name": "BaseLayout",
             "module": "/src/components/layout/base-layout"
           },
-          "tagName": "m-stack",
+          "tagName": "m-sidebar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Stack",
+          "name": "Sidebar",
           "declaration": {
-            "name": "Stack",
-            "module": "components/layout/stack/stack.js"
+            "name": "Sidebar",
+            "module": "components/layout/sidebar/sidebar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-stack",
+          "name": "m-sidebar",
           "declaration": {
-            "name": "Stack",
-            "module": "components/layout/stack/stack.js"
+            "name": "Sidebar",
+            "module": "components/layout/sidebar/sidebar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/layout/sidebar/sidebar.js",
+      "path": "components/layout/stack/stack.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Sidebar",
+          "name": "Stack",
           "members": [
             {
               "kind": "field",
@@ -10302,43 +10318,34 @@
               },
               "privacy": "protected",
               "static": true,
-              "default": "'sidebar'"
+              "default": "'stack'"
             },
             {
               "kind": "field",
               "name": "gap",
               "privacy": "public",
               "type": {
-                "text": "SidebarProps['gap']"
+                "text": "StackProps['gap']"
               },
               "attribute": "gap"
             },
             {
               "kind": "field",
-              "name": "sideWidth",
-              "privacy": "public",
-              "type": {
-                "text": "SidebarProps['sideWidth']"
-              },
-              "attribute": "side-width"
-            },
-            {
-              "kind": "field",
-              "name": "minContentWidth",
+              "name": "align",
               "privacy": "public",
               "type": {
-                "text": "SidebarProps['minContentWidth']"
+                "text": "StackProps['align']"
               },
-              "attribute": "min-content-width"
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "reversed",
+              "name": "justify",
               "privacy": "public",
               "type": {
-                "text": "SidebarProps['reversed']"
+                "text": "StackProps['justify']"
               },
-              "attribute": "reversed"
+              "attribute": "justify"
             },
             {
               "kind": "method",
@@ -10468,30 +10475,23 @@
             {
               "name": "gap",
               "type": {
-                "text": "SidebarProps['gap']"
+                "text": "StackProps['gap']"
               },
               "fieldName": "gap"
             },
             {
-              "name": "side-width",
-              "type": {
-                "text": "SidebarProps['sideWidth']"
-              },
-              "fieldName": "sideWidth"
-            },
-            {
-              "name": "min-content-width",
+              "name": "align",
               "type": {
-                "text": "SidebarProps['minContentWidth']"
+                "text": "StackProps['align']"
               },
-              "fieldName": "minContentWidth"
+              "fieldName": "align"
             },
             {
-              "name": "reversed",
+              "name": "justify",
               "type": {
-                "text": "SidebarProps['reversed']"
+                "text": "StackProps['justify']"
               },
-              "fieldName": "reversed"
+              "fieldName": "justify"
             },
             {
               "name": "padding",
@@ -10575,25 +10575,25 @@
             "name": "BaseLayout",
             "module": "/src/components/layout/base-layout"
           },
-          "tagName": "m-sidebar",
+          "tagName": "m-stack",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Sidebar",
+          "name": "Stack",
           "declaration": {
-            "name": "Sidebar",
-            "module": "components/layout/sidebar/sidebar.js"
+            "name": "Stack",
+            "module": "components/layout/stack/stack.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m-sidebar",
+          "name": "m-stack",
           "declaration": {
-            "name": "Sidebar",
-            "module": "components/layout/sidebar/sidebar.js"
+            "name": "Stack",
+            "module": "components/layout/stack/stack.js"
           }
         }
       ]
@@ -10931,7 +10931,7 @@
   "package": {
     "name": "@loadsmart/miranda-wc",
     "description": "Miranda Web Components component library",
-    "version": "1.41.1-alpha.3",
+    "version": "1.41.1-alpha.4",
     "author": "Loadsmart",
     "homepage": "https://github.com/loadsmart/miranda-wc#readme",
     "license": "MIT"