@genesislcap/foundation-ui 14.132.0 → 14.133.0

package/dist/custom-elements.json

@@ -1031,400 +1031,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionItemStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionItemStyles",
-          "declaration": {
-            "name": "foundationAccordionItemStyles",
-            "module": "src/accordion-item/accordion-item.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionItemTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<AccordionItem>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionItemTemplate",
-          "declaration": {
-            "name": "foundationAccordionItemTemplate",
-            "module": "src/accordion-item/accordion-item.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AccordionItem",
-          "superclass": {
-            "name": "FASTAccordionItem",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-accordion-item",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "heading-level",
-              "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              "default": "2",
-              "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
-              "fieldName": "headinglevel",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Expands or collapses the item.",
-              "fieldName": "expanded",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "description": "The item ID",
-              "fieldName": "id",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "headinglevel",
-              "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              "privacy": "public",
-              "default": "2",
-              "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Expands or collapses the item.",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The item ID",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "change",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.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"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires a custom 'change' event when the button is invoked",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "AccordionItem",
-                "module": "src/accordion-item/accordion-item.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionItemShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionItemConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n    <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>`,\n  expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n    <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>`,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionItem",
-          "description": "The Foundation Accordion Item",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AccordionItem",
-          "declaration": {
-            "name": "AccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionItemShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionItemShadowOptions",
-            "module": "src/accordion-item/accordion-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionItemConfig",
-          "declaration": {
-            "name": "defaultAccordionItemConfig",
-            "module": "src/accordion-item/accordion-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionItem",
-          "declaration": {
-            "name": "foundationAccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion-item/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion-item.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion-item.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion-item"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2504,6 +2110,400 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion-item/accordion-item.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionItemStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionItemStyles",
+          "declaration": {
+            "name": "foundationAccordionItemStyles",
+            "module": "src/accordion-item/accordion-item.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion-item/accordion-item.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionItemTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<AccordionItem>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionItemTemplate",
+          "declaration": {
+            "name": "foundationAccordionItemTemplate",
+            "module": "src/accordion-item/accordion-item.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion-item/accordion-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AccordionItem",
+          "superclass": {
+            "name": "FASTAccordionItem",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-accordion-item",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "default": "2",
+              "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
+              "fieldName": "headinglevel",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands or collapses the item.",
+              "fieldName": "expanded",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "description": "The item ID",
+              "fieldName": "id",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "headinglevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "privacy": "public",
+              "default": "2",
+              "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Expands or collapses the item.",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The item ID",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'change' event when the button is invoked",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "AccordionItem",
+                "module": "src/accordion-item/accordion-item.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionItemShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionItemConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n    <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>`,\n  expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n    <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n    <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n  </svg>`,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionItem",
+          "description": "The Foundation Accordion Item",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AccordionItem",
+          "declaration": {
+            "name": "AccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionItemShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionItemShadowOptions",
+            "module": "src/accordion-item/accordion-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionItemConfig",
+          "declaration": {
+            "name": "defaultAccordionItemConfig",
+            "module": "src/accordion-item/accordion-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionItem",
+          "declaration": {
+            "name": "foundationAccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion-item/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion-item.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion-item.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion-item"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchor-region.template.ts",
@@ -13931,6 +13931,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/divider.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationDividerStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationDividerStyles",
+          "declaration": {
+            "name": "foundationDividerStyles",
+            "module": "src/divider/divider.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/divider.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationDividerTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Divider>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationDividerTemplate",
+          "declaration": {
+            "name": "foundationDividerTemplate",
+            "module": "src/divider/divider.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/divider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Divider",
+          "superclass": {
+            "name": "FASTDivider",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-divider",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationDividerShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultDividerConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationDivider",
+          "description": "The Foundation Divider",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Divider",
+          "declaration": {
+            "name": "Divider",
+            "module": "src/divider/divider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationDividerShadowOptions",
+          "declaration": {
+            "name": "foundationDividerShadowOptions",
+            "module": "src/divider/divider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultDividerConfig",
+          "declaration": {
+            "name": "defaultDividerConfig",
+            "module": "src/divider/divider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationDivider",
+          "declaration": {
+            "name": "foundationDivider",
+            "module": "src/divider/divider.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./divider.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./divider.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./divider"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/dropdown-menu/dropdown-menu.styles.ts",
@@ -15262,188 +15444,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/divider.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationDividerStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationDividerStyles",
-          "declaration": {
-            "name": "foundationDividerStyles",
-            "module": "src/divider/divider.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/divider.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationDividerTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Divider>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationDividerTemplate",
-          "declaration": {
-            "name": "foundationDividerTemplate",
-            "module": "src/divider/divider.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/divider.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Divider",
-          "superclass": {
-            "name": "FASTDivider",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-divider",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationDividerShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultDividerConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationDivider",
-          "description": "The Foundation Divider",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Divider",
-          "declaration": {
-            "name": "Divider",
-            "module": "src/divider/divider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationDividerShadowOptions",
-          "declaration": {
-            "name": "foundationDividerShadowOptions",
-            "module": "src/divider/divider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultDividerConfig",
-          "declaration": {
-            "name": "defaultDividerConfig",
-            "module": "src/divider/divider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationDivider",
-          "declaration": {
-            "name": "foundationDivider",
-            "module": "src/divider/divider.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./divider.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./divider.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./divider"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/file-upload/file-upload.styles.ts",
@@ -17540,6 +17540,408 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/flipper/flipper.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationFlipperStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationFlipperStyles",
+          "declaration": {
+            "name": "foundationFlipperStyles",
+            "module": "src/flipper/flipper.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flipper/flipper.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationFlipperTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Flipper>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationFlipperTemplate",
+          "declaration": {
+            "name": "foundationFlipperTemplate",
+            "module": "src/flipper/flipper.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flipper/flipper.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Flipper",
+          "superclass": {
+            "name": "FASTFlipper",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-flipper",
+          "customElement": true,
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the flipper.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "name": "aria-hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
+              "fieldName": "hiddenFromAT",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "FlipperDirection"
+              },
+              "description": "The direction that the flipper implies navigating.",
+              "fieldName": "direction",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The disabled state of the flipper.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hiddenFromAT",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "FlipperDirection"
+              },
+              "privacy": "public",
+              "description": "The direction that the flipper implies navigating.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "keyupHandler",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event & KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                }
+              ],
+              "description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
+              "name": "click",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationFlipperShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultFlipperConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  next: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n      />\n    </svg>\n  `,\n  previous: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z\"\n      />\n    </svg>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationFlipper",
+          "description": "The Foundation Flipper",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Flipper",
+          "declaration": {
+            "name": "Flipper",
+            "module": "src/flipper/flipper.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationFlipperShadowOptions",
+          "declaration": {
+            "name": "foundationFlipperShadowOptions",
+            "module": "src/flipper/flipper.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultFlipperConfig",
+          "declaration": {
+            "name": "defaultFlipperConfig",
+            "module": "src/flipper/flipper.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationFlipper",
+          "declaration": {
+            "name": "foundationFlipper",
+            "module": "src/flipper/flipper.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flipper/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flipper.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flipper.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flipper"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/flyout/flyout.styles.ts",
@@ -18435,408 +18837,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/flipper.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationFlipperStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationFlipperStyles",
-          "declaration": {
-            "name": "foundationFlipperStyles",
-            "module": "src/flipper/flipper.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/flipper.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationFlipperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Flipper>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationFlipperTemplate",
-          "declaration": {
-            "name": "foundationFlipperTemplate",
-            "module": "src/flipper/flipper.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/flipper.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Flipper",
-          "superclass": {
-            "name": "FASTFlipper",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-flipper",
-          "customElement": true,
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the flipper.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "name": "aria-hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
-              "fieldName": "hiddenFromAT",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "FlipperDirection"
-              },
-              "description": "The direction that the flipper implies navigating.",
-              "fieldName": "direction",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "The disabled state of the flipper.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hiddenFromAT",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true",
-              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "FlipperDirection"
-              },
-              "privacy": "public",
-              "description": "The direction that the flipper implies navigating.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "keyupHandler",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event & KeyboardEvent"
-                  },
-                  "description": "Keyboard event"
-                }
-              ],
-              "description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.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"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
-              "name": "click",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationFlipperShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultFlipperConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  next: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n      />\n    </svg>\n  `,\n  previous: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z\"\n      />\n    </svg>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationFlipper",
-          "description": "The Foundation Flipper",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Flipper",
-          "declaration": {
-            "name": "Flipper",
-            "module": "src/flipper/flipper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationFlipperShadowOptions",
-          "declaration": {
-            "name": "foundationFlipperShadowOptions",
-            "module": "src/flipper/flipper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultFlipperConfig",
-          "declaration": {
-            "name": "defaultFlipperConfig",
-            "module": "src/flipper/flipper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationFlipper",
-          "declaration": {
-            "name": "foundationFlipper",
-            "module": "src/flipper/flipper.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./flipper.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./flipper.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./flipper"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/grid-layout-item/grid-layout-item.template.ts",
@@ -19316,11 +19316,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.styles.ts",
+      "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationIconStyles",
+          "name": "foundationHorizontalScrollStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -19345,500 +19345,90 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationIconStyles",
+          "name": "foundationHorizontalScrollStyles",
           "declaration": {
-            "name": "foundationIconStyles",
-            "module": "src/icon/icon.styles.ts"
+            "name": "foundationHorizontalScrollStyles",
+            "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.template.ts",
+      "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationIconTemplate",
-          "type": {
-            "text": "ViewTemplate"
+          "kind": "function",
+          "name": "foundationHorizontalScrollTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<HorizontalScroll>"
+            }
           },
-          "default": "html<Icon>`\n  <template>\n    <i\n      ${ref('iElement')}\n      class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant}`}\n      part=${(x) => `icon-${x.name}-${x.size}-${x.variant}`}\n    >\n      <slot></slot>\n    </i>\n  </template>\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationIconTemplate",
+          "name": "foundationHorizontalScrollTemplate",
           "declaration": {
-            "name": "foundationIconTemplate",
-            "module": "src/icon/icon.template.ts"
+            "name": "foundationHorizontalScrollTemplate",
+            "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.ts",
+      "path": "src/horizontal-scroll/horizontal-scroll.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationIconShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultIconConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Icon",
-          "members": [
+          "name": "HorizontalScroll",
+          "superclass": {
+            "name": "FASTHorizontalScroll",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-horizontal-scroll",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "iElement",
               "type": {
-                "text": "HTMLElement"
+                "text": "number"
+              },
+              "default": "600",
+              "description": "Speed of scroll in pixels per second",
+              "fieldName": "speed",
+              "inheritedFrom": {
+                "name": "HorizontalScroll",
+                "module": "src/horizontal-scroll/horizontal-scroll.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "duration",
               "type": {
-                "text": "IconName"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "nameChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "FaSize"
-              },
-              "default": "'sm'"
-            },
-            {
-              "kind": "method",
-              "name": "sizeChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "IconStyle"
-              },
-              "default": "'solid'"
-            },
-            {
-              "kind": "method",
-              "name": "variantChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "loadIcon",
-              "privacy": "public"
-            },
-            {
-              "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": "name",
-              "type": {
-                "text": "IconName"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "FaSize"
-              },
-              "default": "'sm'",
-              "fieldName": "size"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "IconStyle"
-              },
-              "default": "'solid'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-icon",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationIcon",
-          "description": "The Foundation Icon",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconName",
-          "declaration": {
-            "name": "IconName",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "IconStyle",
-          "declaration": {
-            "name": "IconStyle",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationIconShadowOptions",
-          "declaration": {
-            "name": "foundationIconShadowOptions",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultIconConfig",
-          "declaration": {
-            "name": "defaultIconConfig",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationIcon",
-          "declaration": {
-            "name": "foundationIcon",
-            "module": "src/icon/icon.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/icon/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationHorizontalScrollStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationHorizontalScrollStyles",
-          "declaration": {
-            "name": "foundationHorizontalScrollStyles",
-            "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationHorizontalScrollTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<HorizontalScroll>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationHorizontalScrollTemplate",
-          "declaration": {
-            "name": "foundationHorizontalScrollTemplate",
-            "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/horizontal-scroll/horizontal-scroll.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "HorizontalScroll",
-          "superclass": {
-            "name": "FASTHorizontalScroll",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-horizontal-scroll",
-          "customElement": true,
-          "attributes": [
-            {
-              "type": {
-                "text": "number"
-              },
-              "default": "600",
-              "description": "Speed of scroll in pixels per second",
-              "fieldName": "speed",
-              "inheritedFrom": {
-                "name": "HorizontalScroll",
-                "module": "src/horizontal-scroll/horizontal-scroll.ts"
-              }
-            },
-            {
-              "name": "duration",
-              "type": {
-                "text": "string"
-              },
-              "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
-              "fieldName": "duration",
-              "inheritedFrom": {
-                "name": "HorizontalScroll",
-                "module": "src/horizontal-scroll/horizontal-scroll.ts"
+                "text": "string"
+              },
+              "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
+              "fieldName": "duration",
+              "inheritedFrom": {
+                "name": "HorizontalScroll",
+                "module": "src/horizontal-scroll/horizontal-scroll.ts"
               }
             },
             {
@@ -20430,42 +20020,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./listbox.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./listbox.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./listbox"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/listbox/listbox.styles.ts",
+      "path": "src/icon/icon.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationListboxStyles",
+          "name": "foundationIconStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -20490,68 +20049,509 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationListboxStyles",
+          "name": "foundationIconStyles",
           "declaration": {
-            "name": "foundationListboxStyles",
-            "module": "src/listbox/listbox.styles.ts"
+            "name": "foundationIconStyles",
+            "module": "src/icon/icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox/listbox.template.ts",
+      "path": "src/icon/icon.template.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationListboxTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Listbox>"
-            }
+          "kind": "variable",
+          "name": "foundationIconTemplate",
+          "type": {
+            "text": "ViewTemplate"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "default": "html<Icon>`\n  <template>\n    <i\n      ${ref('iElement')}\n      class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant}`}\n      part=${(x) => `icon-${x.name}-${x.size}-${x.variant}`}\n    >\n      <slot></slot>\n    </i>\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationListboxTemplate",
+          "name": "foundationIconTemplate",
           "declaration": {
-            "name": "foundationListboxTemplate",
-            "module": "src/listbox/listbox.template.ts"
+            "name": "foundationIconTemplate",
+            "module": "src/icon/icon.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox/listbox.ts",
+      "path": "src/icon/icon.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationIconShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultIconConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Listbox",
-          "superclass": {
-            "name": "FASTListbox",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-listbox",
-          "customElement": true,
-          "attributes": [
+          "name": "Icon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "iElement",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "nameChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "FaSize"
+              },
+              "default": "'sm'"
+            },
+            {
+              "kind": "method",
+              "name": "sizeChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "IconStyle"
+              },
+              "default": "'solid'"
+            },
+            {
+              "kind": "method",
+              "name": "variantChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "loadIcon",
+              "privacy": "public"
+            },
+            {
+              "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": "name",
+              "type": {
+                "text": "IconName"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "FaSize"
+              },
+              "default": "'sm'",
+              "fieldName": "size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "IconStyle"
+              },
+              "default": "'solid'",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-icon",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationIcon",
+          "description": "The Foundation Icon",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconName",
+          "declaration": {
+            "name": "IconName",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconStyle",
+          "declaration": {
+            "name": "IconStyle",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationIconShadowOptions",
+          "declaration": {
+            "name": "foundationIconShadowOptions",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultIconConfig",
+          "declaration": {
+            "name": "defaultIconConfig",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Icon",
+          "declaration": {
+            "name": "Icon",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationIcon",
+          "declaration": {
+            "name": "foundationIcon",
+            "module": "src/icon/icon.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationListboxStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationListboxStyles",
+          "declaration": {
+            "name": "foundationListboxStyles",
+            "module": "src/listbox/listbox.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationListboxTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Listbox>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationListboxTemplate",
+          "declaration": {
+            "name": "foundationListboxTemplate",
+            "module": "src/listbox/listbox.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Listbox",
+          "superclass": {
+            "name": "FASTListbox",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-listbox",
+          "customElement": true,
+          "attributes": [
             {
               "type": {
                 "text": "boolean"
@@ -26537,6 +26537,362 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/popper/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./popper"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/popper/popper.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "jsonConverter",
+          "type": {
+            "text": "ValueConverter"
+          },
+          "default": "{\n  toView(value: any): string {\n    return JSON.stringify(value);\n  },\n\n  fromView(value: string): any {\n    if (value === null || value === undefined) return value;\n\n    return JSON.parse(value);\n  },\n}"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Popper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "popper",
+              "type": {
+                "text": "Instance"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectorChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "event",
+              "type": {
+                "text": "string"
+              },
+              "default": "'click'"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom'"
+            },
+            {
+              "kind": "method",
+              "name": "placementChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "offset",
+              "type": {
+                "text": "[number, number]"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "offsetChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "flipChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "buildOptions",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Partial<OptionsGeneric<any>>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle"
+            },
+            {
+              "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": "selector",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "selector"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "string"
+              },
+              "default": "'click'",
+              "fieldName": "event"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom'",
+              "fieldName": "placement"
+            },
+            {
+              "type": {
+                "text": "[number, number]"
+              },
+              "fieldName": "offset"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "flip"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-popper",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationPopper",
+          "description": "The Foundation Popper",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "jsonConverter",
+          "declaration": {
+            "name": "jsonConverter",
+            "module": "src/popper/popper.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Popper",
+          "declaration": {
+            "name": "Popper",
+            "module": "src/popper/popper.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationPopper",
+          "declaration": {
+            "name": "foundationPopper",
+            "module": "src/popper/popper.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/progress/index.ts",
@@ -27282,628 +27638,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/popper/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./popper"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/popper/popper.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "jsonConverter",
-          "type": {
-            "text": "ValueConverter"
-          },
-          "default": "{\n  toView(value: any): string {\n    return JSON.stringify(value);\n  },\n\n  fromView(value: string): any {\n    if (value === null || value === undefined) return value;\n\n    return JSON.parse(value);\n  },\n}"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Popper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "popper",
-              "type": {
-                "text": "Instance"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "selector",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "selectorChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "event",
-              "type": {
-                "text": "string"
-              },
-              "default": "'click'"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "Placement"
-              },
-              "default": "'bottom'"
-            },
-            {
-              "kind": "method",
-              "name": "placementChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "offset",
-              "type": {
-                "text": "[number, number]"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "offsetChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "flip",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "flipChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "buildOptions",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Partial<OptionsGeneric<any>>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "toggle"
-            },
-            {
-              "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": "selector",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "selector"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "show"
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "string"
-              },
-              "default": "'click'",
-              "fieldName": "event"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "Placement"
-              },
-              "default": "'bottom'",
-              "fieldName": "placement"
-            },
-            {
-              "type": {
-                "text": "[number, number]"
-              },
-              "fieldName": "offset"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "flip"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-popper",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationPopper",
-          "description": "The Foundation Popper",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "jsonConverter",
-          "declaration": {
-            "name": "jsonConverter",
-            "module": "src/popper/popper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Popper",
-          "declaration": {
-            "name": "Popper",
-            "module": "src/popper/popper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationPopper",
-          "declaration": {
-            "name": "foundationPopper",
-            "module": "src/popper/popper.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/router/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./navItems"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./router"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/router/navItems.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "defaultNavItemPredicate",
-          "parameters": [
-            {
-              "name": "item",
-              "type": {
-                "text": "FoundationRouteNavItem"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "defaultPlacementIndexPadding",
-          "type": {
-            "text": "number"
-          },
-          "default": "10"
-        },
-        {
-          "kind": "function",
-          "name": "getNavItems",
-          "return": {
-            "type": {
-              "text": "FoundationRouteNavItem[]"
-            }
-          },
-          "parameters": [
-            {
-              "name": "routes",
-              "type": {
-                "text": "FoundationRoute[]"
-              }
-            },
-            {
-              "name": "predicate",
-              "default": "defaultNavItemPredicate"
-            },
-            {
-              "name": "placementIndexPadding",
-              "default": "defaultPlacementIndexPadding"
-            }
-          ],
-          "description": "Get navigation items from routes."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "defaultNavItemPredicate",
-          "declaration": {
-            "name": "defaultNavItemPredicate",
-            "module": "src/router/navItems.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultPlacementIndexPadding",
-          "declaration": {
-            "name": "defaultPlacementIndexPadding",
-            "module": "src/router/navItems.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getNavItems",
-          "declaration": {
-            "name": "getNavItems",
-            "module": "src/router/navItems.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/router/router.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationRouter",
-          "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "FoundationRouterConfiguration | null"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "<local>_undefined",
-            "module": "src/router/router.ts"
-          }
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationRouteCollection",
-          "members": [
-            {
-              "kind": "field",
-              "name": "definitions",
-              "type": {
-                "text": "FoundationRoute<TSettings>[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "map",
-              "parameters": [
-                {
-                  "name": "routes",
-                  "type": {
-                    "text": "FoundationRoute<TSettings>[]"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "RouteCollection",
-            "package": "@microsoft/fast-router"
-          }
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationRouterConfiguration",
-          "members": [
-            {
-              "kind": "field",
-              "name": "container",
-              "type": {
-                "text": "Container"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "analytics",
-              "type": {
-                "text": "FoundationAnalytics"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "routes",
-              "type": {
-                "text": "FoundationRouteCollection<TSettings>"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "default": "new FoundationRouteCollection<TSettings>(this)"
-            },
-            {
-              "kind": "method",
-              "name": "getNavItems",
-              "return": {
-                "type": {
-                  "text": "FoundationRouteNavItem[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "predicate",
-                  "default": "defaultNavItemPredicate",
-                  "type": {
-                    "text": "NavItemPredicate"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "configureAnalytics"
-            },
-            {
-              "kind": "method",
-              "name": "construct",
-              "return": {
-                "type": {
-                  "text": "T"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "Type",
-                  "type": {
-                    "text": "Constructable<T>"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "RouterConfiguration",
-            "package": "@microsoft/fast-router"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationRouter",
-          "declaration": {
-            "name": "FoundationRouter",
-            "module": "src/router/router.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-router",
-          "declaration": {
-            "name": "FoundationRouter",
-            "module": "src/router/router.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationRouteCollection",
-          "declaration": {
-            "name": "FoundationRouteCollection",
-            "module": "src/router/router.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationRouterConfiguration",
-          "declaration": {
-            "name": "FoundationRouterConfiguration",
-            "module": "src/router/router.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/radio-group/index.ts",
@@ -28599,6 +28333,272 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/router/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./navItems"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./router"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/router/navItems.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "defaultNavItemPredicate",
+          "parameters": [
+            {
+              "name": "item",
+              "type": {
+                "text": "FoundationRouteNavItem"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "defaultPlacementIndexPadding",
+          "type": {
+            "text": "number"
+          },
+          "default": "10"
+        },
+        {
+          "kind": "function",
+          "name": "getNavItems",
+          "return": {
+            "type": {
+              "text": "FoundationRouteNavItem[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "routes",
+              "type": {
+                "text": "FoundationRoute[]"
+              }
+            },
+            {
+              "name": "predicate",
+              "default": "defaultNavItemPredicate"
+            },
+            {
+              "name": "placementIndexPadding",
+              "default": "defaultPlacementIndexPadding"
+            }
+          ],
+          "description": "Get navigation items from routes."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultNavItemPredicate",
+          "declaration": {
+            "name": "defaultNavItemPredicate",
+            "module": "src/router/navItems.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultPlacementIndexPadding",
+          "declaration": {
+            "name": "defaultPlacementIndexPadding",
+            "module": "src/router/navItems.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getNavItems",
+          "declaration": {
+            "name": "getNavItems",
+            "module": "src/router/navItems.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/router/router.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationRouter",
+          "members": [
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "FoundationRouterConfiguration | null"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "<local>_undefined",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationRouteCollection",
+          "members": [
+            {
+              "kind": "field",
+              "name": "definitions",
+              "type": {
+                "text": "FoundationRoute<TSettings>[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "map",
+              "parameters": [
+                {
+                  "name": "routes",
+                  "type": {
+                    "text": "FoundationRoute<TSettings>[]"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "RouteCollection",
+            "package": "@microsoft/fast-router"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationRouterConfiguration",
+          "members": [
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "Container"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "analytics",
+              "type": {
+                "text": "FoundationAnalytics"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "routes",
+              "type": {
+                "text": "FoundationRouteCollection<TSettings>"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "default": "new FoundationRouteCollection<TSettings>(this)"
+            },
+            {
+              "kind": "method",
+              "name": "getNavItems",
+              "return": {
+                "type": {
+                  "text": "FoundationRouteNavItem[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "predicate",
+                  "default": "defaultNavItemPredicate",
+                  "type": {
+                    "text": "NavItemPredicate"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "configureAnalytics"
+            },
+            {
+              "kind": "method",
+              "name": "construct",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "Type",
+                  "type": {
+                    "text": "Constructable<T>"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "RouterConfiguration",
+            "package": "@microsoft/fast-router"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationRouter",
+          "declaration": {
+            "name": "FoundationRouter",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-router",
+          "declaration": {
+            "name": "FoundationRouter",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationRouteCollection",
+          "declaration": {
+            "name": "FoundationRouteCollection",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationRouterConfiguration",
+          "declaration": {
+            "name": "FoundationRouterConfiguration",
+            "module": "src/router/router.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/segmented-control/index.ts",
@@ -39716,6 +39716,233 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/colors.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultFillColor"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiDefaultCardFillColor"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiDefaultCardPalette"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiNeutralSwatch"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiNeutralPalette"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiAccentSwatch"
+        },
+        {
+          "kind": "variable",
+          "name": "fuiAccentPalette"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultFillColor",
+          "declaration": {
+            "name": "defaultFillColor",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiDefaultCardFillColor",
+          "declaration": {
+            "name": "fuiDefaultCardFillColor",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiDefaultCardPalette",
+          "declaration": {
+            "name": "fuiDefaultCardPalette",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiNeutralSwatch",
+          "declaration": {
+            "name": "fuiNeutralSwatch",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiNeutralPalette",
+          "declaration": {
+            "name": "fuiNeutralPalette",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiAccentSwatch",
+          "declaration": {
+            "name": "fuiAccentSwatch",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fuiAccentPalette",
+          "declaration": {
+            "name": "fuiAccentPalette",
+            "module": "src/_config/styles/colors.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/directives.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CSSVarsTokenMapper",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createTokenPartial",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CSSDirective"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "CSSDesignToken<Swatch | string>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createTokensCSS",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ComposableStyles[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "createCSS",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "CSSDirective",
+            "package": "@microsoft/fast-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CSSVarsTokenMapper",
+          "declaration": {
+            "name": "CSSVarsTokenMapper",
+            "module": "src/_config/styles/directives.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/fonts.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mixinFoundationFontFamily",
+          "parameters": [
+            {
+              "name": "style",
+              "default": "'normal'"
+            },
+            {
+              "name": "weight",
+              "default": "'normal'"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mixinFoundationFontFamily",
+          "declaration": {
+            "name": "mixinFoundationFontFamily",
+            "module": "src/_config/styles/fonts.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./directives"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./external"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./fonts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/tokens/custom.ts",
@@ -40712,233 +40939,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/styles/colors.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "defaultFillColor"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiDefaultCardFillColor"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiDefaultCardPalette"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiNeutralSwatch"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiNeutralPalette"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiAccentSwatch"
-        },
-        {
-          "kind": "variable",
-          "name": "fuiAccentPalette"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "defaultFillColor",
-          "declaration": {
-            "name": "defaultFillColor",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiDefaultCardFillColor",
-          "declaration": {
-            "name": "fuiDefaultCardFillColor",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiDefaultCardPalette",
-          "declaration": {
-            "name": "fuiDefaultCardPalette",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiNeutralSwatch",
-          "declaration": {
-            "name": "fuiNeutralSwatch",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiNeutralPalette",
-          "declaration": {
-            "name": "fuiNeutralPalette",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiAccentSwatch",
-          "declaration": {
-            "name": "fuiAccentSwatch",
-            "module": "src/_config/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fuiAccentPalette",
-          "declaration": {
-            "name": "fuiAccentPalette",
-            "module": "src/_config/styles/colors.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/styles/directives.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CSSVarsTokenMapper",
-          "members": [
-            {
-              "kind": "method",
-              "name": "createTokenPartial",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "CSSDirective"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "CSSDesignToken<Swatch | string>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createTokensCSS",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "ComposableStyles[]"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "createCSS",
-              "privacy": "public"
-            }
-          ],
-          "superclass": {
-            "name": "CSSDirective",
-            "package": "@microsoft/fast-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CSSVarsTokenMapper",
-          "declaration": {
-            "name": "CSSVarsTokenMapper",
-            "module": "src/_config/styles/directives.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/styles/fonts.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "mixinFoundationFontFamily",
-          "parameters": [
-            {
-              "name": "style",
-              "default": "'normal'"
-            },
-            {
-              "name": "weight",
-              "default": "'normal'"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "mixinFoundationFontFamily",
-          "declaration": {
-            "name": "mixinFoundationFontFamily",
-            "module": "src/_config/styles/fonts.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/styles/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./directives"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./external"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./fonts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_config/values/color.ts",