@genesislcap/foundation-ui 14.183.7 → 14.183.8-alpha-b447c11.0

package/dist/custom-elements.json

@@ -4550,125 +4550,181 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.styles.ts",
+      "path": "src/badge/badge.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationBannerStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "foundationBadgeStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  @keyframes delete-animate {\n    from {\n      height: 100px;\n      opacity: 100%;\n    }\n\n    to {\n      height: 0;\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-animate {\n    from {\n      height: 0;\n      opacity: 0%;\n    }\n\n    to {\n      height: var(--banner-height);\n      opacity: 100%;\n    }\n  }\n\n  :host {\n    --banner-width: 100%;\n    --banner-height: 65px;\n    --flow: row;\n  }\n\n  @media screen and (max-width: 640px) {\n    :host {\n      --flow: column;\n      --banner-height: 100px;\n    }\n  }\n\n  .banner {\n    animation: append-animate 0.3s linear;\n    width: var(--banner-width);\n    height: var(--banner-height);\n    background-color: var(--fill-color);\n    display: flex;\n    flex-direction: var(--flow);\n    padding: 5px 8px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .banner-delete {\n    animation: delete-animate 0.3s linear;\n    opacity: 0%;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBannerStyles",
+          "name": "foundationBadgeStyles",
           "declaration": {
-            "name": "foundationBannerStyles",
-            "module": "src/banner/banner.styles.ts"
+            "name": "foundationBadgeStyles",
+            "module": "src/badge/badge.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.template.ts",
+      "path": "src/badge/badge.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "getBannerTemplate",
+          "name": "foundationBadgeTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Badge>"
+            }
+          },
           "parameters": [
             {
-              "name": "prefix",
+              "name": "context",
               "type": {
-                "text": "string"
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationBannerTemplate",
-          "default": "html<Banner>`\n  ${(x) => getBannerTemplate(getPrefix(x))}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "getBannerTemplate",
-          "declaration": {
-            "name": "getBannerTemplate",
-            "module": "src/banner/banner.template.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationBannerTemplate",
+          "name": "foundationBadgeTemplate",
           "declaration": {
-            "name": "foundationBannerTemplate",
-            "module": "src/banner/banner.template.ts"
+            "name": "foundationBadgeTemplate",
+            "module": "src/badge/badge.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.ts",
+      "path": "src/badge/badge.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationBannerShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Banner",
-          "members": [
+          "name": "Badge",
+          "superclass": {
+            "name": "FASTBadge",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-badge",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "banner",
+              "name": "fill",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
-              "privacy": "public"
+              "description": "Indicates the badge should have a filled style.",
+              "fieldName": "fill",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "dismissAnimation",
+              "name": "color",
               "type": {
-                "text": "'banner-delete' | ''"
+                "text": "string"
               },
-              "default": "''"
+              "description": "Indicates the badge should have a filled style.",
+              "fieldName": "color",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
             },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates the element should be circular",
+              "fieldName": "circular",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "notification",
+              "name": "fill",
               "type": {
-                "text": "NotificationStructure"
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Indicates the badge should have a filled style.",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "dismiss",
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
+              "description": "Indicates the badge should have a filled style.",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "circular",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Dismiss the Banner from display."
+              "privacy": "public",
+              "description": "Indicates the element should be circular",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "dismissNotification",
+              "kind": "field",
+              "name": "generateBadgeStyle",
               "privacy": "public",
-              "description": "Dismiss the Banner (NotificationStructure) from display."
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
             },
             {
               "kind": "field",
@@ -4781,51 +4837,69 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBadgeShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
           },
-          "tagName": "%%prefix%%-banner",
-          "customElement": true
+          "default": "undefined"
         },
         {
           "kind": "variable",
-          "name": "foundationBanner",
-          "description": "The Foundation Banner",
+          "name": "defaultBadgeConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBadge",
+          "description": "The Foundation Badge",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBannerShadowOptions",
+          "name": "Badge",
           "declaration": {
-            "name": "foundationBannerShadowOptions",
-            "module": "src/banner/banner.ts"
+            "name": "Badge",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Banner",
+          "name": "foundationBadgeShadowOptions",
           "declaration": {
-            "name": "Banner",
-            "module": "src/banner/banner.ts"
+            "name": "foundationBadgeShadowOptions",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBanner",
+          "name": "defaultBadgeConfig",
           "declaration": {
-            "name": "foundationBanner",
-            "module": "src/banner/banner.ts"
+            "name": "defaultBadgeConfig",
+            "module": "src/badge/badge.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationBadge",
+          "declaration": {
+            "name": "foundationBadge",
+            "module": "src/badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/index.ts",
+      "path": "src/badge/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4833,7 +4907,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner.styles"
+            "package": "./badge.template"
           }
         },
         {
@@ -4841,7 +4915,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner.template"
+            "package": "./badge.styles"
           }
         },
         {
@@ -4849,188 +4923,132 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner"
+            "package": "./badge"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
+      "path": "src/banner/banner.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationBadgeStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "foundationBannerStyles",
+          "type": {
+            "text": "ElementStyles"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "default": "css`\n  @keyframes delete-animate {\n    from {\n      height: 100px;\n      opacity: 100%;\n    }\n\n    to {\n      height: 0;\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-animate {\n    from {\n      height: 0;\n      opacity: 0%;\n    }\n\n    to {\n      height: var(--banner-height);\n      opacity: 100%;\n    }\n  }\n\n  :host {\n    --banner-width: 100%;\n    --banner-height: 65px;\n    --flow: row;\n  }\n\n  @media screen and (max-width: 640px) {\n    :host {\n      --flow: column;\n      --banner-height: 100px;\n    }\n  }\n\n  .banner {\n    animation: append-animate 0.3s linear;\n    width: var(--banner-width);\n    height: var(--banner-height);\n    background-color: var(--fill-color);\n    display: flex;\n    flex-direction: var(--flow);\n    padding: 5px 8px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .banner-delete {\n    animation: delete-animate 0.3s linear;\n    opacity: 0%;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBadgeStyles",
+          "name": "foundationBannerStyles",
           "declaration": {
-            "name": "foundationBadgeStyles",
-            "module": "src/badge/badge.styles.ts"
+            "name": "foundationBannerStyles",
+            "module": "src/banner/banner.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.template.ts",
+      "path": "src/banner/banner.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBadgeTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Badge>"
-            }
-          },
+          "name": "getBannerTemplate",
           "parameters": [
             {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
+              "name": "prefix",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "string"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBannerTemplate",
+          "default": "html<Banner>`\n  ${(x) => getBannerTemplate(getPrefix(x))}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBadgeTemplate",
+          "name": "getBannerTemplate",
           "declaration": {
-            "name": "foundationBadgeTemplate",
-            "module": "src/badge/badge.template.ts"
+            "name": "getBannerTemplate",
+            "module": "src/banner/banner.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationBannerTemplate",
+          "declaration": {
+            "name": "foundationBannerTemplate",
+            "module": "src/banner/banner.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.ts",
+      "path": "src/banner/banner.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationBannerShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Badge",
-          "superclass": {
-            "name": "FASTBadge",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-badge",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "fill",
-              "type": {
-                "text": "string"
-              },
-              "description": "Indicates the badge should have a filled style.",
-              "fieldName": "fill",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
-            },
+          "name": "Banner",
+          "members": [
             {
-              "name": "color",
+              "kind": "field",
+              "name": "banner",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "description": "Indicates the badge should have a filled style.",
-              "fieldName": "color",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "privacy": "public"
             },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the element should be circular",
-              "fieldName": "circular",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "fill",
+              "name": "dismissAnimation",
               "type": {
-                "text": "string"
+                "text": "'banner-delete' | ''"
               },
-              "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "notification",
               "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "text": "NotificationStructure"
               }
             },
             {
-              "kind": "field",
-              "name": "circular",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "dismiss",
               "privacy": "public",
-              "description": "Indicates the element should be circular",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Dismiss the Banner from display."
             },
             {
-              "kind": "field",
-              "name": "generateBadgeStyle",
+              "kind": "method",
+              "name": "dismissNotification",
               "privacy": "public",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "description": "Dismiss the Banner (NotificationStructure) from display."
             },
             {
               "kind": "field",
@@ -5143,69 +5161,51 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationBadgeShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultBadgeConfig",
-          "type": {
-            "text": "object"
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "default": "{}"
+          "tagName": "%%prefix%%-banner",
+          "customElement": true
         },
         {
           "kind": "variable",
-          "name": "foundationBadge",
-          "description": "The Foundation Badge",
+          "name": "foundationBanner",
+          "description": "The Foundation Banner",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Badge",
-          "declaration": {
-            "name": "Badge",
-            "module": "src/badge/badge.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationBadgeShadowOptions",
+          "name": "foundationBannerShadowOptions",
           "declaration": {
-            "name": "foundationBadgeShadowOptions",
-            "module": "src/badge/badge.ts"
+            "name": "foundationBannerShadowOptions",
+            "module": "src/banner/banner.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultBadgeConfig",
+          "name": "Banner",
           "declaration": {
-            "name": "defaultBadgeConfig",
-            "module": "src/badge/badge.ts"
+            "name": "Banner",
+            "module": "src/banner/banner.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBadge",
+          "name": "foundationBanner",
           "declaration": {
-            "name": "foundationBadge",
-            "module": "src/badge/badge.ts"
+            "name": "foundationBanner",
+            "module": "src/banner/banner.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/index.ts",
+      "path": "src/banner/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -5213,7 +5213,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.template"
+            "package": "./banner.styles"
           }
         },
         {
@@ -5221,7 +5221,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.styles"
+            "package": "./banner.template"
           }
         },
         {
@@ -5229,7 +5229,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge"
+            "package": "./banner"
           }
         }
       ]
@@ -35702,7 +35702,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/index.ts",
+      "path": "src/switch/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -35710,7 +35710,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab.template"
+            "package": "./switch.template"
           }
         },
         {
@@ -35718,7 +35718,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab.styles"
+            "package": "./switch.styles"
           }
         },
         {
@@ -35726,18 +35726,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab"
+            "package": "./switch"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.styles.ts",
+      "path": "src/switch/switch.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabStyles",
+          "name": "foundationSwitchStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -35753,7 +35753,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "SwitchOptions"
               }
             }
           ]
@@ -35762,24 +35762,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabStyles",
+          "name": "foundationSwitchStyles",
           "declaration": {
-            "name": "foundationTabStyles",
-            "module": "src/tab/tab.styles.ts"
+            "name": "foundationSwitchStyles",
+            "module": "src/switch/switch.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.template.ts",
+      "path": "src/switch/switch.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabTemplate",
+          "name": "foundationSwitchTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Tab>"
+              "text": "ViewTemplate<Switch>"
             }
           },
           "parameters": [
@@ -35801,53 +35801,76 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabTemplate",
+          "name": "foundationSwitchTemplate",
           "declaration": {
-            "name": "foundationTabTemplate",
-            "module": "src/tab/tab.template.ts"
+            "name": "foundationSwitchTemplate",
+            "module": "src/switch/switch.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.ts",
+      "path": "src/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Tab",
+          "name": "Switch",
           "superclass": {
-            "name": "FASTTab",
+            "name": "FASTSwitch",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-tab",
+          "tagName": "%%prefix%%-switch",
           "customElement": true,
           "attributes": [
             {
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
-              "fieldName": "disabled",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
               "inheritedFrom": {
-                "name": "Tab",
-                "module": "src/tab/tab.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "Tab",
-                "module": "src/tab/tab.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35859,8 +35882,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35872,8 +35895,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35885,8 +35908,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35899,8 +35922,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35912,8 +35935,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35926,8 +35949,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -35957,15 +35980,25 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationTabShadowOptions",
+          "name": "foundationSwitchShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -35973,57 +36006,57 @@
         },
         {
           "kind": "variable",
-          "name": "defaultTabConfig",
+          "name": "defaultSwitchConfig",
           "type": {
             "text": "object"
           },
-          "default": "{}"
+          "default": "{\n  switch: `<div class=\"checked-indicator\" part=\"checked-indicator\"></div>`,\n}"
         },
         {
           "kind": "variable",
-          "name": "foundationTab",
-          "description": "The Foundation Tab",
+          "name": "foundationSwitch",
+          "description": "The Foundation Switch",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Tab",
+          "name": "Switch",
           "declaration": {
-            "name": "Tab",
-            "module": "src/tab/tab.ts"
+            "name": "Switch",
+            "module": "src/switch/switch.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTabShadowOptions",
+          "name": "foundationSwitchShadowOptions",
           "declaration": {
-            "name": "foundationTabShadowOptions",
-            "module": "src/tab/tab.ts"
+            "name": "foundationSwitchShadowOptions",
+            "module": "src/switch/switch.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultTabConfig",
+          "name": "defaultSwitchConfig",
           "declaration": {
-            "name": "defaultTabConfig",
-            "module": "src/tab/tab.ts"
+            "name": "defaultSwitchConfig",
+            "module": "src/switch/switch.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTab",
+          "name": "foundationSwitch",
           "declaration": {
-            "name": "foundationTab",
-            "module": "src/tab/tab.ts"
+            "name": "foundationSwitch",
+            "module": "src/switch/switch.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/index.ts",
+      "path": "src/tab/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -36031,7 +36064,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel.template"
+            "package": "./tab.template"
           }
         },
         {
@@ -36039,7 +36072,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel.styles"
+            "package": "./tab.styles"
           }
         },
         {
@@ -36047,18 +36080,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel"
+            "package": "./tab"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.styles.ts",
+      "path": "src/tab/tab.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabPanelStyles",
+          "name": "foundationTabStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -36083,24 +36116,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabPanelStyles",
+          "name": "foundationTabStyles",
           "declaration": {
-            "name": "foundationTabPanelStyles",
-            "module": "src/tab-panel/tab-panel.styles.ts"
+            "name": "foundationTabStyles",
+            "module": "src/tab/tab.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.template.ts",
+      "path": "src/tab/tab.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabPanelTemplate",
+          "name": "foundationTabTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TabPanel>"
+              "text": "ViewTemplate<Tab>"
             }
           },
           "parameters": [
@@ -36122,29 +36155,55 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabPanelTemplate",
+          "name": "foundationTabTemplate",
           "declaration": {
-            "name": "foundationTabPanelTemplate",
-            "module": "src/tab-panel/tab-panel.template.ts"
+            "name": "foundationTabTemplate",
+            "module": "src/tab/tab.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.ts",
+      "path": "src/tab/tab.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TabPanel",
+          "name": "Tab",
           "superclass": {
-            "name": "FASTTabPanel",
+            "name": "FASTTab",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-tab-panel",
+          "tagName": "%%prefix%%-tab",
           "customElement": true,
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "Tab",
+                "module": "src/tab/tab.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
+              "inheritedFrom": {
+                "name": "Tab",
+                "module": "src/tab/tab.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -36260,7 +36319,7 @@
         },
         {
           "kind": "variable",
-          "name": "foundationTabPanelShadowOptions",
+          "name": "foundationTabShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -36268,7 +36327,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultTabPanelConfig",
+          "name": "defaultTabConfig",
           "type": {
             "text": "object"
           },
@@ -36276,49 +36335,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationTabPanel",
-          "description": "The Foundation Tab Panel",
+          "name": "foundationTab",
+          "description": "The Foundation Tab",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TabPanel",
+          "name": "Tab",
           "declaration": {
-            "name": "TabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "Tab",
+            "module": "src/tab/tab.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTabPanelShadowOptions",
+          "name": "foundationTabShadowOptions",
           "declaration": {
-            "name": "foundationTabPanelShadowOptions",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "foundationTabShadowOptions",
+            "module": "src/tab/tab.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultTabPanelConfig",
+          "name": "defaultTabConfig",
           "declaration": {
-            "name": "defaultTabPanelConfig",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "defaultTabConfig",
+            "module": "src/tab/tab.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTabPanel",
+          "name": "foundationTab",
           "declaration": {
-            "name": "foundationTabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "foundationTab",
+            "module": "src/tab/tab.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/index.ts",
+      "path": "src/tab-panel/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -36326,7 +36385,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./switch.template"
+            "package": "./tab-panel.template"
           }
         },
         {
@@ -36334,7 +36393,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./switch.styles"
+            "package": "./tab-panel.styles"
           }
         },
         {
@@ -36342,18 +36401,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./switch"
+            "package": "./tab-panel"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.styles.ts",
+      "path": "src/tab-panel/tab-panel.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSwitchStyles",
+          "name": "foundationTabPanelStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -36369,7 +36428,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "SwitchOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -36378,24 +36437,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSwitchStyles",
+          "name": "foundationTabPanelStyles",
           "declaration": {
-            "name": "foundationSwitchStyles",
-            "module": "src/switch/switch.styles.ts"
+            "name": "foundationTabPanelStyles",
+            "module": "src/tab-panel/tab-panel.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.template.ts",
+      "path": "src/tab-panel/tab-panel.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSwitchTemplate",
+          "name": "foundationTabPanelTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Switch>"
+              "text": "ViewTemplate<TabPanel>"
             }
           },
           "parameters": [
@@ -36417,78 +36476,29 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSwitchTemplate",
+          "name": "foundationTabPanelTemplate",
           "declaration": {
-            "name": "foundationSwitchTemplate",
-            "module": "src/switch/switch.template.ts"
+            "name": "foundationTabPanelTemplate",
+            "module": "src/tab-panel/tab-panel.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.ts",
+      "path": "src/tab-panel/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Switch",
+          "name": "TabPanel",
           "superclass": {
-            "name": "FASTSwitch",
+            "name": "FASTTabPanel",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-switch",
+          "tagName": "%%prefix%%-tab-panel",
           "customElement": true,
-          "attributes": [
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            }
-          ],
           "members": [
-            {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -36498,8 +36508,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36511,8 +36521,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36524,8 +36534,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36538,8 +36548,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36551,8 +36561,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36565,8 +36575,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -36596,25 +36606,15 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emits a custom change event when the checked state changes",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationSwitchShadowOptions",
+          "name": "foundationTabPanelShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -36622,57 +36622,57 @@
         },
         {
           "kind": "variable",
-          "name": "defaultSwitchConfig",
+          "name": "defaultTabPanelConfig",
           "type": {
             "text": "object"
           },
-          "default": "{\n  switch: `<div class=\"checked-indicator\" part=\"checked-indicator\"></div>`,\n}"
+          "default": "{}"
         },
         {
           "kind": "variable",
-          "name": "foundationSwitch",
-          "description": "The Foundation Switch",
+          "name": "foundationTabPanel",
+          "description": "The Foundation Tab Panel",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Switch",
+          "name": "TabPanel",
           "declaration": {
-            "name": "Switch",
-            "module": "src/switch/switch.ts"
+            "name": "TabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSwitchShadowOptions",
+          "name": "foundationTabPanelShadowOptions",
           "declaration": {
-            "name": "foundationSwitchShadowOptions",
-            "module": "src/switch/switch.ts"
+            "name": "foundationTabPanelShadowOptions",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultSwitchConfig",
+          "name": "defaultTabPanelConfig",
           "declaration": {
-            "name": "defaultSwitchConfig",
-            "module": "src/switch/switch.ts"
+            "name": "defaultTabPanelConfig",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSwitch",
+          "name": "foundationTabPanel",
           "declaration": {
-            "name": "foundationSwitch",
-            "module": "src/switch/switch.ts"
+            "name": "foundationTabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/index.ts",
+      "path": "src/tabs/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -36680,7 +36680,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.template"
+            "package": "./tabs.template"
           }
         },
         {
@@ -36688,7 +36688,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.styles"
+            "package": "./tabs.styles"
           }
         },
         {
@@ -36696,18 +36696,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area"
+            "package": "./tabs"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.styles.ts",
+      "path": "src/tabs/tabs.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTextAreaStyles",
+          "name": "foundationTabsStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -36732,24 +36732,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTextAreaStyles",
+          "name": "foundationTabsStyles",
           "declaration": {
-            "name": "foundationTextAreaStyles",
-            "module": "src/text-area/text-area.styles.ts"
+            "name": "foundationTabsStyles",
+            "module": "src/tabs/tabs.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.template.ts",
+      "path": "src/tabs/tabs.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTextAreaTemplate",
+          "name": "foundationTabsTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TextArea>"
+              "text": "ViewTemplate<Tabs>"
             }
           },
           "parameters": [
@@ -36771,380 +36771,410 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTextAreaTemplate",
+          "name": "foundationTabsTemplate",
           "declaration": {
-            "name": "foundationTextAreaTemplate",
-            "module": "src/text-area/text-area.template.ts"
+            "name": "foundationTabsTemplate",
+            "module": "src/tabs/tabs.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.ts",
+      "path": "src/tabs/tabs.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextArea",
+          "name": "Tabs",
           "superclass": {
-            "name": "FASTTextArea",
+            "name": "FASTTabs",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-text-area",
+          "tagName": "%%prefix%%-tabs",
           "customElement": true,
           "attributes": [
             {
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "TabsOrientation"
               },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "default": "20",
+              "description": "The orientation",
+              "fieldName": "orientation",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "resize",
+              "name": "activeid",
               "type": {
-                "text": "TextAreaResize"
+                "text": "string"
               },
-              "description": "The resize mode of the element.",
-              "fieldName": "resize",
+              "description": "The id of the active tab",
+              "fieldName": "activeid",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "form",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
-              "fieldName": "formId",
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
+              "fieldName": "activeindicator",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
-              "name": "list",
+              "kind": "field",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "TabsOrientation"
               },
-              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
-              "fieldName": "list",
+              "privacy": "public",
+              "description": "The orientation",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "activeid",
               "type": {
                 "text": "string"
               },
-              "description": "The name of the element.",
-              "fieldName": "name",
+              "privacy": "public",
+              "description": "The id of the active tab",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "activeindicator",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
-              "fieldName": "placeholder",
+              "privacy": "public",
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "activetab",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
               "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
+              "description": "A reference to the active tab",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "prevActiveTabIndex",
+              "type": {
+                "text": "number"
               },
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "resize",
+              "name": "activeTabIndex",
               "type": {
-                "text": "TextAreaResize"
+                "text": "number"
               },
-              "privacy": "public",
-              "description": "The resize mode of the element.",
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "ticking",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Indicates that this element should get focus after the page finishes loading.",
+              "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "autofocusChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "tabIds",
+              "type": {
+                "text": "Array<string>"
               },
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formId",
+              "name": "tabpanelIds",
               "type": {
-                "text": "string"
+                "text": "Array<string>"
               },
-              "privacy": "public",
-              "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "list",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
+              "name": "change",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "listChanged",
+              "kind": "field",
+              "name": "isDisabledElement",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "maxlength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The maximum number of characters a user can enter.",
+              "name": "isHiddenElement",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isFocusableElement",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "maxlengthChanged",
+              "name": "getActiveIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The minimum number of characters a user can enter.",
+              "name": "setTabs",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "setTabPanels",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "minlengthChanged",
+              "name": "getTabIds",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Array<string>"
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getTabPanelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
               },
-              "privacy": "public",
-              "description": "The name of the element.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "setComponent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "cols",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "20",
-              "description": "Sizes the element horizontally by a number of character columns.",
+              "name": "handleTabClick",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "isHorizontal",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "public",
-              "description": "Sizes the element vertically by a number of character rows.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+              "name": "handleTabKeyDown",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "spellcheckChanged",
+              "name": "handleActiveIndicatorPosition",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "select",
-              "privacy": "public",
+              "name": "animateActiveIndicator",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Selects all the text in the text area",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "validate",
+              "name": "adjust",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "{@inheritDoc (FormAssociated:interface).validate}",
+              "parameters": [
+                {
+                  "name": "adjustment",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The adjust method for FASTTabs",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "proxy",
+              "name": "adjustForward",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "adjustBackward",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "moveToTabByIndex",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focusTab",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -37156,8 +37186,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37169,8 +37199,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37182,8 +37212,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37196,8 +37226,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37209,8 +37239,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37223,8 +37253,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -37254,25 +37284,25 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ],
           "events": [
             {
-              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
               "name": "change",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationTextAreaShadowOptions",
+          "name": "foundationTabsShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -37280,7 +37310,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultTextAreaConfig",
+          "name": "defaultTabsConfig",
           "type": {
             "text": "object"
           },
@@ -37288,49 +37318,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationTextArea",
-          "description": "The Foundation Text Area",
+          "name": "foundationTabs",
+          "description": "The Foundation Tabs",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextArea",
+          "name": "Tabs",
           "declaration": {
-            "name": "TextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "Tabs",
+            "module": "src/tabs/tabs.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTextAreaShadowOptions",
+          "name": "foundationTabsShadowOptions",
           "declaration": {
-            "name": "foundationTextAreaShadowOptions",
-            "module": "src/text-area/text-area.ts"
+            "name": "foundationTabsShadowOptions",
+            "module": "src/tabs/tabs.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultTextAreaConfig",
+          "name": "defaultTabsConfig",
           "declaration": {
-            "name": "defaultTextAreaConfig",
-            "module": "src/text-area/text-area.ts"
+            "name": "defaultTabsConfig",
+            "module": "src/tabs/tabs.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTextArea",
+          "name": "foundationTabs",
           "declaration": {
-            "name": "foundationTextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "foundationTabs",
+            "module": "src/tabs/tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/index.ts",
+      "path": "src/text-area/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -37338,7 +37368,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field.template"
+            "package": "./text-area.template"
           }
         },
         {
@@ -37346,7 +37376,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field.styles"
+            "package": "./text-area.styles"
           }
         },
         {
@@ -37354,18 +37384,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field"
+            "package": "./text-area"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.styles.ts",
+      "path": "src/text-area/text-area.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTextFieldStyles",
+          "name": "foundationTextAreaStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -37390,27 +37420,38 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTextFieldStyles",
+          "name": "foundationTextAreaStyles",
           "declaration": {
-            "name": "foundationTextFieldStyles",
-            "module": "src/text-field/text-field.styles.ts"
+            "name": "foundationTextAreaStyles",
+            "module": "src/text-area/text-area.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.template.ts",
+      "path": "src/text-area/text-area.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTextFieldTemplate",
+          "name": "foundationTextAreaTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<TextArea>"
+            }
+          },
           "parameters": [
             {
-              "name": "context"
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
             },
             {
-              "name": "definition"
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
             }
           ]
         }
@@ -37418,55 +37459,103 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTextFieldTemplate",
+          "name": "foundationTextAreaTemplate",
           "declaration": {
-            "name": "foundationTextFieldTemplate",
-            "module": "src/text-field/text-field.template.ts"
+            "name": "foundationTextAreaTemplate",
+            "module": "src/text-area/text-area.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.ts",
+      "path": "src/text-area/text-area.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextField",
-          "members": [
+          "name": "TextArea",
+          "superclass": {
+            "name": "FASTTextArea",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-text-area",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "autocomplete",
               "type": {
-                "text": "string"
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
+              "default": "20",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "autocompleteChanged",
-              "privacy": "private"
+              "name": "resize",
+              "type": {
+                "text": "TextAreaResize"
+              },
+              "description": "The resize mode of the element.",
+              "fieldName": "resize",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "autocapitalize",
+              "name": "form",
               "type": {
                 "text": "string"
               },
-              "default": "'off'"
+              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+              "fieldName": "formId",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "autocapitalizeChanged",
-              "privacy": "private"
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "step",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
+              },
+              "description": "The name of the element.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "readOnly",
@@ -37476,8 +37565,8 @@
               "privacy": "public",
               "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37490,53 +37579,39 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "resize",
               "type": {
-                "text": "boolean"
+                "text": "TextAreaResize"
               },
               "privacy": "public",
-              "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "autofocusChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "The resize mode of the element.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "autofocus",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "description": "Indicates that this element should get focus after the page finishes loading.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "placeholderChanged",
+              "name": "autofocusChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -37544,35 +37619,21 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "formId",
               "type": {
-                "text": "TextFieldType"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "Allows setting a type or mode of text.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "typeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37584,8 +37645,8 @@
               "privacy": "public",
               "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37598,8 +37659,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37611,8 +37672,8 @@
               "privacy": "public",
               "description": "The maximum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37625,8 +37686,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37638,8 +37699,8 @@
               "privacy": "public",
               "description": "The minimum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37652,62 +37713,61 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "pattern",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "A regular expression that the value must match to pass validation.",
+              "description": "The name of the element.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "patternChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
               },
+              "privacy": "public",
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "cols",
               "type": {
                 "text": "number"
               },
               "privacy": "public",
-              "description": "Sets the width of the element to a specified number of characters.",
+              "default": "20",
+              "description": "Sizes the element horizontally by a number of character columns.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "sizeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
               },
+              "privacy": "public",
+              "description": "Sizes the element vertically by a number of character rows.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37717,10 +37777,10 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
+              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37733,8 +37793,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37746,10 +37806,10 @@
                   "text": "void"
                 }
               },
-              "description": "Selects all the text in the text field",
+              "description": "Selects all the text in the text area",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37763,16 +37823,16 @@
               },
               "description": "{@inheritDoc (FormAssociated:interface).validate}",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
               "name": "proxy",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37784,8 +37844,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37797,8 +37857,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37810,8 +37870,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37824,8 +37884,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37837,8 +37897,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37851,8 +37911,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -37882,134 +37942,33 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "autocomplete"
-            },
-            {
-              "name": "autocapitalize",
-              "type": {
-                "text": "string"
-              },
-              "default": "'off'",
-              "fieldName": "autocapitalize"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "step"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
+          "events": [
             {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
-              "fieldName": "placeholder",
+              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "name": "change",
               "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "TextFieldType"
-              },
-              "description": "Allows setting a type or mode of text.",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "list",
-              "type": {
-                "text": "string"
-              },
-              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
-              "fieldName": "list",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression that the value must match to pass validation.",
-              "fieldName": "pattern",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "FASTTextField",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-text-field",
-          "customElement": true,
-          "events": [
-            {
-              "description": "Fires a custom 'change' event when the value has changed",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationTextFieldShadowOptions",
+          "name": "foundationTextAreaShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+          "default": "undefined"
         },
         {
           "kind": "variable",
-          "name": "defaultTextFieldConfig",
+          "name": "defaultTextAreaConfig",
           "type": {
             "text": "object"
           },
@@ -38017,49 +37976,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationTextField",
-          "description": "The Foundation Text Fields",
+          "name": "foundationTextArea",
+          "description": "The Foundation Text Area",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextField",
+          "name": "TextArea",
           "declaration": {
-            "name": "TextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "TextArea",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTextFieldShadowOptions",
+          "name": "foundationTextAreaShadowOptions",
           "declaration": {
-            "name": "foundationTextFieldShadowOptions",
-            "module": "src/text-field/text-field.ts"
+            "name": "foundationTextAreaShadowOptions",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultTextFieldConfig",
+          "name": "defaultTextAreaConfig",
           "declaration": {
-            "name": "defaultTextFieldConfig",
-            "module": "src/text-field/text-field.ts"
+            "name": "defaultTextAreaConfig",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTextField",
+          "name": "foundationTextArea",
           "declaration": {
-            "name": "foundationTextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "foundationTextArea",
+            "module": "src/text-area/text-area.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/index.ts",
+      "path": "src/text-field/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -38067,7 +38026,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.template"
+            "package": "./text-field.template"
           }
         },
         {
@@ -38075,7 +38034,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.styles"
+            "package": "./text-field.styles"
           }
         },
         {
@@ -38083,18 +38042,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs"
+            "package": "./text-field"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.styles.ts",
+      "path": "src/text-field/text-field.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabsStyles",
+          "name": "foundationTextFieldStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -38119,38 +38078,27 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabsStyles",
+          "name": "foundationTextFieldStyles",
           "declaration": {
-            "name": "foundationTabsStyles",
-            "module": "src/tabs/tabs.styles.ts"
+            "name": "foundationTextFieldStyles",
+            "module": "src/text-field/text-field.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.template.ts",
+      "path": "src/text-field/text-field.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationTabsTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Tabs>"
-            }
-          },
+          "name": "foundationTextFieldTemplate",
           "parameters": [
             {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
+              "name": "context"
             },
             {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
+              "name": "definition"
             }
           ]
         }
@@ -38158,282 +38106,260 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationTabsTemplate",
+          "name": "foundationTextFieldTemplate",
           "declaration": {
-            "name": "foundationTabsTemplate",
-            "module": "src/tabs/tabs.template.ts"
+            "name": "foundationTextFieldTemplate",
+            "module": "src/text-field/text-field.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.ts",
+      "path": "src/text-field/text-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Tabs",
-          "superclass": {
-            "name": "FASTTabs",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-tabs",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "orientation",
-              "type": {
-                "text": "TabsOrientation"
-              },
-              "description": "The orientation",
-              "fieldName": "orientation",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
+          "name": "TextField",
+          "members": [
             {
-              "name": "activeid",
+              "kind": "field",
+              "name": "autocomplete",
               "type": {
                 "text": "string"
-              },
-              "description": "The id of the active tab",
-              "fieldName": "activeid",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
-              "fieldName": "activeindicator",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "autocompleteChanged",
+              "privacy": "private"
+            },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "autocapitalize",
               "type": {
-                "text": "TabsOrientation"
+                "text": "string"
               },
-              "privacy": "public",
-              "description": "The orientation",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
+              "default": "'off'"
+            },
+            {
+              "kind": "method",
+              "name": "autocapitalizeChanged",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "activeid",
+              "name": "step",
               "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The id of the active tab",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "text": "number"
               }
             },
             {
               "kind": "field",
-              "name": "activeindicator",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activetab",
-              "type": {
-                "text": "HTMLElement"
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "A reference to the active tab",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "prevActiveTabIndex",
+              "name": "autofocus",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0",
+              "privacy": "public",
+              "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activeTabIndex",
-              "type": {
-                "text": "number"
-              },
+              "kind": "method",
+              "name": "autofocusChanged",
               "privacy": "private",
-              "default": "0",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "ticking",
+              "name": "placeholder",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
+              "privacy": "public",
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "tabIds",
-              "type": {
-                "text": "Array<string>"
-              },
+              "kind": "method",
+              "name": "placeholderChanged",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabpanelIds",
+              "name": "type",
               "type": {
-                "text": "Array<string>"
+                "text": "TextFieldType"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "description": "Allows setting a type or mode of text.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "change",
+              "kind": "method",
+              "name": "typeChanged",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "isDisabledElement",
-              "privacy": "private",
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "isHiddenElement",
+              "kind": "method",
+              "name": "listChanged",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "isFocusableElement",
-              "privacy": "private",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "The maximum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getActiveIndex",
+              "name": "maxlengthChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "setTabs",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setTabPanels",
-              "privacy": "private",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "The minimum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getTabIds",
+              "name": "minlengthChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Array<string>"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "getTabPanelIds",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<string>"
-                }
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
               },
+              "privacy": "public",
+              "description": "A regular expression that the value must match to pass validation.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setComponent",
+              "name": "patternChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -38441,54 +38367,53 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleTabClick",
-              "privacy": "private",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "Sets the width of the element to a specified number of characters.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "isHorizontal",
+              "name": "sizeChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleTabKeyDown",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleActiveIndicatorPosition",
-              "privacy": "private",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "animateActiveIndicator",
+              "name": "spellcheckChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -38496,72 +38421,46 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "adjust",
+              "name": "select",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "adjustment",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "The adjust method for FASTTabs",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "adjustForward",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "adjustBackward",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "moveToTabByIndex",
-              "privacy": "private",
+              "description": "Selects all the text in the text field",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "focusTab",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38573,8 +38472,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38586,8 +38485,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38599,8 +38498,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38613,8 +38512,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38626,8 +38525,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38640,8 +38539,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -38671,33 +38570,134 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "autocomplete"
+            },
+            {
+              "name": "autocapitalize",
+              "type": {
+                "text": "string"
+              },
+              "default": "'off'",
+              "fieldName": "autocapitalize"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "fieldName": "autofocus",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "TextFieldType"
+              },
+              "description": "Allows setting a type or mode of text.",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression that the value must match to pass validation.",
+              "fieldName": "pattern",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "FASTTextField",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-text-field",
+          "customElement": true,
           "events": [
             {
-              "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
+              "description": "Fires a custom 'change' event when the value has changed",
               "name": "change",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationTabsShadowOptions",
+          "name": "foundationTextFieldShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
-          "default": "undefined"
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
         },
         {
           "kind": "variable",
-          "name": "defaultTabsConfig",
+          "name": "defaultTextFieldConfig",
           "type": {
             "text": "object"
           },
@@ -38705,42 +38705,42 @@
         },
         {
           "kind": "variable",
-          "name": "foundationTabs",
-          "description": "The Foundation Tabs",
+          "name": "foundationTextField",
+          "description": "The Foundation Text Fields",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Tabs",
+          "name": "TextField",
           "declaration": {
-            "name": "Tabs",
-            "module": "src/tabs/tabs.ts"
+            "name": "TextField",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTabsShadowOptions",
+          "name": "foundationTextFieldShadowOptions",
           "declaration": {
-            "name": "foundationTabsShadowOptions",
-            "module": "src/tabs/tabs.ts"
+            "name": "foundationTextFieldShadowOptions",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultTabsConfig",
+          "name": "defaultTextFieldConfig",
           "declaration": {
-            "name": "defaultTabsConfig",
-            "module": "src/tabs/tabs.ts"
+            "name": "defaultTextFieldConfig",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationTabs",
+          "name": "foundationTextField",
           "declaration": {
-            "name": "foundationTabs",
-            "module": "src/tabs/tabs.ts"
+            "name": "foundationTextField",
+            "module": "src/text-field/text-field.ts"
           }
         }
       ]
@@ -40270,188 +40270,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tree-view/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tree-view.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tree-view.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tree-view"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tree-view/tree-view.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationTreeViewStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationTreeViewStyles",
-          "declaration": {
-            "name": "foundationTreeViewStyles",
-            "module": "src/tree-view/tree-view.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tree-view/tree-view.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationTreeViewTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<TreeView>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationTreeViewTemplate",
-          "declaration": {
-            "name": "foundationTreeViewTemplate",
-            "module": "src/tree-view/tree-view.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tree-view/tree-view.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TreeView",
-          "superclass": {
-            "name": "FASTTreeView",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-tree-view",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationTreeViewShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultTreeViewConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationTreeView",
-          "description": "The Foundation Tree View",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TreeView",
-          "declaration": {
-            "name": "TreeView",
-            "module": "src/tree-view/tree-view.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationTreeViewShadowOptions",
-          "declaration": {
-            "name": "foundationTreeViewShadowOptions",
-            "module": "src/tree-view/tree-view.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultTreeViewConfig",
-          "declaration": {
-            "name": "defaultTreeViewConfig",
-            "module": "src/tree-view/tree-view.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationTreeView",
-          "declaration": {
-            "name": "foundationTreeView",
-            "module": "src/tree-view/tree-view.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tree-item/index.ts",
@@ -40903,6 +40721,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-view/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-view.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-view.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-view"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-view/tree-view.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationTreeViewStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationTreeViewStyles",
+          "declaration": {
+            "name": "foundationTreeViewStyles",
+            "module": "src/tree-view/tree-view.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-view/tree-view.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationTreeViewTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<TreeView>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationTreeViewTemplate",
+          "declaration": {
+            "name": "foundationTreeViewTemplate",
+            "module": "src/tree-view/tree-view.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-view/tree-view.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TreeView",
+          "superclass": {
+            "name": "FASTTreeView",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-tree-view",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationTreeViewShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultTreeViewConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationTreeView",
+          "description": "The Foundation Tree View",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TreeView",
+          "declaration": {
+            "name": "TreeView",
+            "module": "src/tree-view/tree-view.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationTreeViewShadowOptions",
+          "declaration": {
+            "name": "foundationTreeViewShadowOptions",
+            "module": "src/tree-view/tree-view.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultTreeViewConfig",
+          "declaration": {
+            "name": "defaultTreeViewConfig",
+            "module": "src/tree-view/tree-view.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationTreeView",
+          "declaration": {
+            "name": "foundationTreeView",
+            "module": "src/tree-view/tree-view.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/url-input/index.ts",