@genesislcap/foundation-ui 14.139.1 → 14.139.2

package/dist/custom-elements.json

@@ -785,6 +785,78 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/icons.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "closeIcon",
+          "parameters": [
+            {
+              "name": "slot",
+              "default": "'start'"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "closeIcon",
+          "declaration": {
+            "name": "closeIcon",
+            "module": "src/_common/icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icons"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion.styles.ts",
@@ -1361,37 +1433,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2471,47 +2512,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/icons.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "closeIcon",
-          "parameters": [
-            {
-              "name": "slot",
-              "default": "'start'"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "closeIcon",
-          "declaration": {
-            "name": "closeIcon",
-            "module": "src/_common/icons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icons"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchor-region.template.ts",
@@ -14147,89 +14147,554 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/error-banner/error-banner.template.ts",
+      "path": "src/dropdown-menu/dropdown-menu.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "getPrefixedErrorBanner",
+          "name": "dropdownMenuBaseStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
           "parameters": [
             {
               "name": "prefix",
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
             }
           ]
         },
         {
-          "kind": "variable",
-          "name": "foundationErrorBannerTemplate",
-          "default": "html<ErrorBanner>`\n  ${(x) => getPrefixedErrorBanner(getPrefix(x))}\n`"
+          "kind": "function",
+          "name": "foundationDropdownMenuStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "getPrefixedErrorBanner",
+          "name": "dropdownMenuBaseStyles",
           "declaration": {
-            "name": "getPrefixedErrorBanner",
-            "module": "src/error-banner/error-banner.template.ts"
+            "name": "dropdownMenuBaseStyles",
+            "module": "src/dropdown-menu/dropdown-menu.styles.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationErrorBannerTemplate",
+          "name": "foundationDropdownMenuStyles",
           "declaration": {
-            "name": "foundationErrorBannerTemplate",
-            "module": "src/error-banner/error-banner.template.ts"
+            "name": "foundationDropdownMenuStyles",
+            "module": "src/dropdown-menu/dropdown-menu.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/error-banner/error-banner.ts",
+      "path": "src/dropdown-menu/dropdown-menu.template.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "extractMenuItems",
+          "parameters": [
+            {
+              "name": "items",
+              "type": {
+                "text": "DropdownMenuItem[]"
+              }
+            },
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDropdownMenuTemplate",
+          "parameters": [
+            {
+              "name": "prefix"
+            }
+          ]
+        },
         {
           "kind": "variable",
-          "name": "foundationErrorBannerShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+          "name": "foundationDropdownMenuTemplate",
+          "default": "html<DropdownMenu>`\n  ${(x) => getDropdownMenuTemplate(getPrefix(x))}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "extractMenuItems",
+          "declaration": {
+            "name": "extractMenuItems",
+            "module": "src/dropdown-menu/dropdown-menu.template.ts"
+          }
         },
+        {
+          "kind": "js",
+          "name": "getDropdownMenuTemplate",
+          "declaration": {
+            "name": "getDropdownMenuTemplate",
+            "module": "src/dropdown-menu/dropdown-menu.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationDropdownMenuTemplate",
+          "declaration": {
+            "name": "foundationDropdownMenuTemplate",
+            "module": "src/dropdown-menu/dropdown-menu.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dropdown-menu/dropdown-menu.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ErrorBanner",
+          "name": "DropdownMenu",
           "members": [
             {
               "kind": "field",
-              "name": "banner",
+              "name": "items",
               "type": {
-                "text": "HTMLElement & { dismiss: () => Promise<void> }"
+                "text": "DropdownMenuItem[]"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autoClose",
+              "type": {
+                "text": "boolean"
               },
-              "privacy": "public"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "disabled",
               "type": {
-                "text": "ErrorStructure"
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "classNames",
+              "type": {
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "notification",
+              "name": "name",
               "type": {
-                "text": "NotificationStructure"
+                "text": "string"
+              },
+              "default": "'Dropdown Menu'"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "buttonAppearance",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropdownMenu",
+              "type": {
+                "text": "HTMLElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "clickOutside",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "dismiss",
-              "privacy": "public",
-              "description": "Dismiss the Error Banner from display."
+              "name": "handleClickOutside",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openChanged",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "toggleDropdownMenuVisibility"
+            },
+            {
+              "kind": "method",
+              "name": "onDropdownMenuItemClick"
+            },
+            {
+              "kind": "field",
+              "name": "allItems",
+              "type": {
+                "text": "DropdownMenuItem[]"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "auto-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "autoClose"
+            },
+            {
+              "name": "disable-button",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dropdown Menu'",
+              "fieldName": "name"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "name": "buttonAppearance",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "buttonAppearance"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-dropdown-menu",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationDropdownMenu",
+          "description": "The Foundation Dropdown Menu",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DropdownMenu",
+          "declaration": {
+            "name": "DropdownMenu",
+            "module": "src/dropdown-menu/dropdown-menu.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationDropdownMenu",
+          "declaration": {
+            "name": "foundationDropdownMenu",
+            "module": "src/dropdown-menu/dropdown-menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dropdown-menu/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dropdown-menu.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dropdown-menu.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dropdown-menu"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/error-banner/error-banner.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getPrefixedErrorBanner",
+          "parameters": [
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationErrorBannerTemplate",
+          "default": "html<ErrorBanner>`\n  ${(x) => getPrefixedErrorBanner(getPrefix(x))}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getPrefixedErrorBanner",
+          "declaration": {
+            "name": "getPrefixedErrorBanner",
+            "module": "src/error-banner/error-banner.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationErrorBannerTemplate",
+          "declaration": {
+            "name": "foundationErrorBannerTemplate",
+            "module": "src/error-banner/error-banner.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/error-banner/error-banner.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationErrorBannerShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ErrorBanner",
+          "members": [
+            {
+              "kind": "field",
+              "name": "banner",
+              "type": {
+                "text": "HTMLElement & { dismiss: () => Promise<void> }"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "ErrorStructure"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "notification",
+              "type": {
+                "text": "NotificationStructure"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dismiss",
+              "privacy": "public",
+              "description": "Dismiss the Error Banner from display."
             },
             {
               "kind": "field",
@@ -15733,471 +16198,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/dropdown-menu/dropdown-menu.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "dropdownMenuBaseStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "foundationDropdownMenuStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "dropdownMenuBaseStyles",
-          "declaration": {
-            "name": "dropdownMenuBaseStyles",
-            "module": "src/dropdown-menu/dropdown-menu.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationDropdownMenuStyles",
-          "declaration": {
-            "name": "foundationDropdownMenuStyles",
-            "module": "src/dropdown-menu/dropdown-menu.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/dropdown-menu/dropdown-menu.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "extractMenuItems",
-          "parameters": [
-            {
-              "name": "items",
-              "type": {
-                "text": "DropdownMenuItem[]"
-              }
-            },
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getDropdownMenuTemplate",
-          "parameters": [
-            {
-              "name": "prefix"
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationDropdownMenuTemplate",
-          "default": "html<DropdownMenu>`\n  ${(x) => getDropdownMenuTemplate(getPrefix(x))}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "extractMenuItems",
-          "declaration": {
-            "name": "extractMenuItems",
-            "module": "src/dropdown-menu/dropdown-menu.template.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDropdownMenuTemplate",
-          "declaration": {
-            "name": "getDropdownMenuTemplate",
-            "module": "src/dropdown-menu/dropdown-menu.template.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationDropdownMenuTemplate",
-          "declaration": {
-            "name": "foundationDropdownMenuTemplate",
-            "module": "src/dropdown-menu/dropdown-menu.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/dropdown-menu/dropdown-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DropdownMenu",
-          "members": [
-            {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "DropdownMenuItem[]"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "autoClose",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "classNames",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Dropdown Menu'"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "buttonAppearance",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dropdownMenu",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "clickOutside",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleClickOutside",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "toggleDropdownMenuVisibility"
-            },
-            {
-              "kind": "method",
-              "name": "onDropdownMenuItemClick"
-            },
-            {
-              "kind": "field",
-              "name": "allItems",
-              "type": {
-                "text": "DropdownMenuItem[]"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
-              "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"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "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"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "auto-close",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "autoClose"
-            },
-            {
-              "name": "disable-button",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Dropdown Menu'",
-              "fieldName": "name"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "open"
-            },
-            {
-              "name": "buttonAppearance",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "buttonAppearance"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-dropdown-menu",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationDropdownMenu",
-          "description": "The Foundation Dropdown Menu",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DropdownMenu",
-          "declaration": {
-            "name": "DropdownMenu",
-            "module": "src/dropdown-menu/dropdown-menu.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationDropdownMenu",
-          "declaration": {
-            "name": "foundationDropdownMenu",
-            "module": "src/dropdown-menu/dropdown-menu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/dropdown-menu/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dropdown-menu.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dropdown-menu.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dropdown-menu"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/filter/filter.styles.ts",
@@ -30244,382 +30244,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-item.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-item.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-item"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationSegmentedItemStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "RadioOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationSegmentedItemStyles",
-          "declaration": {
-            "name": "foundationSegmentedItemStyles",
-            "module": "src/segmented-item/segmented-item.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationSegmentedItemTemplate",
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "RadioOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationSegmentedItemTemplate",
-          "declaration": {
-            "name": "foundationSegmentedItemTemplate",
-            "module": "src/segmented-item/segmented-item.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SegmentedItem",
-          "superclass": {
-            "name": "FASTRadio",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-segmented-item",
-          "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": "Radio",
-                "module": "src/radio/radio.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": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isInsideRadioGroup",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
-              "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": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "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": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emits a custom change event when the checked state changes",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "Radio",
-                "module": "src/radio/radio.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationSegmentedItemShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultSegmentedItemConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationSegmentedItem",
-          "description": "The Foundation Segmented item",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SegmentedItem",
-          "declaration": {
-            "name": "SegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationSegmentedItemShadowOptions",
-          "declaration": {
-            "name": "foundationSegmentedItemShadowOptions",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultSegmentedItemConfig",
-          "declaration": {
-            "name": "defaultSegmentedItemConfig",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationSegmentedItem",
-          "declaration": {
-            "name": "foundationSegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/select/index.ts",
@@ -31257,7 +30881,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/skeleton/index.ts",
+      "path": "src/segmented-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -31265,7 +30889,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./skeleton.template"
+            "package": "./segmented-item.template"
           }
         },
         {
@@ -31273,7 +30897,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./skeleton.styles"
+            "package": "./segmented-item.styles"
           }
         },
         {
@@ -31281,18 +30905,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./skeleton"
+            "package": "./segmented-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/skeleton/skeleton.styles.ts",
+      "path": "src/segmented-item/segmented-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSkeletonStyles",
+          "name": "foundationSegmentedItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -31308,7 +30932,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "RadioOptions"
               }
             }
           ]
@@ -31317,26 +30941,21 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSkeletonStyles",
+          "name": "foundationSegmentedItemStyles",
           "declaration": {
-            "name": "foundationSkeletonStyles",
-            "module": "src/skeleton/skeleton.styles.ts"
+            "name": "foundationSegmentedItemStyles",
+            "module": "src/segmented-item/segmented-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/skeleton/skeleton.template.ts",
+      "path": "src/segmented-item/segmented-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSkeletonTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Skeleton>"
-            }
-          },
+          "name": "foundationSegmentedItemTemplate",
           "parameters": [
             {
               "name": "context",
@@ -31347,7 +30966,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "RadioOptions"
               }
             }
           ]
@@ -31356,130 +30975,103 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSkeletonTemplate",
+          "name": "foundationSegmentedItemTemplate",
           "declaration": {
-            "name": "foundationSkeletonTemplate",
-            "module": "src/skeleton/skeleton.template.ts"
+            "name": "foundationSegmentedItemTemplate",
+            "module": "src/segmented-item/segmented-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/skeleton/skeleton.ts",
+      "path": "src/segmented-item/segmented-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Skeleton",
+          "name": "SegmentedItem",
           "superclass": {
-            "name": "FASTSkeleton",
+            "name": "FASTRadio",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-skeleton",
+          "tagName": "%%prefix%%-segmented-item",
           "customElement": true,
           "attributes": [
             {
-              "name": "fill",
-              "type": {
-                "text": "string"
-              },
-              "description": "Indicates the Skeleton should have a filled style.",
-              "fieldName": "fill",
-              "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
-              }
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "SkeletonShape"
-              },
-              "default": "\"rect\"",
-              "description": "Indicates what the shape of the Skeleton should be.",
-              "fieldName": "shape",
-              "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
-              }
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "Indicates that the component can accept a pattern URL.",
-              "fieldName": "pattern",
-              "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
-              }
-            },
-            {
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "description": "Indicates that the component has an activated shimmer effect",
-              "fieldName": "shimmer",
+              "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": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "fill",
+              "name": "readOnly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Indicates the Skeleton should have a filled style.",
+              "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": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "SkeletonShape"
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "\"rect\"",
-              "description": "Indicates what the shape of the Skeleton should be.",
               "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
               "kind": "field",
-              "name": "pattern",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates that the component can accept a pattern URL.",
+              "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
               "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "shimmer",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isInsideRadioGroup",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "public",
-              "description": "Indicates that the component has an activated shimmer effect",
               "inheritedFrom": {
-                "name": "Skeleton",
-                "module": "src/skeleton/skeleton.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31491,8 +31083,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31504,8 +31096,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": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31517,8 +31109,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": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31531,8 +31123,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31544,8 +31136,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": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31558,8 +31150,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             },
             {
@@ -31589,15 +31181,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": "Radio",
+                "module": "src/radio/radio.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "Radio",
+                "module": "src/radio/radio.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationSkeletonShadowOptions",
+          "name": "foundationSegmentedItemShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -31605,7 +31207,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultSkeletonConfig",
+          "name": "defaultSegmentedItemConfig",
           "type": {
             "text": "object"
           },
@@ -31613,49 +31215,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationSkeleton",
-          "description": "The Foundation Skeleton",
+          "name": "foundationSegmentedItem",
+          "description": "The Foundation Segmented item",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Skeleton",
+          "name": "SegmentedItem",
           "declaration": {
-            "name": "Skeleton",
-            "module": "src/skeleton/skeleton.ts"
+            "name": "SegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSkeletonShadowOptions",
+          "name": "foundationSegmentedItemShadowOptions",
           "declaration": {
-            "name": "foundationSkeletonShadowOptions",
-            "module": "src/skeleton/skeleton.ts"
+            "name": "foundationSegmentedItemShadowOptions",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultSkeletonConfig",
+          "name": "defaultSegmentedItemConfig",
           "declaration": {
-            "name": "defaultSkeletonConfig",
-            "module": "src/skeleton/skeleton.ts"
+            "name": "defaultSegmentedItemConfig",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSkeleton",
+          "name": "foundationSegmentedItem",
           "declaration": {
-            "name": "foundationSkeleton",
-            "module": "src/skeleton/skeleton.ts"
+            "name": "foundationSegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/slider-label/index.ts",
+      "path": "src/skeleton/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -31663,7 +31265,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./slider-label.template"
+            "package": "./skeleton.template"
           }
         },
         {
@@ -31671,7 +31273,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./slider-label.styles"
+            "package": "./skeleton.styles"
           }
         },
         {
@@ -31679,18 +31281,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./slider-label"
+            "package": "./skeleton"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.styles.ts",
+      "path": "src/skeleton/skeleton.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSliderLabelStyles",
+          "name": "foundationSkeletonStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -31715,24 +31317,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSliderLabelStyles",
+          "name": "foundationSkeletonStyles",
           "declaration": {
-            "name": "foundationSliderLabelStyles",
-            "module": "src/slider-label/slider-label.styles.ts"
+            "name": "foundationSkeletonStyles",
+            "module": "src/skeleton/skeleton.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.template.ts",
+      "path": "src/skeleton/skeleton.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationSliderLabelTemplate",
+          "name": "foundationSkeletonTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<SliderLabel>"
+              "text": "ViewTemplate<Skeleton>"
             }
           },
           "parameters": [
@@ -31754,172 +31356,130 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationSliderLabelTemplate",
+          "name": "foundationSkeletonTemplate",
           "declaration": {
-            "name": "foundationSliderLabelTemplate",
-            "module": "src/slider-label/slider-label.template.ts"
+            "name": "foundationSkeletonTemplate",
+            "module": "src/skeleton/skeleton.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.ts",
+      "path": "src/skeleton/skeleton.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SliderLabel",
+          "name": "Skeleton",
           "superclass": {
-            "name": "FASTSliderLabel",
+            "name": "FASTSkeleton",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-slider-label",
+          "tagName": "%%prefix%%-skeleton",
           "customElement": true,
           "attributes": [
             {
-              "name": "position",
+              "name": "fill",
               "type": {
                 "text": "string"
               },
-              "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
-              "fieldName": "position",
+              "description": "Indicates the Skeleton should have a filled style.",
+              "fieldName": "fill",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
-              "name": "hide-mark",
+              "name": "shape",
               "type": {
-                "text": "boolean"
+                "text": "SkeletonShape"
               },
-              "default": "false",
-              "description": "Hides the tick mark.",
-              "fieldName": "hideMark",
+              "default": "\"rect\"",
+              "description": "Indicates what the shape of the Skeleton should be.",
+              "fieldName": "shape",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "position",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
-              "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "positionChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "Indicates that the component can accept a pattern URL.",
+              "fieldName": "pattern",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "hideMark",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Hides the tick mark.",
+              "description": "Indicates that the component has an activated shimmer effect",
+              "fieldName": "shimmer",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "fill",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
+              "description": "Indicates the Skeleton should have a filled style.",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "notifier",
+              "name": "shape",
               "type": {
-                "text": "Notifier"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isSliderConfig",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "node is SliderConfiguration"
-                }
+                "text": "SkeletonShape"
               },
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
+              "privacy": "public",
+              "default": "\"rect\"",
+              "description": "Indicates what the shape of the Skeleton should be.",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getSliderConfiguration",
-              "privacy": "private",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Indicates that the component can accept a pattern URL.",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "positionAsStyle",
-              "privacy": "private",
+              "name": "shimmer",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Indicates that the component has an activated shimmer effect",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Skeleton",
+                "module": "src/skeleton/skeleton.ts"
               }
             },
             {
@@ -32037,7 +31597,7 @@
         },
         {
           "kind": "variable",
-          "name": "foundationSliderLabelShadowOptions",
+          "name": "foundationSkeletonShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -32045,7 +31605,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultSliderLabelConfig",
+          "name": "defaultSkeletonConfig",
           "type": {
             "text": "object"
           },
@@ -32053,42 +31613,42 @@
         },
         {
           "kind": "variable",
-          "name": "foundationSliderLabel",
-          "description": "The Foundation Slider Label",
+          "name": "foundationSkeleton",
+          "description": "The Foundation Skeleton",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SliderLabel",
+          "name": "Skeleton",
           "declaration": {
-            "name": "SliderLabel",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "Skeleton",
+            "module": "src/skeleton/skeleton.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSliderLabelShadowOptions",
+          "name": "foundationSkeletonShadowOptions",
           "declaration": {
-            "name": "foundationSliderLabelShadowOptions",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "foundationSkeletonShadowOptions",
+            "module": "src/skeleton/skeleton.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultSliderLabelConfig",
+          "name": "defaultSkeletonConfig",
           "declaration": {
-            "name": "defaultSliderLabelConfig",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "defaultSkeletonConfig",
+            "module": "src/skeleton/skeleton.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSliderLabel",
+          "name": "foundationSkeleton",
           "declaration": {
-            "name": "foundationSliderLabel",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "foundationSkeleton",
+            "module": "src/skeleton/skeleton.ts"
           }
         }
       ]
@@ -32824,6 +32384,446 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationSliderLabelStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationSliderLabelStyles",
+          "declaration": {
+            "name": "foundationSliderLabelStyles",
+            "module": "src/slider-label/slider-label.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationSliderLabelTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<SliderLabel>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationSliderLabelTemplate",
+          "declaration": {
+            "name": "foundationSliderLabelTemplate",
+            "module": "src/slider-label/slider-label.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SliderLabel",
+          "superclass": {
+            "name": "FASTSliderLabel",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-slider-label",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "position",
+              "type": {
+                "text": "string"
+              },
+              "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
+              "fieldName": "position",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "name": "hide-mark",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the tick mark.",
+              "fieldName": "hideMark",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "positionChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideMark",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Hides the tick mark.",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "notifier",
+              "type": {
+                "text": "Notifier"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isSliderConfig",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "node is SliderConfiguration"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "getSliderConfiguration",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "positionAsStyle",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationSliderLabelShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultSliderLabelConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationSliderLabel",
+          "description": "The Foundation Slider Label",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SliderLabel",
+          "declaration": {
+            "name": "SliderLabel",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationSliderLabelShadowOptions",
+          "declaration": {
+            "name": "foundationSliderLabelShadowOptions",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultSliderLabelConfig",
+          "declaration": {
+            "name": "defaultSliderLabelConfig",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationSliderLabel",
+          "declaration": {
+            "name": "foundationSliderLabel",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/snackbar/index.ts",
@@ -39385,6 +39385,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",
@@ -40104,188 +40286,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/utils/base-datasource.ts",