@material/web 2.5.1-nightly.b4de401.0 → 2.5.1-nightly.efaa189.0

package/custom-elements.json

@@ -36221,12 +36221,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/badge/badge-element.js",
+      "path": "labs/gb/components/appbar/app-bar-element.js",
       "declarations": [
         {
           "kind": "class",
-          "name": "BadgeElement",
-          "description": "A Material Design badge component.",
+          "name": "AppBarElement",
+          "description": "A Material Design Expressive App Bar component (`md-gb-app-bar`).",
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -36234,7 +36234,61 @@
           "members": [
             {
               "kind": "field",
-              "name": "hasContent",
+              "name": "size",
+              "description": "The size of the app bar (`sm`, `md`, `lg`). Defaults to `sm`.",
+              "privacy": "public",
+              "type": {
+                "text": "AppBarSize",
+                "references": [
+                  {
+                    "name": "AppBarSize",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/appbar/app-bar.js",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              },
+              "default": "'sm'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "The behavioral variant of the app bar (`standard` or `search`). Defaults to `standard`.",
+              "privacy": "public",
+              "type": {
+                "text": "AppBarVariant",
+                "references": [
+                  {
+                    "name": "AppBarVariant",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/appbar/app-bar.js",
+                    "start": 0,
+                    "end": 13
+                  }
+                ]
+              },
+              "default": "'standard'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "scrolled",
+              "description": "Whether the app bar is in its scrolled state. Defaults to `false`.",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "scrolled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSubtitle",
               "privacy": "private",
               "type": {
                 "text": "boolean"
@@ -36257,7 +36311,7 @@
                   }
                 ]
               },
-              "default": "[\n    badgeStyles,\n    css`\n      :host {\n        display: inline-flex;\n      }\n      .badge {\n        flex: 1;\n      }\n    `,\n  ]"
+              "default": "[\n    appBarStyles,\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n        position: relative;\n      }\n    `,\n  ]"
             },
             {
               "kind": "method",
@@ -36280,11 +36334,11 @@
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
+              "name": "handleSubtitleSlotChange",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
                     "text": "Event",
                     "references": [
@@ -36305,22 +36359,161 @@
               }
             }
           ],
-          "customElement": true
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "variant"
+            },
+            {
+              "name": "scrolled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "scrolled"
+            }
+          ],
+          "events": [
+            {
+              "name": "scrollstatechange",
+              "type": {
+                "text": "CustomEvent<{scrolled: boolean}>",
+                "references": [
+                  {
+                    "name": "CustomEvent",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              },
+              "description": "Fired when the scrolled state changes. --bubbles --composed"
+            }
+          ],
+          "slots": [
+            {
+              "name": "-",
+              "description": "Used to display the primary title text of the app bar."
+            },
+            {
+              "name": "subtitle",
+              "description": "Used to display an optional subtitle below the title in medium/large bars."
+            },
+            {
+              "name": "leading",
+              "description": "Used to display the leading navigation icon button (e.g. menu or back)."
+            },
+            {
+              "name": "trailing",
+              "description": "Used to display trailing action buttons and/or user avatar."
+            },
+            {
+              "name": "search",
+              "description": "Used to display search bar input or controls when `variant=\"search\"`."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "app-bar",
+              "description": "The root container element."
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--avatar-size"
+            },
+            {
+              "name": "--container-color"
+            },
+            {
+              "name": "--container-elevation"
+            },
+            {
+              "name": "--container-height"
+            },
+            {
+              "name": "--container-shape"
+            },
+            {
+              "name": "--icon-button-space"
+            },
+            {
+              "name": "--icon-size"
+            },
+            {
+              "name": "--label-text"
+            },
+            {
+              "name": "--label-text-axes"
+            },
+            {
+              "name": "--label-text-tracking"
+            },
+            {
+              "name": "--label-color"
+            },
+            {
+              "name": "--leading-icon-color"
+            },
+            {
+              "name": "--leading-space"
+            },
+            {
+              "name": "--subtitle"
+            },
+            {
+              "name": "--subtitle-axes"
+            },
+            {
+              "name": "--subtitle-color"
+            },
+            {
+              "name": "--subtitle-tracking"
+            },
+            {
+              "name": "--title"
+            },
+            {
+              "name": "--title-axes"
+            },
+            {
+              "name": "--title-color"
+            },
+            {
+              "name": "--title-tracking"
+            },
+            {
+              "name": "--trailing-icon-color"
+            },
+            {
+              "name": "--trailing-space"
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BadgeElement",
+          "name": "AppBarElement",
           "declaration": {
-            "name": "BadgeElement"
+            "name": "AppBarElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/badge/badge.cssresult.js",
+      "path": "labs/gb/components/appbar/app-bar.cssresult.js",
       "declarations": [
         {
           "kind": "variable",
@@ -36373,33 +36566,49 @@
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/badge/badge.js",
+      "path": "labs/gb/components/appbar/app-bar.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "BADGE_CLASSES",
-          "description": "Badge classes.",
+          "name": "APP_BAR_SIZES",
+          "description": "App Bar size configurations.",
           "type": {
-            "text": "{ readonly badge: \"badge\"; readonly badgeLarge: \"badge-large\"; }"
+            "text": "{ readonly sm: \"sm\"; readonly md: \"md\"; readonly lg: \"lg\"; }"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "APP_BAR_VARIANTS",
+          "description": "App Bar variant configurations.",
+          "type": {
+            "text": "{ readonly standard: \"standard\"; readonly search: \"search\"; }"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "APP_BAR_CLASSES",
+          "description": "App Bar classes.",
+          "type": {
+            "text": "{ readonly appBar: \"app-bar\"; readonly appBarSm: \"app-bar-sm\"; readonly appBarMd: \"app-bar-md\"; readonly appBarLg: \"app-bar-lg\"; readonly appBarWithSubtitle: \"app-bar-with-subtitle\"; readonly appBarSearch: \"app-bar-search\"; readonly appBarScrolled: \"app-bar-scrolled\"; }"
           }
         },
         {
           "kind": "function",
-          "name": "badgeClasses",
-          "description": "Returns the badge classes to apply to an element.",
+          "name": "appBarClasses",
+          "description": "Returns the app bar classes to apply to an element based on the given state.",
           "parameters": [
             {
-              "name": "{\n  large = false,\n}",
-              "description": "The state of the badge.",
+              "name": "{\n  size = 'sm',\n  withSubtitle = false,\n  variant = 'standard',\n  scrolled = false,\n}",
+              "description": "The state of the app bar.",
               "type": {
-                "text": "BadgeClassesState",
+                "text": "AppBarClassesState",
                 "references": [
                   {
-                    "name": "BadgeClassesState",
+                    "name": "AppBarClassesState",
                     "package": "@material/web",
-                    "module": "labs/gb/components/badge/badge.js",
+                    "module": "labs/gb/components/appbar/app-bar.js",
                     "start": 0,
-                    "end": 17
+                    "end": 18
                   }
                 ]
               },
@@ -36423,33 +36632,88 @@
             "description": "An object of class names and truthy values if they apply."
           }
         },
+        {
+          "kind": "function",
+          "name": "setupAppBar",
+          "description": "Sets up optional scroll target tracking for the given app bar element when an explicit `scrollTarget` is provided.",
+          "parameters": [
+            {
+              "name": "appBar",
+              "description": "The element on which to set up app bar functionality.",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            },
+            {
+              "name": "opts",
+              "description": "Setup options, containing an explicit `scrollTarget` and optional cleanup `signal`.",
+              "type": {
+                "text": "{ signal?: AbortSignal; scrollTarget?: HTMLElement | Window; }",
+                "references": [
+                  {
+                    "name": "AbortSignal",
+                    "package": "global:",
+                    "start": 11,
+                    "end": 22
+                  },
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 39,
+                    "end": 50
+                  },
+                  {
+                    "name": "Window",
+                    "package": "global:",
+                    "start": 53,
+                    "end": 59
+                  }
+                ]
+              },
+              "optional": true
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          }
+        },
         {
           "kind": "variable",
-          "name": "badge",
-          "description": "A Lit directive that adds badge styling to its element.",
+          "name": "appBar",
+          "description": "A Lit directive that adds app bar styling and optional scroll tracking functionality to its element.",
           "type": {
-            "text": "(state?: BadgeClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "text": "(state?: AppBarClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
             "references": [
               {
-                "name": "BadgeClassesState",
+                "name": "AppBarClassesState",
                 "package": "@material/web",
-                "module": "labs/gb/components/badge/badge.js",
+                "module": "labs/gb/components/appbar/app-bar.js",
                 "start": 9,
-                "end": 26
+                "end": 27
               },
               {
                 "name": "AdditionalClasses",
                 "package": "@material/web",
                 "module": "labs/gb/components/shared/directives.js",
-                "start": 29,
-                "end": 46
+                "start": 30,
+                "end": 47
               },
               {
                 "name": "DirectiveResult",
                 "package": "lit-html",
                 "module": "development/directive.js",
-                "start": 51,
-                "end": 66
+                "start": 52,
+                "end": 67
               }
             ]
           }
@@ -36458,101 +36722,1143 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BADGE_CLASSES",
+          "name": "APP_BAR_SIZES",
           "declaration": {
-            "name": "BADGE_CLASSES"
+            "name": "APP_BAR_SIZES"
           }
         },
         {
           "kind": "js",
-          "name": "badgeClasses",
+          "name": "APP_BAR_VARIANTS",
           "declaration": {
-            "name": "badgeClasses"
+            "name": "APP_BAR_VARIANTS"
           }
         },
         {
           "kind": "js",
-          "name": "badge",
+          "name": "APP_BAR_CLASSES",
           "declaration": {
-            "name": "badge"
+            "name": "APP_BAR_CLASSES"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "appBarClasses",
+          "declaration": {
+            "name": "appBarClasses"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "setupAppBar",
+          "declaration": {
+            "name": "setupAppBar"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "appBar",
+          "declaration": {
+            "name": "appBar"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/badge/md-gb-badge.js"
+      "path": "labs/gb/components/appbar/md-gb-app-bar.js"
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/button/button-element.js",
+      "path": "labs/gb/components/badge/badge-element.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "BadgeElement",
+          "description": "A Material Design badge component.",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasContent",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "static": true,
+              "privacy": "public",
+              "type": {
+                "text": "CSSResultOrNative[]",
+                "references": [
+                  {
+                    "name": "CSSResultOrNative",
+                    "package": "lit",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "default": "[\n    badgeStyles,\n    css`\n      :host {\n        display: inline-flex;\n      }\n      .badge {\n        flex: 1;\n      }\n    `,\n  ]"
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BadgeElement",
+          "declaration": {
+            "name": "BadgeElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/badge/badge.cssresult.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "baseClass",
+          "name": "styles",
           "type": {
-            "text": "MixinReturn<MixinReturn<MixinReturn<(abstract new (...args: any[]) => WithElementInternals) & typeof LitElement & FormAssociatedConstructor, FormAssociated>, FormSubmitter>>",
+            "text": "CSSResult",
             "references": [
               {
-                "name": "MixinReturn",
-                "package": "@material/web",
-                "module": "labs/behaviors/mixin.js",
+                "name": "CSSResult",
+                "package": "lit",
+                "module": "development/index.js",
                 "start": 0,
-                "end": 11
+                "end": 9
+              }
+            ]
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "default",
+          "type": {
+            "text": "CSSStyleSheet",
+            "references": [
+              {
+                "name": "CSSStyleSheet",
+                "package": "global:",
+                "start": 0,
+                "end": 13
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "default"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/badge/badge.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "BADGE_CLASSES",
+          "description": "Badge classes.",
+          "type": {
+            "text": "{ readonly badge: \"badge\"; readonly badgeLarge: \"badge-large\"; }"
+          }
+        },
+        {
+          "kind": "function",
+          "name": "badgeClasses",
+          "description": "Returns the badge classes to apply to an element.",
+          "parameters": [
+            {
+              "name": "{\n  large = false,\n}",
+              "description": "The state of the badge.",
+              "type": {
+                "text": "BadgeClassesState",
+                "references": [
+                  {
+                    "name": "BadgeClassesState",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/badge/badge.js",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "default": "{}",
+              "optional": true
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "ClassInfo",
+              "references": [
+                {
+                  "name": "ClassInfo",
+                  "package": "lit",
+                  "module": "directives/class-map.js",
+                  "start": 0,
+                  "end": 9
+                }
+              ]
+            },
+            "description": "An object of class names and truthy values if they apply."
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "badge",
+          "description": "A Lit directive that adds badge styling to its element.",
+          "type": {
+            "text": "(state?: BadgeClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "references": [
+              {
+                "name": "BadgeClassesState",
+                "package": "@material/web",
+                "module": "labs/gb/components/badge/badge.js",
+                "start": 9,
+                "end": 26
               },
               {
-                "name": "MixinReturn",
+                "name": "AdditionalClasses",
                 "package": "@material/web",
-                "module": "labs/behaviors/mixin.js",
-                "start": 12,
-                "end": 23
+                "module": "labs/gb/components/shared/directives.js",
+                "start": 29,
+                "end": 46
               },
+              {
+                "name": "DirectiveResult",
+                "package": "lit-html",
+                "module": "development/directive.js",
+                "start": 51,
+                "end": 66
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BADGE_CLASSES",
+          "declaration": {
+            "name": "BADGE_CLASSES"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "badgeClasses",
+          "declaration": {
+            "name": "badgeClasses"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "badge",
+          "declaration": {
+            "name": "badge"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/badge/md-gb-badge.js"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/button/button-element.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "baseClass",
+          "type": {
+            "text": "MixinReturn<MixinReturn<MixinReturn<(abstract new (...args: any[]) => WithElementInternals) & typeof LitElement & FormAssociatedConstructor, FormAssociated>, FormSubmitter>>",
+            "references": [
+              {
+                "name": "MixinReturn",
+                "package": "@material/web",
+                "module": "labs/behaviors/mixin.js",
+                "start": 0,
+                "end": 11
+              },
+              {
+                "name": "MixinReturn",
+                "package": "@material/web",
+                "module": "labs/behaviors/mixin.js",
+                "start": 12,
+                "end": 23
+              },
+              {
+                "name": "MixinReturn",
+                "package": "@material/web",
+                "module": "labs/behaviors/mixin.js",
+                "start": 24,
+                "end": 35
+              },
+              {
+                "name": "WithElementInternals",
+                "package": "@material/web",
+                "module": "labs/behaviors/element-internals.js",
+                "start": 70,
+                "end": 90
+              },
+              {
+                "name": "FormAssociatedConstructor",
+                "package": "@material/web",
+                "module": "labs/behaviors/form-associated.js",
+                "start": 114,
+                "end": 139
+              },
+              {
+                "name": "FormAssociated",
+                "package": "@material/web",
+                "module": "labs/behaviors/form-associated.js",
+                "start": 141,
+                "end": 155
+              },
+              {
+                "name": "FormSubmitter",
+                "package": "@material/web",
+                "module": "labs/behaviors/form-submitter.js",
+                "start": 158,
+                "end": 171
+              }
+            ]
+          }
+        },
+        {
+          "kind": "class",
+          "name": "ButtonElement",
+          "description": "A Material Design button.",
+          "superclass": {
+            "name": "baseClass",
+            "package": "@material/web",
+            "module": "labs/gb/components/button/button-element.js"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "hideOutline",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "description": "The color of the button.",
+              "privacy": "public",
+              "type": {
+                "text": "\"filled\" | \"elevated\" | \"tonal\" | \"outlined\" | \"text\""
+              },
+              "default": "'text'",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "The size of the button.",
+              "privacy": "public",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\""
+              },
+              "default": "'sm'",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "square",
+              "description": "Changes the shape of the button to be square.",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "square"
+            },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "description": "Whether or not the button is \"soft-disabled\" (disabled but still\nfocusable).\n\nUse this when a button needs increased visibility when disabled. See\nhttps://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\nfor more guidance on when this is needed.",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "soft-disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "description": "Whether or not the button is selected, when `type=\"toggle\"`.",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "description": "The URL that the link button points to.",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "description": "The filename to use when downloading the linked resource.\nIf not specified, the browser will determine a filename.\nThis is only applicable when the button is used as a link (`href` is set).",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "download"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "privacy": "public",
+              "type": {
+                "text": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+              },
+              "default": "''",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "lastFiredEnabledState",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSetShowOutline",
+              "privacy": "private",
+              "type": {
+                "text": "(event: Event) => void",
+                "references": [
+                  {
+                    "name": "Event",
+                    "package": "global:",
+                    "start": 8,
+                    "end": 13
+                  }
+                ]
+              },
+              "default": "(event: Event) => {\n    const customEvent = event as CustomEvent<{shown: boolean}>;\n    this.hideOutline = !customEvent.detail.shown;\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "static": true,
+              "privacy": "public",
+              "type": {
+                "text": "ShadowRootInit",
+                "references": [
+                  {
+                    "name": "ShadowRootInit",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 14
+                  }
+                ]
+              },
+              "default": "{\n    mode: 'open',\n    delegatesFocus: true,\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "static": true,
+              "privacy": "public",
+              "type": {
+                "text": "CSSResultOrNative[]",
+                "references": [
+                  {
+                    "name": "CSSResultOrNative",
+                    "package": "lit",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    buttonStyles,\n    css`\n      :host {\n        display: inline-flex;\n        isolation: isolate;\n      }\n      .btn {\n        flex: 1;\n        position: relative;\n      }\n      .btn:has([name='container'].has-slotted) {\n        background-color: transparent;\n      }\n      .btn.btn-hide-outline {\n        --outline-color: transparent;\n        --container-elevation: var(--md-sys-elevation-shadow-0);\n      }\n      slot[name='container'] {\n        display: block;\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        --color: var(--container-color);\n        z-index: -1;\n        transition: inherit;\n      }\n      slot[name='container']::slotted(*) {\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ]"
+            },
+            {
+              "kind": "method",
+              "name": "connectedCallback",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "disconnectedCallback",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updated",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValueMap<any> | Map<PropertyKey, unknown>",
+                    "references": [
+                      {
+                        "name": "PropertyValueMap",
+                        "package": "lit",
+                        "module": "development/index.js",
+                        "start": 0,
+                        "end": 16
+                      },
+                      {
+                        "name": "Map",
+                        "package": "global:",
+                        "start": 24,
+                        "end": 27
+                      },
+                      {
+                        "name": "PropertyKey",
+                        "package": "global:",
+                        "start": 28,
+                        "end": 39
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchSetEnabledEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleContainerSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "color"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "square"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "type"
+            },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "softDisabled"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "selected"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "href"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "download"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "target"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "InputEvent",
+                "references": [
+                  {
+                    "name": "InputEvent",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              },
+              "description": "Fired when a toggle button is selected or unselected. --bubbles --composed"
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event",
+                "references": [
+                  {
+                    "name": "Event",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              },
+              "description": "Fired when a toggle button is selected or unselected. --bubbles"
+            }
+          ],
+          "slots": [
+            {
+              "name": "-",
+              "description": "Used to display a label and optional icon."
+            },
+            {
+              "name": "container",
+              "description": "Used to set a custom background container for the button."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "btn",
+              "description": "The button's root element."
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--container-color"
+            },
+            {
+              "name": "--container-height"
+            },
+            {
+              "name": "--container-elevation"
+            },
+            {
+              "name": "--container-shape"
+            },
+            {
+              "name": "--outline-width"
+            },
+            {
+              "name": "--outline-color"
+            },
+            {
+              "name": "--icon-label-space"
+            },
+            {
+              "name": "--icon-color"
+            },
+            {
+              "name": "--icon-size"
+            },
+            {
+              "name": "--label-text"
+            },
+            {
+              "name": "--label-text-tracking"
+            },
+            {
+              "name": "--label-text-color"
+            },
+            {
+              "name": "--leading-space"
+            },
+            {
+              "name": "--state-layer-color"
+            },
+            {
+              "name": "--trailing-space"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonElement",
+          "declaration": {
+            "name": "ButtonElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/button/button.cssresult.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResult",
+            "references": [
+              {
+                "name": "CSSResult",
+                "package": "lit",
+                "module": "development/index.js",
+                "start": 0,
+                "end": 9
+              }
+            ]
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "default",
+          "type": {
+            "text": "CSSStyleSheet",
+            "references": [
+              {
+                "name": "CSSStyleSheet",
+                "package": "global:",
+                "start": 0,
+                "end": 13
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "default"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/button/button.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "BUTTON_COLORS",
+          "description": "Button color configurations.",
+          "type": {
+            "text": "{ readonly filled: \"filled\"; readonly elevated: \"elevated\"; readonly tonal: \"tonal\"; readonly outlined: \"outlined\"; readonly text: \"text\"; }"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "BUTTON_SIZES",
+          "description": "Button size configurations.",
+          "type": {
+            "text": "{ readonly xs: \"xs\"; readonly sm: \"sm\"; readonly md: \"md\"; readonly lg: \"lg\"; readonly xl: \"xl\"; }"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "BUTTON_CLASSES",
+          "description": "Button classes.",
+          "type": {
+            "text": "{ btn: string; btnFilled: string; btnElevated: string; btnTonal: string; btnOutlined: string; btnText: string; btnXs: string; btnSm: string; btnMd: string; btnLg: string; btnXl: string; btnSquare: string; btnUnselected: string; btnSelected: string; active: string; disabled: string; }"
+          }
+        },
+        {
+          "kind": "function",
+          "name": "buttonClasses",
+          "description": "Returns the button classes to apply to an element based on the given state.",
+          "parameters": [
+            {
+              "name": "{\n  color,\n  size,\n  square = false,\n  selected,\n  active = false,\n  disabled = false,\n}",
+              "description": "The state of the button.",
+              "type": {
+                "text": "ButtonClassesState",
+                "references": [
+                  {
+                    "name": "ButtonClassesState",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/button/button.js",
+                    "start": 0,
+                    "end": 18
+                  }
+                ]
+              },
+              "default": "{}",
+              "optional": true
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "ClassInfo",
+              "references": [
+                {
+                  "name": "ClassInfo",
+                  "package": "lit",
+                  "module": "directives/class-map.js",
+                  "start": 0,
+                  "end": 9
+                }
+              ]
+            },
+            "description": "An object of class names and truthy values if they apply."
+          }
+        },
+        {
+          "kind": "function",
+          "name": "setupButton",
+          "description": "Sets up button functionality for the given element.",
+          "parameters": [
+            {
+              "name": "button",
+              "description": "The element on which to set up button functionality.",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            },
+            {
+              "name": "opts",
+              "description": "Setup options, supports a cleanup `signal`.",
+              "type": {
+                "text": "{ signal?: AbortSignal; }",
+                "references": [
+                  {
+                    "name": "AbortSignal",
+                    "package": "global:",
+                    "start": 11,
+                    "end": 22
+                  }
+                ]
+              },
+              "optional": true
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "button",
+          "description": "A Lit directive that adds button styling and functionality to its element.",
+          "type": {
+            "text": "(state?: ButtonClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "references": [
+              {
+                "name": "ButtonClassesState",
+                "package": "@material/web",
+                "module": "labs/gb/components/button/button.js",
+                "start": 9,
+                "end": 27
+              },
+              {
+                "name": "AdditionalClasses",
+                "package": "@material/web",
+                "module": "labs/gb/components/shared/directives.js",
+                "start": 30,
+                "end": 47
+              },
+              {
+                "name": "DirectiveResult",
+                "package": "lit-html",
+                "module": "development/directive.js",
+                "start": 52,
+                "end": 67
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BUTTON_COLORS",
+          "declaration": {
+            "name": "BUTTON_COLORS"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BUTTON_SIZES",
+          "declaration": {
+            "name": "BUTTON_SIZES"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BUTTON_CLASSES",
+          "declaration": {
+            "name": "BUTTON_CLASSES"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buttonClasses",
+          "declaration": {
+            "name": "buttonClasses"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "setupButton",
+          "declaration": {
+            "name": "setupButton"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "button",
+          "declaration": {
+            "name": "button"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/button/md-gb-button.js"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/card/card-element.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "baseClass",
+          "type": {
+            "text": "MixinReturn<typeof LitElement>",
+            "references": [
               {
                 "name": "MixinReturn",
                 "package": "@material/web",
                 "module": "labs/behaviors/mixin.js",
-                "start": 24,
-                "end": 35
-              },
-              {
-                "name": "WithElementInternals",
-                "package": "@material/web",
-                "module": "labs/behaviors/element-internals.js",
-                "start": 70,
-                "end": 90
-              },
-              {
-                "name": "FormAssociatedConstructor",
-                "package": "@material/web",
-                "module": "labs/behaviors/form-associated.js",
-                "start": 114,
-                "end": 139
-              },
-              {
-                "name": "FormAssociated",
-                "package": "@material/web",
-                "module": "labs/behaviors/form-associated.js",
-                "start": 141,
-                "end": 155
-              },
-              {
-                "name": "FormSubmitter",
-                "package": "@material/web",
-                "module": "labs/behaviors/form-submitter.js",
-                "start": 158,
-                "end": 171
+                "start": 0,
+                "end": 11
               }
             ]
           }
         },
         {
           "kind": "class",
-          "name": "ButtonElement",
-          "description": "A Material Design button.",
+          "name": "CardElement",
+          "description": "A Material Design card.",
           "superclass": {
             "name": "baseClass",
             "package": "@material/web",
-            "module": "labs/gb/components/button/button-element.js"
+            "module": "labs/gb/components/card/card-element.js"
           },
           "members": [
             {
@@ -36566,100 +37872,53 @@
             },
             {
               "kind": "field",
-              "name": "color",
-              "description": "The color of the button.",
-              "privacy": "public",
-              "type": {
-                "text": "\"filled\" | \"elevated\" | \"tonal\" | \"outlined\" | \"text\""
-              },
-              "default": "'text'",
-              "attribute": "color"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "description": "The size of the button.",
-              "privacy": "public",
+              "name": "lastFiredEnabledState",
+              "privacy": "private",
               "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
-              },
-              "default": "'sm'",
-              "attribute": "size"
+                "text": "boolean"
+              }
             },
             {
               "kind": "field",
-              "name": "square",
-              "description": "Changes the shape of the button to be square.",
+              "name": "color",
+              "description": "The color of the card.",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "CardColor",
+                "references": [
+                  {
+                    "name": "CardColor",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/card/card.js",
+                    "start": 0,
+                    "end": 9
+                  }
+                ]
               },
-              "default": "false",
-              "attribute": "square"
+              "default": "'outlined'",
+              "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "softDisabled",
-              "description": "Whether or not the button is \"soft-disabled\" (disabled but still\nfocusable).\n\nUse this when a button needs increased visibility when disabled. See\nhttps://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\nfor more guidance on when this is needed.",
+              "name": "disabled",
+              "description": "Whether the card is disabled.",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "soft-disabled",
-              "reflects": true
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "selected",
-              "description": "Whether or not the button is selected, when `type=\"toggle\"`.",
+              "name": "interactive",
+              "description": "Whether the card is interactive.",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "selected"
-            },
-            {
-              "kind": "field",
-              "name": "href",
-              "description": "The URL that the link button points to.",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "href"
-            },
-            {
-              "kind": "field",
-              "name": "download",
-              "description": "The filename to use when downloading the linked resource.\nIf not specified, the browser will determine a filename.\nThis is only applicable when the button is used as a link (`href` is set).",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "download"
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "privacy": "public",
-              "type": {
-                "text": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
-              },
-              "default": "''",
-              "attribute": "target"
-            },
-            {
-              "kind": "field",
-              "name": "lastFiredEnabledState",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              }
+              "attribute": "interactive"
             },
             {
               "kind": "field",
@@ -36678,15 +37937,6 @@
               },
               "default": "(event: Event) => {\n    const customEvent = event as CustomEvent<{shown: boolean}>;\n    this.hideOutline = !customEvent.detail.shown;\n  }"
             },
-            {
-              "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "type"
-            },
             {
               "kind": "field",
               "name": "shadowRootOptions",
@@ -36721,7 +37971,7 @@
                   }
                 ]
               },
-              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    buttonStyles,\n    css`\n      :host {\n        display: inline-flex;\n        isolation: isolate;\n      }\n      .btn {\n        flex: 1;\n        position: relative;\n      }\n      .btn:has([name='container'].has-slotted) {\n        background-color: transparent;\n      }\n      .btn.btn-hide-outline {\n        --outline-color: transparent;\n        --container-elevation: var(--md-sys-elevation-shadow-0);\n      }\n      slot[name='container'] {\n        display: block;\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        --color: var(--container-color);\n        z-index: -1;\n        transition: inherit;\n      }\n      slot[name='container']::slotted(*) {\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ]"
+              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    cardStyles,\n    css`\n      :host {\n        display: inline-flex;\n        isolation: isolate;\n      }\n      .card {\n        flex: 1;\n        position: relative;\n      }\n      .card:has([name='container'].has-slotted) {\n        background-color: transparent;\n      }\n      .card.card-hide-outline {\n        --outline-color: transparent;\n        --container-elevation: var(--md-sys-elevation-shadow-0);\n      }\n      slot[name='container'] {\n        display: block;\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        --color: var(--container-color);\n        z-index: -1;\n        transition: inherit;\n      }\n      slot[name='container']::slotted(*) {\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ]"
             },
             {
               "kind": "method",
@@ -36836,32 +38086,6 @@
                   "text": "void"
                 }
               }
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event",
-                    "references": [
-                      {
-                        "name": "Event",
-                        "package": "global:",
-                        "start": 0,
-                        "end": 5
-                      }
-                    ]
-                  }
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
             }
           ],
           "customElement": true,
@@ -36874,155 +38098,58 @@
               "fieldName": "color"
             },
             {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "size"
-            },
-            {
-              "name": "square",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "square"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "type"
-            },
-            {
-              "name": "soft-disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "softDisabled"
-            },
-            {
-              "name": "selected",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "selected"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "href"
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "download"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "target"
-            }
-          ],
-          "events": [
-            {
-              "name": "input",
-              "type": {
-                "text": "InputEvent",
-                "references": [
-                  {
-                    "name": "InputEvent",
-                    "package": "global:",
-                    "start": 0,
-                    "end": 10
-                  }
-                ]
-              },
-              "description": "Fired when a toggle button is selected or unselected. --bubbles --composed"
-            },
-            {
-              "name": "change",
-              "type": {
-                "text": "Event",
-                "references": [
-                  {
-                    "name": "Event",
-                    "package": "global:",
-                    "start": 0,
-                    "end": 5
-                  }
-                ]
+              "fieldName": "disabled"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Fired when a toggle button is selected or unselected. --bubbles"
+              "fieldName": "interactive"
             }
           ],
           "slots": [
             {
               "name": "-",
-              "description": "Used to display a label and optional icon."
+              "description": "Used to display the card's content. Note: add padding to content, not the host <md-gb-card> element."
             },
             {
               "name": "container",
-              "description": "Used to set a custom background container for the button."
+              "description": "Used to set a custom background container for the card."
             }
           ],
           "cssParts": [
             {
-              "name": "btn",
-              "description": "The button's root element."
+              "name": "card",
+              "description": "The card's root element."
+            },
+            {
+              "name": "card-btn",
+              "description": "The card's main action button, when interactive."
             }
           ],
           "cssProperties": [
             {
               "name": "--container-color"
             },
-            {
-              "name": "--container-height"
-            },
             {
               "name": "--container-elevation"
             },
             {
               "name": "--container-shape"
             },
-            {
-              "name": "--outline-width"
-            },
             {
               "name": "--outline-color"
             },
             {
-              "name": "--icon-label-space"
-            },
-            {
-              "name": "--icon-color"
-            },
-            {
-              "name": "--icon-size"
-            },
-            {
-              "name": "--label-text"
-            },
-            {
-              "name": "--label-text-tracking"
-            },
-            {
-              "name": "--label-text-color"
-            },
-            {
-              "name": "--leading-space"
+              "name": "--outline-width"
             },
             {
               "name": "--state-layer-color"
-            },
-            {
-              "name": "--trailing-space"
             }
           ]
         }
@@ -37030,16 +38157,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ButtonElement",
+          "name": "CardElement",
           "declaration": {
-            "name": "ButtonElement"
+            "name": "CardElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/button/button.cssresult.js",
+      "path": "labs/gb/components/card/card.cssresult.js",
       "declarations": [
         {
           "kind": "variable",
@@ -37092,49 +38219,41 @@
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/button/button.js",
+      "path": "labs/gb/components/card/card.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "BUTTON_COLORS",
-          "description": "Button color configurations.",
-          "type": {
-            "text": "{ readonly filled: \"filled\"; readonly elevated: \"elevated\"; readonly tonal: \"tonal\"; readonly outlined: \"outlined\"; readonly text: \"text\"; }"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "BUTTON_SIZES",
-          "description": "Button size configurations.",
+          "name": "CARD_COLORS",
+          "description": "Card color configurations.",
           "type": {
-            "text": "{ readonly xs: \"xs\"; readonly sm: \"sm\"; readonly md: \"md\"; readonly lg: \"lg\"; readonly xl: \"xl\"; }"
+            "text": "{ readonly elevated: \"elevated\"; readonly filled: \"filled\"; readonly outlined: \"outlined\"; }"
           }
         },
         {
           "kind": "variable",
-          "name": "BUTTON_CLASSES",
-          "description": "Button classes.",
+          "name": "CARD_CLASSES",
+          "description": "Card classes.",
           "type": {
-            "text": "{ btn: string; btnFilled: string; btnElevated: string; btnTonal: string; btnOutlined: string; btnText: string; btnXs: string; btnSm: string; btnMd: string; btnLg: string; btnXl: string; btnSquare: string; btnUnselected: string; btnSelected: string; active: string; disabled: string; }"
+            "text": "{ readonly card: \"card\"; readonly cardElevated: \"card-elevated\"; readonly cardFilled: \"card-filled\"; readonly cardOutlined: \"card-outlined\"; readonly hover: string; readonly focus: string; readonly disabled: string; }"
           }
         },
         {
           "kind": "function",
-          "name": "buttonClasses",
-          "description": "Returns the button classes to apply to an element based on the given state.",
+          "name": "cardClasses",
+          "description": "Returns the card classes to apply to an element based on the given state.",
           "parameters": [
             {
-              "name": "{\n  color,\n  size,\n  square = false,\n  selected,\n  active = false,\n  disabled = false,\n}",
-              "description": "The state of the button.",
+              "name": "{\n  color,\n  interactive = false,\n  hover = false,\n  focus = false,\n  disabled = false,\n}",
+              "description": "The state of the card.",
               "type": {
-                "text": "ButtonClassesState",
+                "text": "CardClassesState",
                 "references": [
                   {
-                    "name": "ButtonClassesState",
+                    "name": "CardClassesState",
                     "package": "@material/web",
-                    "module": "labs/gb/components/button/button.js",
+                    "module": "labs/gb/components/card/card.js",
                     "start": 0,
-                    "end": 18
+                    "end": 16
                   }
                 ]
               },
@@ -37158,76 +38277,33 @@
             "description": "An object of class names and truthy values if they apply."
           }
         },
-        {
-          "kind": "function",
-          "name": "setupButton",
-          "description": "Sets up button functionality for the given element.",
-          "parameters": [
-            {
-              "name": "button",
-              "description": "The element on which to set up button functionality.",
-              "type": {
-                "text": "HTMLElement",
-                "references": [
-                  {
-                    "name": "HTMLElement",
-                    "package": "global:",
-                    "start": 0,
-                    "end": 11
-                  }
-                ]
-              }
-            },
-            {
-              "name": "opts",
-              "description": "Setup options, supports a cleanup `signal`.",
-              "type": {
-                "text": "{ signal?: AbortSignal; }",
-                "references": [
-                  {
-                    "name": "AbortSignal",
-                    "package": "global:",
-                    "start": 11,
-                    "end": 22
-                  }
-                ]
-              },
-              "optional": true
-            }
-          ],
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          }
-        },
         {
           "kind": "variable",
-          "name": "button",
-          "description": "A Lit directive that adds button styling and functionality to its element.",
+          "name": "card",
+          "description": "A Lit directive that adds card styling and functionality to its element.",
           "type": {
-            "text": "(state?: ButtonClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "text": "(state?: CardClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
             "references": [
               {
-                "name": "ButtonClassesState",
+                "name": "CardClassesState",
                 "package": "@material/web",
-                "module": "labs/gb/components/button/button.js",
+                "module": "labs/gb/components/card/card.js",
                 "start": 9,
-                "end": 27
+                "end": 25
               },
               {
                 "name": "AdditionalClasses",
                 "package": "@material/web",
                 "module": "labs/gb/components/shared/directives.js",
-                "start": 30,
-                "end": 47
+                "start": 28,
+                "end": 45
               },
               {
                 "name": "DirectiveResult",
                 "package": "lit-html",
                 "module": "development/directive.js",
-                "start": 52,
-                "end": 67
+                "start": 50,
+                "end": 65
               }
             ]
           }
@@ -37236,61 +38312,47 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BUTTON_COLORS",
-          "declaration": {
-            "name": "BUTTON_COLORS"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BUTTON_SIZES",
-          "declaration": {
-            "name": "BUTTON_SIZES"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BUTTON_CLASSES",
+          "name": "CARD_COLORS",
           "declaration": {
-            "name": "BUTTON_CLASSES"
+            "name": "CARD_COLORS"
           }
         },
         {
           "kind": "js",
-          "name": "buttonClasses",
+          "name": "CARD_CLASSES",
           "declaration": {
-            "name": "buttonClasses"
+            "name": "CARD_CLASSES"
           }
         },
         {
           "kind": "js",
-          "name": "setupButton",
+          "name": "cardClasses",
           "declaration": {
-            "name": "setupButton"
+            "name": "cardClasses"
           }
         },
         {
           "kind": "js",
-          "name": "button",
+          "name": "card",
           "declaration": {
-            "name": "button"
+            "name": "card"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/button/md-gb-button.js"
+      "path": "labs/gb/components/card/md-gb-card.js"
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/card/card-element.js",
+      "path": "labs/gb/components/checkbox/checkbox-element.js",
       "declarations": [
         {
           "kind": "variable",
           "name": "baseClass",
           "type": {
-            "text": "MixinReturn<typeof LitElement>",
+            "text": "MixinReturn<MixinReturn<MixinReturn<(abstract new (...args: any[]) => WithElementInternals) & typeof LitElement & FormAssociatedConstructor, FormAssociated>, ConstraintValidation>>",
             "references": [
               {
                 "name": "MixinReturn",
@@ -37298,95 +38360,150 @@
                 "module": "labs/behaviors/mixin.js",
                 "start": 0,
                 "end": 11
+              },
+              {
+                "name": "MixinReturn",
+                "package": "@material/web",
+                "module": "labs/behaviors/mixin.js",
+                "start": 12,
+                "end": 23
+              },
+              {
+                "name": "MixinReturn",
+                "package": "@material/web",
+                "module": "labs/behaviors/mixin.js",
+                "start": 24,
+                "end": 35
+              },
+              {
+                "name": "WithElementInternals",
+                "package": "@material/web",
+                "module": "labs/behaviors/element-internals.js",
+                "start": 70,
+                "end": 90
+              },
+              {
+                "name": "FormAssociatedConstructor",
+                "package": "@material/web",
+                "module": "labs/behaviors/form-associated.js",
+                "start": 114,
+                "end": 139
+              },
+              {
+                "name": "FormAssociated",
+                "package": "@material/web",
+                "module": "labs/behaviors/form-associated.js",
+                "start": 141,
+                "end": 155
+              },
+              {
+                "name": "ConstraintValidation",
+                "package": "@material/web",
+                "module": "labs/behaviors/constraint-validation.js",
+                "start": 158,
+                "end": 178
               }
             ]
           }
         },
         {
           "kind": "class",
-          "name": "CardElement",
-          "description": "A Material Design card.",
+          "name": "CheckboxElement",
+          "description": "A Material Design checkbox component.",
           "superclass": {
             "name": "baseClass",
             "package": "@material/web",
-            "module": "labs/gb/components/card/card-element.js"
+            "module": "labs/gb/components/checkbox/checkbox-element.js"
           },
           "members": [
             {
               "kind": "field",
-              "name": "hideOutline",
-              "privacy": "private",
+              "name": "error",
+              "description": "Whether or not the checkbox is invalid.",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "lastFiredEnabledState",
-              "privacy": "private",
+              "name": "checked",
+              "description": "Whether or not the checkbox is selected.",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "default": "false",
+              "attribute": "checked"
             },
             {
               "kind": "field",
-              "name": "color",
-              "description": "The color of the card.",
+              "name": "indeterminate",
+              "description": "Whether or not the checkbox is indeterminate.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes",
               "privacy": "public",
               "type": {
-                "text": "CardColor",
-                "references": [
-                  {
-                    "name": "CardColor",
-                    "package": "@material/web",
-                    "module": "labs/gb/components/card/card.js",
-                    "start": 0,
-                    "end": 9
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "'outlined'",
-              "attribute": "color"
+              "default": "false",
+              "attribute": "indeterminate"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "description": "Whether the card is disabled.",
+              "name": "required",
+              "description": "When true, require the checkbox to be selected when participating in\nform submission.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "required"
             },
             {
               "kind": "field",
-              "name": "interactive",
-              "description": "Whether the card is interactive.",
+              "name": "value",
+              "description": "The value of the checkbox that is submitted with a form when selected.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "interactive"
+              "default": "'on'",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "handleSetShowOutline",
+              "name": "input",
               "privacy": "private",
               "type": {
-                "text": "(event: Event) => void",
+                "text": "HTMLInputElement",
                 "references": [
                   {
-                    "name": "Event",
+                    "name": "HTMLInputElement",
                     "package": "global:",
-                    "start": 8,
-                    "end": 13
+                    "start": 0,
+                    "end": 16
                   }
                 ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dirtyCheckedness",
+              "description": "Mimics the behavior of <input> dirty checkedness, where the `checked`\nattribute only updates the checked state if the checkbox has not been\ninteracted with.",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
               },
-              "default": "(event: Event) => {\n    const customEvent = event as CustomEvent<{shown: boolean}>;\n    this.hideOutline = !customEvent.detail.shown;\n  }"
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "defaultChecked",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "kind": "field",
@@ -37422,22 +38539,47 @@
                   }
                 ]
               },
-              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    cardStyles,\n    css`\n      :host {\n        display: inline-flex;\n        isolation: isolate;\n      }\n      .card {\n        flex: 1;\n        position: relative;\n      }\n      .card:has([name='container'].has-slotted) {\n        background-color: transparent;\n      }\n      .card.card-hide-outline {\n        --outline-color: transparent;\n        --container-elevation: var(--md-sys-elevation-shadow-0);\n      }\n      slot[name='container'] {\n        display: block;\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        --color: var(--container-color);\n        z-index: -1;\n        transition: inherit;\n      }\n      slot[name='container']::slotted(*) {\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ]"
+              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    checkboxStyles,\n    css`\n      :host {\n        display: inline-flex;\n      }\n      .checkbox {\n        flex: 1;\n      }\n    `,\n  ]"
             },
             {
               "kind": "method",
-              "name": "connectedCallback",
-              "privacy": "public",
+              "name": "render",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
                 }
               }
             },
             {
               "kind": "method",
-              "name": "disconnectedCallback",
-              "privacy": "public",
+              "name": "handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
+                }
+              ],
               "return": {
                 "type": {
                   "text": "void"
@@ -37446,32 +38588,19 @@
             },
             {
               "kind": "method",
-              "name": "updated",
-              "privacy": "protected",
+              "name": "handleChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "changedProperties",
+                  "name": "event",
                   "type": {
-                    "text": "PropertyValueMap<any> | Map<PropertyKey, unknown>",
+                    "text": "Event",
                     "references": [
                       {
-                        "name": "PropertyValueMap",
-                        "package": "lit",
-                        "module": "development/index.js",
-                        "start": 0,
-                        "end": 16
-                      },
-                      {
-                        "name": "Map",
-                        "package": "global:",
-                        "start": 24,
-                        "end": 27
-                      },
-                      {
-                        "name": "PropertyKey",
+                        "name": "Event",
                         "package": "global:",
-                        "start": 28,
-                        "end": 39
+                        "start": 0,
+                        "end": 5
                       }
                     ]
                   }
@@ -37485,8 +38614,28 @@
             },
             {
               "kind": "method",
-              "name": "dispatchSetEnabledEvent",
-              "privacy": "private",
+              "name": "attributeChangedCallback",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "return": {
                 "type": {
                   "text": "void"
@@ -37495,40 +38644,43 @@
             },
             {
               "kind": "method",
-              "name": "render",
-              "privacy": "protected",
+              "name": "[getFormValue]",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult<1>",
-                  "references": [
-                    {
-                      "name": "TemplateResult",
-                      "package": "lit-html",
-                      "module": "development/lit-html.js",
-                      "start": 0,
-                      "end": 14
-                    }
-                  ]
+                  "text": "string"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "handleContainerSlotChange",
-              "privacy": "private",
+              "name": "[getFormState]",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formStateRestoreCallback",
+              "privacy": "public",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "state",
                   "type": {
-                    "text": "Event",
-                    "references": [
-                      {
-                        "name": "Event",
-                        "package": "global:",
-                        "start": 0,
-                        "end": 5
-                      }
-                    ]
+                    "text": "string"
                   }
                 }
               ],
@@ -37537,50 +38689,119 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "kind": "method",
+              "name": "[createValidator]",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "CheckboxValidator",
+                  "references": [
+                    {
+                      "name": "CheckboxValidator",
+                      "package": "@material/web",
+                      "module": "labs/behaviors/validators/checkbox-validator.js",
+                      "start": 0,
+                      "end": 17
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "[getValidityAnchor]",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "HTMLInputElement",
+                  "references": [
+                    {
+                      "name": "HTMLInputElement",
+                      "package": "global:",
+                      "start": 0,
+                      "end": 16
+                    }
+                  ]
+                }
+              }
             }
           ],
           "customElement": true,
           "attributes": [
             {
-              "name": "color",
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "error"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "color"
+              "fieldName": "indeterminate"
             },
             {
-              "name": "disabled",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "disabled"
+              "fieldName": "required"
             },
             {
-              "name": "interactive",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "interactive"
+              "fieldName": "value"
             }
           ],
-          "slots": [
+          "events": [
             {
-              "name": "-",
-              "description": "Used to display the card's content. Note: add padding to content, not the host <md-gb-card> element."
+              "name": "input",
+              "type": {
+                "text": "InputEvent",
+                "references": [
+                  {
+                    "name": "InputEvent",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              },
+              "description": "Fired when the checkbox is checked or unchecked. --bubbles --composed"
             },
             {
-              "name": "container",
-              "description": "Used to set a custom background container for the card."
+              "name": "change",
+              "type": {
+                "text": "Event",
+                "references": [
+                  {
+                    "name": "Event",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              },
+              "description": "Fired when the checkbox is checked or unchecked. --bubbles"
             }
           ],
           "cssParts": [
             {
-              "name": "card",
-              "description": "The card's root element."
-            },
-            {
-              "name": "card-btn",
-              "description": "The card's main action button, when interactive."
+              "name": "checkbox",
+              "description": "The checkbox's root element."
             }
           ],
           "cssProperties": [
@@ -37588,10 +38809,16 @@
               "name": "--container-color"
             },
             {
-              "name": "--container-elevation"
+              "name": "--container-shape"
             },
             {
-              "name": "--container-shape"
+              "name": "--container-size"
+            },
+            {
+              "name": "--icon-color"
+            },
+            {
+              "name": "--icon-size"
             },
             {
               "name": "--outline-color"
@@ -37601,6 +38828,12 @@
             },
             {
               "name": "--state-layer-color"
+            },
+            {
+              "name": "--state-layer-shape"
+            },
+            {
+              "name": "--state-layer-size"
             }
           ]
         }
@@ -37608,16 +38841,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "CardElement",
+          "name": "CheckboxElement",
           "declaration": {
-            "name": "CardElement"
+            "name": "CheckboxElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/card/card.cssresult.js",
+      "path": "labs/gb/components/checkbox/checkbox.cssresult.js",
       "declarations": [
         {
           "kind": "variable",
@@ -37670,41 +38903,33 @@
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/card/card.js",
+      "path": "labs/gb/components/checkbox/checkbox.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "CARD_COLORS",
-          "description": "Card color configurations.",
-          "type": {
-            "text": "{ readonly elevated: \"elevated\"; readonly filled: \"filled\"; readonly outlined: \"outlined\"; }"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "CARD_CLASSES",
-          "description": "Card classes.",
+          "name": "CHECKBOX_CLASSES",
+          "description": "Checkbox classes.",
           "type": {
-            "text": "{ readonly card: \"card\"; readonly cardElevated: \"card-elevated\"; readonly cardFilled: \"card-filled\"; readonly cardOutlined: \"card-outlined\"; readonly hover: string; readonly focus: string; readonly disabled: string; }"
+            "text": "{ readonly checkbox: \"checkbox\"; readonly invalid: string; readonly hover: string; readonly focus: string; readonly active: string; readonly checked: string; readonly indeterminate: string; readonly disabled: string; }"
           }
         },
         {
           "kind": "function",
-          "name": "cardClasses",
-          "description": "Returns the card classes to apply to an element based on the given state.",
+          "name": "checkboxClasses",
+          "description": "Returns the checkbox classes to apply to an element based on the given state.",
           "parameters": [
             {
-              "name": "{\n  color,\n  interactive = false,\n  hover = false,\n  focus = false,\n  disabled = false,\n}",
-              "description": "The state of the card.",
+              "name": "{\n  invalid = false,\n  hover = false,\n  focus = false,\n  active = false,\n  checked = false,\n  indeterminate = false,\n  disabled = false,\n}",
+              "description": "The state of the checkbox.",
               "type": {
-                "text": "CardClassesState",
+                "text": "CheckboxClassesState",
                 "references": [
                   {
-                    "name": "CardClassesState",
+                    "name": "CheckboxClassesState",
                     "package": "@material/web",
-                    "module": "labs/gb/components/card/card.js",
+                    "module": "labs/gb/components/checkbox/checkbox.js",
                     "start": 0,
-                    "end": 16
+                    "end": 20
                   }
                 ]
               },
@@ -37728,33 +38953,76 @@
             "description": "An object of class names and truthy values if they apply."
           }
         },
+        {
+          "kind": "function",
+          "name": "setupCheckbox",
+          "description": "Sets up checkbox functionality for the given element.",
+          "parameters": [
+            {
+              "name": "checkbox",
+              "description": "The element on which to set up checkbox functionality.",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            },
+            {
+              "name": "opts",
+              "description": "Setup options, supports a cleanup `signal`.",
+              "type": {
+                "text": "{ signal?: AbortSignal; }",
+                "references": [
+                  {
+                    "name": "AbortSignal",
+                    "package": "global:",
+                    "start": 11,
+                    "end": 22
+                  }
+                ]
+              },
+              "optional": true
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          }
+        },
         {
           "kind": "variable",
-          "name": "card",
-          "description": "A Lit directive that adds card styling and functionality to its element.",
+          "name": "checkbox",
+          "description": "A Lit directive that adds checkbox styling and functionality to its element.",
           "type": {
-            "text": "(state?: CardClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "text": "(state?: CheckboxClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
             "references": [
               {
-                "name": "CardClassesState",
+                "name": "CheckboxClassesState",
                 "package": "@material/web",
-                "module": "labs/gb/components/card/card.js",
+                "module": "labs/gb/components/checkbox/checkbox.js",
                 "start": 9,
-                "end": 25
+                "end": 29
               },
               {
                 "name": "AdditionalClasses",
                 "package": "@material/web",
                 "module": "labs/gb/components/shared/directives.js",
-                "start": 28,
-                "end": 45
+                "start": 32,
+                "end": 49
               },
               {
                 "name": "DirectiveResult",
                 "package": "lit-html",
                 "module": "development/directive.js",
-                "start": 50,
-                "end": 65
+                "start": 54,
+                "end": 69
               }
             ]
           }
@@ -37763,185 +39031,164 @@
       "exports": [
         {
           "kind": "js",
-          "name": "CARD_COLORS",
+          "name": "CHECKBOX_CLASSES",
           "declaration": {
-            "name": "CARD_COLORS"
+            "name": "CHECKBOX_CLASSES"
           }
         },
         {
           "kind": "js",
-          "name": "CARD_CLASSES",
+          "name": "checkboxClasses",
           "declaration": {
-            "name": "CARD_CLASSES"
+            "name": "checkboxClasses"
           }
         },
         {
           "kind": "js",
-          "name": "cardClasses",
+          "name": "setupCheckbox",
           "declaration": {
-            "name": "cardClasses"
+            "name": "setupCheckbox"
           }
         },
         {
           "kind": "js",
-          "name": "card",
-          "declaration": {
-            "name": "card"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "labs/gb/components/card/md-gb-card.js"
-    },
-    {
-      "kind": "javascript-module",
-      "path": "labs/gb/components/checkbox/checkbox-element.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "baseClass",
-          "type": {
-            "text": "MixinReturn<MixinReturn<MixinReturn<(abstract new (...args: any[]) => WithElementInternals) & typeof LitElement & FormAssociatedConstructor, FormAssociated>, ConstraintValidation>>",
-            "references": [
-              {
-                "name": "MixinReturn",
-                "package": "@material/web",
-                "module": "labs/behaviors/mixin.js",
-                "start": 0,
-                "end": 11
-              },
-              {
-                "name": "MixinReturn",
-                "package": "@material/web",
-                "module": "labs/behaviors/mixin.js",
-                "start": 12,
-                "end": 23
-              },
-              {
-                "name": "MixinReturn",
-                "package": "@material/web",
-                "module": "labs/behaviors/mixin.js",
-                "start": 24,
-                "end": 35
-              },
-              {
-                "name": "WithElementInternals",
-                "package": "@material/web",
-                "module": "labs/behaviors/element-internals.js",
-                "start": 70,
-                "end": 90
-              },
-              {
-                "name": "FormAssociatedConstructor",
-                "package": "@material/web",
-                "module": "labs/behaviors/form-associated.js",
-                "start": 114,
-                "end": 139
-              },
-              {
-                "name": "FormAssociated",
-                "package": "@material/web",
-                "module": "labs/behaviors/form-associated.js",
-                "start": 141,
-                "end": 155
-              },
-              {
-                "name": "ConstraintValidation",
-                "package": "@material/web",
-                "module": "labs/behaviors/constraint-validation.js",
-                "start": 158,
-                "end": 178
-              }
-            ]
+          "name": "checkbox",
+          "declaration": {
+            "name": "checkbox"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/checkbox/md-gb-checkbox.js"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/gb/components/chip/chip-element.js",
+      "declarations": [
         {
           "kind": "class",
-          "name": "CheckboxElement",
-          "description": "A Material Design checkbox component.",
+          "name": "ChipElement",
+          "description": "A Material Design Expressive Chip component (`md-gb-chip`).",
           "superclass": {
-            "name": "baseClass",
-            "package": "@material/web",
-            "module": "labs/gb/components/checkbox/checkbox-element.js"
+            "name": "LitElement",
+            "package": "lit"
           },
           "members": [
             {
               "kind": "field",
-              "name": "error",
-              "description": "Whether or not the checkbox is invalid.",
+              "name": "color",
+              "description": "The color emphasis of the chip. Defaults to `outlined`.",
+              "privacy": "public",
+              "type": {
+                "text": "ChipColor",
+                "references": [
+                  {
+                    "name": "ChipColor",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/chip/chip.js",
+                    "start": 0,
+                    "end": 9
+                  }
+                ]
+              },
+              "default": "'outlined'",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "The functional behavior type of the chip (`action`, `filter`, `toggle`, `link`).",
+              "privacy": "public",
+              "type": {
+                "text": "ChipType",
+                "references": [
+                  {
+                    "name": "ChipType",
+                    "package": "@material/web",
+                    "module": "labs/gb/components/chip/chip.js",
+                    "start": 0,
+                    "end": 8
+                  }
+                ]
+              },
+              "default": "'action'",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "description": "Whether the filter or toggle chip is selected.",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "error"
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "checked",
-              "description": "Whether or not the checkbox is selected.",
+              "name": "removable",
+              "description": "Whether the chip is removable.",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "checked"
+              "attribute": "removable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "indeterminate",
-              "description": "Whether or not the checkbox is indeterminate.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes",
+              "name": "disabled",
+              "description": "Whether the chip is disabled.",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "indeterminate"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
-              "description": "When true, require the checkbox to be selected when participating in\nform submission.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation",
+              "name": "softDisabled",
+              "description": "Whether the chip is soft-disabled (`aria-disabled=\"true\"` while preserving focusability).",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required"
+              "attribute": "soft-disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
-              "description": "The value of the checkbox that is submitted with a form when selected.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value",
+              "name": "href",
+              "description": "The URL destination if `type=\"link\"` or if `href` is set.",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "default": "'on'",
-              "attribute": "value"
+              "default": "''",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "input",
-              "privacy": "private",
+              "name": "target",
+              "description": "Where to display the linked `href` URL for a link chip.",
+              "privacy": "public",
               "type": {
-                "text": "HTMLInputElement",
-                "references": [
-                  {
-                    "name": "HTMLInputElement",
-                    "package": "global:",
-                    "start": 0,
-                    "end": 16
-                  }
-                ]
-              }
+                "text": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+              },
+              "default": "''",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "dirtyCheckedness",
-              "description": "Mimics the behavior of <input> dirty checkedness, where the `checked`\nattribute only updates the checked state if the checkbox has not been\ninteracted with.",
+              "name": "hasLeadingIcon",
               "privacy": "private",
               "type": {
                 "text": "boolean"
@@ -37950,29 +39197,21 @@
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
-              "privacy": "public",
+              "name": "hasAvatar",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
-              "static": true,
-              "privacy": "public",
+              "name": "hasRemoveIcon",
+              "privacy": "private",
               "type": {
-                "text": "ShadowRootInit",
-                "references": [
-                  {
-                    "name": "ShadowRootInit",
-                    "package": "global:",
-                    "start": 0,
-                    "end": 14
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "{\n    mode: 'open',\n    delegatesFocus: true,\n  }"
+              "default": "false"
             },
             {
               "kind": "field",
@@ -37990,7 +39229,7 @@
                   }
                 ]
               },
-              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    checkboxStyles,\n    css`\n      :host {\n        display: inline-flex;\n      }\n      .checkbox {\n        flex: 1;\n      }\n    `,\n  ]"
+              "default": "[\n    focusRingStyles,\n    rippleStyles,\n    chipStyles,\n    css`\n      :host {\n        display: inline-flex;\n        vertical-align: middle;\n      }\n      .chip {\n        flex: 1;\n      }\n      .chip-icon {\n        display: inline-flex;\n        align-items: center;\n      }\n    `,\n  ]"
             },
             {
               "kind": "method",
@@ -38013,110 +39252,135 @@
             },
             {
               "kind": "method",
-              "name": "handleInput",
+              "name": "renderContent",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "withLeadingIcon",
                   "type": {
-                    "text": "Event",
-                    "references": [
-                      {
-                        "name": "Event",
-                        "package": "global:",
-                        "start": 0,
-                        "end": 5
-                      }
-                    ]
+                    "text": "boolean"
                   }
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "private",
-              "parameters": [
+                },
                 {
-                  "name": "event",
+                  "name": "isFilterSelected",
                   "type": {
-                    "text": "Event",
-                    "references": [
-                      {
-                        "name": "Event",
-                        "package": "global:",
-                        "start": 0,
-                        "end": 5
-                      }
-                    ]
+                    "text": "boolean"
                   }
                 }
               ],
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
                 }
               }
             },
             {
               "kind": "method",
-              "name": "attributeChangedCallback",
-              "privacy": "public",
+              "name": "renderLeadingIcon",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "oldValue",
+                  "name": "withLeadingIcon",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 },
                 {
-                  "name": "newValue",
+                  "name": "isFilterSelected",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ],
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
                 }
               }
             },
             {
               "kind": "method",
-              "name": "[getFormValue]",
-              "privacy": "public",
+              "name": "renderRemoveButton",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
                 }
               }
             },
             {
               "kind": "method",
-              "name": "[getFormState]",
-              "privacy": "public",
+              "name": "handleIconSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
+                }
+              ],
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleRemoveIconSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "privacy": "public",
+              ],
               "return": {
                 "type": {
                   "text": "void"
@@ -38125,13 +39389,21 @@
             },
             {
               "kind": "method",
-              "name": "formStateRestoreCallback",
-              "privacy": "public",
+              "name": "handleChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "state",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
                   }
                 }
               ],
@@ -38143,38 +39415,27 @@
             },
             {
               "kind": "method",
-              "name": "[createValidator]",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CheckboxValidator",
-                  "references": [
-                    {
-                      "name": "CheckboxValidator",
-                      "package": "@material/web",
-                      "module": "labs/behaviors/validators/checkbox-validator.js",
-                      "start": 0,
-                      "end": 17
-                    }
-                  ]
+              "name": "handleRemove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event",
+                    "references": [
+                      {
+                        "name": "Event",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 5
+                      }
+                    ]
+                  }
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "[getValidityAnchor]",
-              "privacy": "public",
+              ],
               "return": {
                 "type": {
-                  "text": "HTMLInputElement",
-                  "references": [
-                    {
-                      "name": "HTMLInputElement",
-                      "package": "global:",
-                      "start": 0,
-                      "end": 16
-                    }
-                  ]
+                  "text": "void"
                 }
               }
             }
@@ -38182,56 +39443,77 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "error",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "color"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "type"
+            },
+            {
+              "name": "selected",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "error"
+              "fieldName": "selected"
             },
             {
-              "name": "checked",
+              "name": "removable",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "checked"
+              "fieldName": "removable"
             },
             {
-              "name": "indeterminate",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "indeterminate"
+              "fieldName": "disabled"
             },
             {
-              "name": "required",
+              "name": "soft-disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "required"
+              "fieldName": "softDisabled"
             },
             {
-              "name": "value",
+              "name": "href",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "target"
             }
           ],
           "events": [
             {
-              "name": "input",
+              "name": "remove",
               "type": {
-                "text": "InputEvent",
+                "text": "Event",
                 "references": [
                   {
-                    "name": "InputEvent",
+                    "name": "Event",
                     "package": "global:",
                     "start": 0,
-                    "end": 10
+                    "end": 5
                   }
                 ]
               },
-              "description": "Fired when the checkbox is checked or unchecked. --bubbles --composed"
+              "description": "Fired when the remove action is triggered on a removable chip. --bubbles --composed"
             },
             {
               "name": "change",
@@ -38246,45 +39528,119 @@
                   }
                 ]
               },
-              "description": "Fired when the checkbox is checked or unchecked. --bubbles"
+              "description": "Fired when a filter/toggle chip's selection state changes. --bubbles"
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "InputEvent",
+                "references": [
+                  {
+                    "name": "InputEvent",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              },
+              "description": "Fired when a filter/toggle chip's selection state changes. --bubbles --composed"
+            }
+          ],
+          "slots": [
+            {
+              "name": "-",
+              "description": "Used to display the chip label text."
+            },
+            {
+              "name": "icon",
+              "description": "Used to display an optional leading icon, checkmark, or avatar."
+            },
+            {
+              "name": "remove-icon",
+              "description": "Used to display the trailing remove button icon when `removable=\"true\"`."
             }
           ],
           "cssParts": [
             {
-              "name": "checkbox",
-              "description": "The checkbox's root element."
+              "name": "chip",
+              "description": "The root container element."
             }
           ],
           "cssProperties": [
+            {
+              "name": "--avatar-opacity"
+            },
+            {
+              "name": "--avatar-shape"
+            },
+            {
+              "name": "--avatar-size"
+            },
             {
               "name": "--container-color"
             },
             {
-              "name": "--container-shape"
+              "name": "--container-elevation"
             },
             {
-              "name": "--container-size"
+              "name": "--container-opacity"
             },
             {
-              "name": "--icon-color"
+              "name": "--gap-horizontal"
             },
             {
-              "name": "--icon-size"
+              "name": "--height"
+            },
+            {
+              "name": "--label-text"
+            },
+            {
+              "name": "--label-text-color"
+            },
+            {
+              "name": "--label-text-opacity"
+            },
+            {
+              "name": "--leading-icon-color"
+            },
+            {
+              "name": "--leading-icon-opacity"
+            },
+            {
+              "name": "--leading-icon-size"
             },
             {
               "name": "--outline-color"
             },
+            {
+              "name": "--outline-opacity"
+            },
             {
               "name": "--outline-width"
             },
             {
-              "name": "--state-layer-color"
+              "name": "--padding-bottom"
             },
             {
-              "name": "--state-layer-shape"
+              "name": "--padding-leading"
             },
             {
-              "name": "--state-layer-size"
+              "name": "--padding-top"
+            },
+            {
+              "name": "--padding-trailing"
+            },
+            {
+              "name": "--shape"
+            },
+            {
+              "name": "--trailing-icon-color"
+            },
+            {
+              "name": "--trailing-icon-opacity"
+            },
+            {
+              "name": "--trailing-icon-size"
             }
           ]
         }
@@ -38292,16 +39648,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "CheckboxElement",
+          "name": "ChipElement",
           "declaration": {
-            "name": "CheckboxElement"
+            "name": "ChipElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/checkbox/checkbox.cssresult.js",
+      "path": "labs/gb/components/chip/chip.cssresult.js",
       "declarations": [
         {
           "kind": "variable",
@@ -38354,33 +39710,41 @@
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/checkbox/checkbox.js",
+      "path": "labs/gb/components/chip/chip.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "CHECKBOX_CLASSES",
-          "description": "Checkbox classes.",
+          "name": "CHIP_COLORS",
+          "description": "Chip color configurations.",
           "type": {
-            "text": "{ readonly checkbox: \"checkbox\"; readonly invalid: string; readonly hover: string; readonly focus: string; readonly active: string; readonly checked: string; readonly indeterminate: string; readonly disabled: string; }"
+            "text": "{ readonly elevated: \"elevated\"; readonly filled: \"filled\"; readonly outlined: \"outlined\"; readonly tonal: \"tonal\"; }"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "CHIP_CLASSES",
+          "description": "Chip classes.",
+          "type": {
+            "text": "{ readonly chip: \"chip\"; readonly chipElevated: \"chip-elevated\"; readonly chipFilled: \"chip-filled\"; readonly chipOutlined: \"chip-outlined\"; readonly chipTonal: \"chip-tonal\"; readonly chipSelected: \"chip-selected\"; ... 6 more ...; readonly disabled: string; }"
           }
         },
         {
           "kind": "function",
-          "name": "checkboxClasses",
-          "description": "Returns the checkbox classes to apply to an element based on the given state.",
+          "name": "chipClasses",
+          "description": "Returns the chip classes to apply to an element based on the given state.",
           "parameters": [
             {
-              "name": "{\n  invalid = false,\n  hover = false,\n  focus = false,\n  active = false,\n  checked = false,\n  indeterminate = false,\n  disabled = false,\n}",
-              "description": "The state of the checkbox.",
+              "name": "{\n  color = 'outlined',\n  type = 'action',\n  selected = false,\n  removable = false,\n  withLeadingIcon = false,\n  withTrailingIcon = false,\n  withAvatar = false,\n  disabled = false,\n}",
+              "description": "The state of the chip.",
               "type": {
-                "text": "CheckboxClassesState",
+                "text": "ChipClassesState",
                 "references": [
                   {
-                    "name": "CheckboxClassesState",
+                    "name": "ChipClassesState",
                     "package": "@material/web",
-                    "module": "labs/gb/components/checkbox/checkbox.js",
+                    "module": "labs/gb/components/chip/chip.js",
                     "start": 0,
-                    "end": 20
+                    "end": 16
                   }
                 ]
               },
@@ -38406,12 +39770,12 @@
         },
         {
           "kind": "function",
-          "name": "setupCheckbox",
-          "description": "Sets up checkbox functionality for the given element.",
+          "name": "setupChip",
+          "description": "Sets up chip functionality for the given element.",
           "parameters": [
             {
-              "name": "checkbox",
-              "description": "The element on which to set up checkbox functionality.",
+              "name": "chip",
+              "description": "The element on which to set up chip functionality.",
               "type": {
                 "text": "HTMLElement",
                 "references": [
@@ -38449,31 +39813,31 @@
         },
         {
           "kind": "variable",
-          "name": "checkbox",
-          "description": "A Lit directive that adds checkbox styling and functionality to its element.",
+          "name": "chip",
+          "description": "A Lit directive that adds chip styling and functionality to its element.",
           "type": {
-            "text": "(state?: CheckboxClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
+            "text": "(state?: ChipClassesState & AdditionalClasses) => DirectiveResult<DirectiveClass>",
             "references": [
               {
-                "name": "CheckboxClassesState",
+                "name": "ChipClassesState",
                 "package": "@material/web",
-                "module": "labs/gb/components/checkbox/checkbox.js",
+                "module": "labs/gb/components/chip/chip.js",
                 "start": 9,
-                "end": 29
+                "end": 25
               },
               {
                 "name": "AdditionalClasses",
                 "package": "@material/web",
                 "module": "labs/gb/components/shared/directives.js",
-                "start": 32,
-                "end": 49
+                "start": 28,
+                "end": 45
               },
               {
                 "name": "DirectiveResult",
                 "package": "lit-html",
                 "module": "development/directive.js",
-                "start": 54,
-                "end": 69
+                "start": 50,
+                "end": 65
               }
             ]
           }
@@ -38482,37 +39846,55 @@
       "exports": [
         {
           "kind": "js",
-          "name": "CHECKBOX_CLASSES",
+          "name": "CHIP_COLORS",
           "declaration": {
-            "name": "CHECKBOX_CLASSES"
+            "name": "CHIP_COLORS"
           }
         },
         {
           "kind": "js",
-          "name": "checkboxClasses",
+          "name": "CHIP_CLASSES",
           "declaration": {
-            "name": "checkboxClasses"
+            "name": "CHIP_CLASSES"
           }
         },
         {
           "kind": "js",
-          "name": "setupCheckbox",
+          "name": "chipClasses",
           "declaration": {
-            "name": "setupCheckbox"
+            "name": "chipClasses"
           }
         },
         {
           "kind": "js",
-          "name": "checkbox",
+          "name": "setupChip",
           "declaration": {
-            "name": "checkbox"
+            "name": "setupChip"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "chip",
+          "declaration": {
+            "name": "chip"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "labs/gb/components/checkbox/md-gb-checkbox.js"
+      "path": "labs/gb/components/chip/md-gb-chip.js",
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChipElement",
+          "declaration": {
+            "name": "ChipElement",
+            "package": "@material/web",
+            "module": "labs/gb/components/chip/chip-element.js"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",