@genesislcap/foundation-ui 14.206.4 → 14.207.1

package/dist/custom-elements.json

@@ -893,188 +893,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1471,11 +1289,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/actions-menu/actions-menu.styles.ts",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "actionsMenuBaseStyles",
+          "name": "foundationAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1495,13 +1313,29 @@
               }
             }
           ]
-        },
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "foundationActionsMenuStyles",
+          "name": "foundationAccordionTemplate",
           "return": {
             "type": {
-              "text": "ElementStyles"
+              "text": "ViewTemplate<Accordion>"
             }
           },
           "parameters": [
@@ -1523,53 +1357,219 @@
       "exports": [
         {
           "kind": "js",
-          "name": "actionsMenuBaseStyles",
-          "declaration": {
-            "name": "actionsMenuBaseStyles",
-            "module": "src/actions-menu/actions-menu.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationActionsMenuStyles",
+          "name": "foundationAccordionTemplate",
           "declaration": {
-            "name": "foundationActionsMenuStyles",
-            "module": "src/actions-menu/actions-menu.styles.ts"
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/actions-menu/actions-menu.template.ts",
+      "path": "src/accordion/accordion.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "menuTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "singleOptionTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
         },
         {
           "kind": "variable",
-          "name": "foundationActionsMenuTemplate",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/actions-menu/actions-menu.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "actionsMenuBaseStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "foundationActionsMenuStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "actionsMenuBaseStyles",
+          "declaration": {
+            "name": "actionsMenuBaseStyles",
+            "module": "src/actions-menu/actions-menu.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationActionsMenuStyles",
+          "declaration": {
+            "name": "foundationActionsMenuStyles",
+            "module": "src/actions-menu/actions-menu.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/actions-menu/actions-menu.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "menuTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "singleOptionTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationActionsMenuTemplate",
           "type": {
             "text": "ViewTemplate<ActionsMenu>"
           },
@@ -17996,83 +17996,194 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.styles.ts",
+      "path": "src/flipper/flipper.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationFlexLayoutStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "foundationFlipperStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  :host {\n    width: 100%;\n    height: 100%;\n  }\n\n  slot {\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n\n  ${flexLayoutRWDStyles()}\n  ${flexLayoutRWDStyles('lg')}\n  ${flexLayoutRWDStyles('md')}\n  ${flexLayoutRWDStyles('sm')}\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlexLayoutStyles",
+          "name": "foundationFlipperStyles",
           "declaration": {
-            "name": "foundationFlexLayoutStyles",
-            "module": "src/flex-layout/flex-layout.styles.ts"
+            "name": "foundationFlipperStyles",
+            "module": "src/flipper/flipper.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.template.ts",
+      "path": "src/flipper/flipper.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationFlexLayoutTemplate",
-          "type": {
-            "text": "ViewTemplate<FlexLayout>"
+          "kind": "function",
+          "name": "foundationFlipperTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Flipper>"
+            }
           },
-          "default": "html`\n  <template>\n    <slot></slot>\n  </template>\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlexLayoutTemplate",
+          "name": "foundationFlipperTemplate",
           "declaration": {
-            "name": "foundationFlexLayoutTemplate",
-            "module": "src/flex-layout/flex-layout.template.ts"
+            "name": "foundationFlipperTemplate",
+            "module": "src/flipper/flipper.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.ts",
+      "path": "src/flipper/flipper.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationFlexLayoutShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultFlexLayoutConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "FlexLayout",
+          "name": "Flipper",
           "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+            "name": "FASTFlipper",
+            "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-flex-layout",
+          "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",
@@ -18184,59 +18295,79 @@
                 "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": "foundationFlexLayout",
-          "description": "The Foundation Flex Layout",
+          "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": "foundationFlexLayoutShadowOptions",
+          "name": "Flipper",
           "declaration": {
-            "name": "foundationFlexLayoutShadowOptions",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "Flipper",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultFlexLayoutConfig",
+          "name": "foundationFlipperShadowOptions",
           "declaration": {
-            "name": "defaultFlexLayoutConfig",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "foundationFlipperShadowOptions",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FlexLayout",
+          "name": "defaultFlipperConfig",
           "declaration": {
-            "name": "FlexLayout",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "defaultFlipperConfig",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlexLayout",
+          "name": "foundationFlipper",
           "declaration": {
-            "name": "foundationFlexLayout",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "foundationFlipper",
+            "module": "src/flipper/flipper.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flex-layout/index.ts",
+      "path": "src/flipper/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -18244,7 +18375,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout.template"
+            "package": "./flipper.template"
           }
         },
         {
@@ -18252,7 +18383,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout.styles"
+            "package": "./flipper.styles"
           }
         },
         {
@@ -18260,209 +18391,90 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout"
+            "package": "./flipper"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flex-layout/flex-layout.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationFlexLayoutStyles",
+          "type": {
+            "text": "ElementStyles"
+          },
+          "default": "css`\n  :host {\n    width: 100%;\n    height: 100%;\n  }\n\n  slot {\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n\n  ${flexLayoutRWDStyles()}\n  ${flexLayoutRWDStyles('lg')}\n  ${flexLayoutRWDStyles('md')}\n  ${flexLayoutRWDStyles('sm')}\n`"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "foundationFlexLayoutStyles",
           "declaration": {
-            "name": "*",
-            "package": "./flex-layout.types"
+            "name": "foundationFlexLayoutStyles",
+            "module": "src/flex-layout/flex-layout.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.styles.ts",
+      "path": "src/flex-layout/flex-layout.template.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationFlipperStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "foundationFlexLayoutTemplate",
+          "type": {
+            "text": "ViewTemplate<FlexLayout>"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
+          "default": "html`\n  <template>\n    <slot></slot>\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlipperStyles",
+          "name": "foundationFlexLayoutTemplate",
           "declaration": {
-            "name": "foundationFlipperStyles",
-            "module": "src/flipper/flipper.styles.ts"
+            "name": "foundationFlexLayoutTemplate",
+            "module": "src/flex-layout/flex-layout.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.template.ts",
+      "path": "src/flex-layout/flex-layout.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationFlipperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Flipper>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
+          "kind": "variable",
+          "name": "foundationFlexLayoutShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
         {
-          "kind": "js",
-          "name": "foundationFlipperTemplate",
-          "declaration": {
-            "name": "foundationFlipperTemplate",
-            "module": "src/flipper/flipper.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/flipper.ts",
-      "declarations": [
+          "kind": "variable",
+          "name": "defaultFlexLayoutConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Flipper",
+          "name": "FlexLayout",
           "superclass": {
-            "name": "FASTFlipper",
-            "package": "@microsoft/fast-components"
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "tagName": "%%prefix%%-flipper",
+          "tagName": "%%prefix%%-flex-layout",
           "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",
@@ -18574,79 +18586,59 @@
                 "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",
+          "name": "foundationFlexLayout",
+          "description": "The Foundation Flex Layout",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Flipper",
+          "name": "foundationFlexLayoutShadowOptions",
           "declaration": {
-            "name": "Flipper",
-            "module": "src/flipper/flipper.ts"
+            "name": "foundationFlexLayoutShadowOptions",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlipperShadowOptions",
+          "name": "defaultFlexLayoutConfig",
           "declaration": {
-            "name": "foundationFlipperShadowOptions",
-            "module": "src/flipper/flipper.ts"
+            "name": "defaultFlexLayoutConfig",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultFlipperConfig",
+          "name": "FlexLayout",
           "declaration": {
-            "name": "defaultFlipperConfig",
-            "module": "src/flipper/flipper.ts"
+            "name": "FlexLayout",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlipper",
+          "name": "foundationFlexLayout",
           "declaration": {
-            "name": "foundationFlipper",
-            "module": "src/flipper/flipper.ts"
+            "name": "foundationFlexLayout",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/index.ts",
+      "path": "src/flex-layout/flex-layout.types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flex-layout/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -18654,7 +18646,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper.template"
+            "package": "./flex-layout.template"
           }
         },
         {
@@ -18662,7 +18654,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper.styles"
+            "package": "./flex-layout.styles"
           }
         },
         {
@@ -18670,7 +18662,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper"
+            "package": "./flex-layout"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flex-layout.types"
           }
         }
       ]
@@ -21631,7 +21631,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu/index.ts",
+      "path": "src/listbox-option/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -21639,7 +21639,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu.template"
+            "package": "./listbox-option.template"
           }
         },
         {
@@ -21647,7 +21647,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu.styles"
+            "package": "./listbox-option.styles"
           }
         },
         {
@@ -21655,18 +21655,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu"
+            "package": "./listbox-option"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu/menu.styles.ts",
+      "path": "src/listbox-option/listbox-option.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationMenuStyles",
+          "name": "foundationListboxOptionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -21691,24 +21691,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationMenuStyles",
+          "name": "foundationListboxOptionStyles",
           "declaration": {
-            "name": "foundationMenuStyles",
-            "module": "src/menu/menu.styles.ts"
+            "name": "foundationListboxOptionStyles",
+            "module": "src/listbox-option/listbox-option.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu/menu.template.ts",
+      "path": "src/listbox-option/listbox-option.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationMenuTemplate",
+          "name": "foundationListboxOptionTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Menu>"
+              "text": "ViewTemplate<ListboxOption>"
             }
           },
           "parameters": [
@@ -21730,33 +21730,83 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationMenuTemplate",
+          "name": "foundationListboxOptionTemplate",
           "declaration": {
-            "name": "foundationMenuTemplate",
-            "module": "src/menu/menu.template.ts"
+            "name": "foundationListboxOptionTemplate",
+            "module": "src/listbox-option/listbox-option.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu/menu.ts",
+      "path": "src/listbox-option/listbox-option.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Menu",
+          "name": "ListboxOption",
           "superclass": {
-            "name": "FASTMenu",
+            "name": "FASTListboxOption",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-menu",
+          "tagName": "%%prefix%%-option",
           "customElement": true,
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the option.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "fieldName": "selectedAttribute",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+              "fieldName": "initialValue",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "public",
+              "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
             {
               "kind": "method",
-              "name": "itemsChanged",
-              "privacy": "private",
+              "name": "checkedChanged",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -21764,213 +21814,270 @@
               },
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "prev",
                   "type": {
-                    "text": "HTMLElement[]"
-                  }
+                    "text": "boolean | unknown"
+                  },
+                  "description": "the previous checked value"
                 },
                 {
-                  "name": "newValue",
+                  "name": "next",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement[]"
-                  }
+                    "text": "boolean"
+                  },
+                  "description": "the current checked value"
                 }
               ],
+              "description": "Updates the ariaChecked property when the checked property changes.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "menuItems",
+              "name": "content",
               "type": {
-                "text": "Element[] | undefined"
+                "text": "Node[]"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "description": "The default slotted content.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "expandedItem",
+              "name": "defaultSelected",
               "type": {
-                "text": "MenuItem | null"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "null",
+              "privacy": "public",
+              "default": "false",
+              "description": "The defaultSelected state of the option.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "focusIndex",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "defaultSelectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "default": "-1",
-              "description": "The index of the focusable element in the items array\ndefaults to -1",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "focusableElementRoles",
+              "name": "disabled",
               "type": {
-                "text": "{ [key: string]: string }"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "static": true,
-              "default": "roleForMenuItem",
+              "privacy": "public",
+              "description": "The disabled state of the option.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "method",
-              "name": "focus",
-              "privacy": "public",
+              "name": "disabledChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Focuses the first item in the menu.",
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "collapseExpandedItem",
+              "kind": "field",
+              "name": "selectedAttribute",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectedAttributeChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Collapses any expanded menu items.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleItemFocus",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleExpandedChanged",
-              "privacy": "private",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The checked state of the control.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "removeItemListeners",
-              "privacy": "private",
+              "kind": "method",
+              "name": "selectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setItems",
-              "privacy": "private",
+              "name": "dirtyValue",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Track whether the value has been changed from the initial value",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "field",
-              "name": "changeHandler",
-              "privacy": "private",
-              "description": "handle change from child element",
+              "name": "initialValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
               "kind": "method",
-              "name": "domChildren",
-              "privacy": "private",
+              "name": "initialValueChanged",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "Element[]"
-                }
-              },
-              "description": "get an array of valid DOM children",
-              "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isMenuItemElement",
-              "privacy": "private",
-              "description": "check if the item is a menu item",
-              "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isFocusableElement",
-              "privacy": "private",
-              "description": "check if the item is focusable",
-              "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "focusIndex",
+                  "name": "previous",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "adjustment",
+                  "name": "next",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "Menu",
-                "module": "src/menu/menu.ts"
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "default": "new Option(\n            `${this.textContent}`,\n            this.initialValue,\n            this.defaultSelected,\n            this.selected\n        )",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
               }
             },
             {
@@ -22088,7 +22195,7 @@
         },
         {
           "kind": "variable",
-          "name": "foundationMenuShadowOptions",
+          "name": "foundationListboxOptionShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -22096,7 +22203,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultMenuConfig",
+          "name": "defaultListboxOptionConfig",
           "type": {
             "text": "object"
           },
@@ -22104,49 +22211,47 @@
         },
         {
           "kind": "variable",
-          "name": "foundationMenu",
-          "description": "The Foundation Menu",
-          "privacy": "public"
+          "name": "foundationListboxOption"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Menu",
+          "name": "ListboxOption",
           "declaration": {
-            "name": "Menu",
-            "module": "src/menu/menu.ts"
+            "name": "ListboxOption",
+            "module": "src/listbox-option/listbox-option.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationMenuShadowOptions",
+          "name": "foundationListboxOptionShadowOptions",
           "declaration": {
-            "name": "foundationMenuShadowOptions",
-            "module": "src/menu/menu.ts"
+            "name": "foundationListboxOptionShadowOptions",
+            "module": "src/listbox-option/listbox-option.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultMenuConfig",
+          "name": "defaultListboxOptionConfig",
           "declaration": {
-            "name": "defaultMenuConfig",
-            "module": "src/menu/menu.ts"
+            "name": "defaultListboxOptionConfig",
+            "module": "src/listbox-option/listbox-option.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationMenu",
+          "name": "foundationListboxOption",
           "declaration": {
-            "name": "foundationMenu",
-            "module": "src/menu/menu.ts"
+            "name": "foundationListboxOption",
+            "module": "src/listbox-option/listbox-option.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox-option/index.ts",
+      "path": "src/menu/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -22154,7 +22259,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./listbox-option.template"
+            "package": "./menu.template"
           }
         },
         {
@@ -22162,7 +22267,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./listbox-option.styles"
+            "package": "./menu.styles"
           }
         },
         {
@@ -22170,18 +22275,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./listbox-option"
+            "package": "./menu"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox-option/listbox-option.styles.ts",
+      "path": "src/menu/menu.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationListboxOptionStyles",
+          "name": "foundationMenuStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -22206,24 +22311,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationListboxOptionStyles",
+          "name": "foundationMenuStyles",
           "declaration": {
-            "name": "foundationListboxOptionStyles",
-            "module": "src/listbox-option/listbox-option.styles.ts"
+            "name": "foundationMenuStyles",
+            "module": "src/menu/menu.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox-option/listbox-option.template.ts",
+      "path": "src/menu/menu.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationListboxOptionTemplate",
+          "name": "foundationMenuTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<ListboxOption>"
+              "text": "ViewTemplate<Menu>"
             }
           },
           "parameters": [
@@ -22245,83 +22350,33 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationListboxOptionTemplate",
+          "name": "foundationMenuTemplate",
           "declaration": {
-            "name": "foundationListboxOptionTemplate",
-            "module": "src/listbox-option/listbox-option.template.ts"
+            "name": "foundationMenuTemplate",
+            "module": "src/menu/menu.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox-option/listbox-option.ts",
+      "path": "src/menu/menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ListboxOption",
+          "name": "Menu",
           "superclass": {
-            "name": "FASTListboxOption",
+            "name": "FASTMenu",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-option",
+          "tagName": "%%prefix%%-menu",
           "customElement": true,
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the option.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The selected attribute value. This sets the initial selected value.",
-              "fieldName": "selectedAttribute",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
-              "fieldName": "initialValue",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            }
-          ],
           "members": [
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "public",
-              "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
             {
               "kind": "method",
-              "name": "checkedChanged",
-              "privacy": "public",
+              "name": "itemsChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -22329,270 +22384,213 @@
               },
               "parameters": [
                 {
-                  "name": "prev",
+                  "name": "oldValue",
                   "type": {
-                    "text": "boolean | unknown"
-                  },
-                  "description": "the previous checked value"
+                    "text": "HTMLElement[]"
+                  }
                 },
                 {
-                  "name": "next",
-                  "optional": true,
+                  "name": "newValue",
                   "type": {
-                    "text": "boolean"
-                  },
-                  "description": "the current checked value"
+                    "text": "HTMLElement[]"
+                  }
                 }
               ],
-              "description": "Updates the ariaChecked property when the checked property changes.",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "menuItems",
               "type": {
-                "text": "Node[]"
+                "text": "Element[] | undefined"
               },
-              "privacy": "public",
-              "description": "The default slotted content.",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "defaultSelected",
+              "name": "expandedItem",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "The defaultSelected state of the option.",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "defaultSelectedChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "MenuItem | null"
               },
+              "privacy": "private",
+              "default": "null",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "focusIndex",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "The disabled state of the option.",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "disabledChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "prev",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "privacy": "private",
+              "default": "-1",
+              "description": "The index of the focusable element in the items array\ndefaults to -1",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "selectedAttribute",
+              "name": "focusableElementRoles",
               "type": {
-                "text": "boolean"
+                "text": "{ [key: string]: string }"
               },
-              "privacy": "public",
-              "description": "The selected attribute value. This sets the initial selected value.",
+              "privacy": "private",
+              "static": true,
+              "default": "roleForMenuItem",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "method",
-              "name": "selectedAttributeChanged",
-              "privacy": "protected",
+              "name": "focus",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "Focuses the first item in the menu.",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "The checked state of the control.",
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "method",
-              "name": "selectedChanged",
-              "privacy": "protected",
+              "name": "collapseExpandedItem",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "Collapses any expanded menu items.",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "dirtyValue",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Track whether the value has been changed from the initial value",
+              "name": "handleItemFocus",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "initialValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+              "name": "handleExpandedChanged",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "initialValueChanged",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "previous",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "kind": "field",
+              "name": "removeItemListeners",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "label",
-              "privacy": "public",
+              "name": "setItems",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
+              "name": "changeHandler",
+              "privacy": "private",
+              "description": "handle change from child element",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "domChildren",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element[]"
+                }
               },
-              "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+              "description": "get an array of valid DOM children",
+              "inheritedFrom": {
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "public",
+              "name": "isMenuItemElement",
+              "privacy": "private",
+              "description": "check if the item is a menu item",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
               "kind": "field",
-              "name": "proxy",
-              "default": "new Option(\n            `${this.textContent}`,\n            this.initialValue,\n            this.defaultSelected,\n            this.selected\n        )",
+              "name": "isFocusableElement",
+              "privacy": "private",
+              "description": "check if the item is focusable",
               "inheritedFrom": {
-                "name": "ListboxOption",
-                "module": "src/listbox-option/listbox-option.ts"
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "focusIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "adjustment",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Menu",
+                "module": "src/menu/menu.ts"
               }
             },
             {
@@ -22710,7 +22708,7 @@
         },
         {
           "kind": "variable",
-          "name": "foundationListboxOptionShadowOptions",
+          "name": "foundationMenuShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -22718,7 +22716,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultListboxOptionConfig",
+          "name": "defaultMenuConfig",
           "type": {
             "text": "object"
           },
@@ -22726,47 +22724,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationListboxOption"
+          "name": "foundationMenu",
+          "description": "The Foundation Menu",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ListboxOption",
+          "name": "Menu",
           "declaration": {
-            "name": "ListboxOption",
-            "module": "src/listbox-option/listbox-option.ts"
+            "name": "Menu",
+            "module": "src/menu/menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationListboxOptionShadowOptions",
+          "name": "foundationMenuShadowOptions",
           "declaration": {
-            "name": "foundationListboxOptionShadowOptions",
-            "module": "src/listbox-option/listbox-option.ts"
+            "name": "foundationMenuShadowOptions",
+            "module": "src/menu/menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultListboxOptionConfig",
+          "name": "defaultMenuConfig",
           "declaration": {
-            "name": "defaultListboxOptionConfig",
-            "module": "src/listbox-option/listbox-option.ts"
+            "name": "defaultMenuConfig",
+            "module": "src/menu/menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationListboxOption",
+          "name": "foundationMenu",
           "declaration": {
-            "name": "foundationListboxOption",
-            "module": "src/listbox-option/listbox-option.ts"
+            "name": "foundationMenu",
+            "module": "src/menu/menu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modal/index.ts",
+      "path": "src/menu-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -22774,7 +22774,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./modal.styles"
+            "package": "./menu-item.template"
           }
         },
         {
@@ -22782,7 +22782,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./modal.template"
+            "package": "./menu-item.styles"
           }
         },
         {
@@ -22790,240 +22790,269 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./modal"
+            "package": "./menu-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modal/modal.styles.ts",
+      "path": "src/menu-item/menu-item.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationModalStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "foundationMenuItemStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  ${foundationDialogStyles}\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "MenuItemOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationModalStyles",
+          "name": "foundationMenuItemStyles",
           "declaration": {
-            "name": "foundationModalStyles",
-            "module": "src/modal/modal.styles.ts"
+            "name": "foundationMenuItemStyles",
+            "module": "src/menu-item/menu-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modal/modal.template.ts",
+      "path": "src/menu-item/menu-item.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationModalTemplate",
-          "type": {
-            "text": "ViewTemplate<Modal>"
+          "kind": "function",
+          "name": "foundationMenuItemTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<MenuItem>"
+            }
           },
-          "default": "html`\n  ${foundationDialogTemplate}\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "MenuItemOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationModalTemplate",
+          "name": "foundationMenuItemTemplate",
           "declaration": {
-            "name": "foundationModalTemplate",
-            "module": "src/modal/modal.template.ts"
+            "name": "foundationMenuItemTemplate",
+            "module": "src/menu-item/menu-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modal/modal.ts",
+      "path": "src/menu-item/menu-item.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationModalShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultModalConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Modal",
-          "members": [
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Show the HTMLDialogElement and its contents",
-              "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mainElement",
-              "type": {
-                "text": "HTMLDialogElement"
-              },
-              "description": "A reference to the dialog element\nin the component Shadow DOM.",
-              "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
-              }
-            },
+          "name": "MenuItem",
+          "superclass": {
+            "name": "FASTMenuItem",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-menu-item",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "notification",
               "type": {
-                "text": "NotificationStructure"
+                "text": "boolean"
               },
+              "description": "The disabled state of the element.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "notificationChanged",
-              "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "role",
               "type": {
-                "text": "DialogType"
+                "text": "MenuItemRole"
               },
-              "default": "'default'",
+              "description": "The role of the element.",
+              "fieldName": "role",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "position",
+              "name": "disabled",
               "type": {
-                "text": "DialogPosition"
+                "text": "boolean"
               },
-              "default": "'center'",
+              "privacy": "public",
+              "description": "The disabled state of the element.",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "showCloseIcon",
+              "name": "expanded",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether or not to show the close icon",
+              "privacy": "public",
+              "description": "The expanded state of the element.",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "onShowCallback",
-              "type": {
-                "text": "() => void"
+              "kind": "method",
+              "name": "expandedChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "Callback to run *before* HTMLDialogElement is shown",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "onCloseCallback",
+              "name": "role",
               "type": {
-                "text": "() => void"
+                "text": "MenuItemRole"
               },
-              "description": "Callback to run *after* HTMLDialogElement is closed",
+              "privacy": "public",
+              "description": "The role of the element.",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "description": "Determine if the dialog is showing or closed.",
-              "readonly": true,
+              "privacy": "public",
+              "description": "The checked value of the element.",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "checkedChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Remove the HTMLDialogElement from display",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "dismiss",
-              "privacy": "public",
-              "description": "Dismiss the Dialog from display and calls the dismissing action.",
+              "kind": "field",
+              "name": "focusSubmenuOnLoad",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "observer",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
               "kind": "method",
-              "name": "closeDialog",
-              "privacy": "public",
+              "name": "domChildren",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Element[]"
                 }
               },
-              "description": "Dismiss the Dialog from display.",
+              "description": "get an array of valid DOM children",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
@@ -23138,97 +23167,86 @@
               }
             }
           ],
-          "superclass": {
-            "name": "DialogElement",
-            "module": "/src/dialog"
-          },
-          "tagName": "%%prefix%%-modal",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "DialogType"
-              },
-              "default": "'default'",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
-              }
-            },
+          "events": [
             {
-              "name": "position",
-              "type": {
-                "text": "DialogPosition"
-              },
-              "default": "'center'",
-              "fieldName": "position",
+              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
+              "name": "expanded-change",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             },
             {
-              "name": "show-close-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether or not to show the close icon",
-              "fieldName": "showCloseIcon",
+              "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
+              "name": "change",
               "inheritedFrom": {
-                "name": "<local>_DialogElement",
-                "module": "src/dialog/dialog.ts"
+                "name": "MenuItem",
+                "module": "src/menu-item/menu-item.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationModal",
-          "description": "The Foundation Modal",
+          "name": "foundationMenuItemShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultMenuItemConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  expandCollapseGlyph: `\n    <svg\n      class=\"expand-collapse-glyph\"\n      part=\"expand-collapse-glyph\"\n      viewBox=\"0 0 16 16\"\n      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}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationMenuItem",
+          "description": "The Foundation Menu Item",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationModalShadowOptions",
+          "name": "MenuItem",
           "declaration": {
-            "name": "foundationModalShadowOptions",
-            "module": "src/modal/modal.ts"
+            "name": "MenuItem",
+            "module": "src/menu-item/menu-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultModalConfig",
+          "name": "foundationMenuItemShadowOptions",
           "declaration": {
-            "name": "defaultModalConfig",
-            "module": "src/modal/modal.ts"
+            "name": "foundationMenuItemShadowOptions",
+            "module": "src/menu-item/menu-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Modal",
+          "name": "defaultMenuItemConfig",
           "declaration": {
-            "name": "Modal",
-            "module": "src/modal/modal.ts"
+            "name": "defaultMenuItemConfig",
+            "module": "src/menu-item/menu-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationModal",
+          "name": "foundationMenuItem",
           "declaration": {
-            "name": "foundationModal",
-            "module": "src/modal/modal.ts"
+            "name": "foundationMenuItem",
+            "module": "src/menu-item/menu-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-item/index.ts",
+      "path": "src/modal/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -23236,7 +23254,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu-item.template"
+            "package": "./modal.styles"
           }
         },
         {
@@ -23244,7 +23262,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu-item.styles"
+            "package": "./modal.template"
           }
         },
         {
@@ -23252,269 +23270,240 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu-item"
+            "package": "./modal"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-item/menu-item.styles.ts",
+      "path": "src/modal/modal.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationMenuItemStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "foundationModalStyles",
+          "type": {
+            "text": "ElementStyles"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "MenuItemOptions"
-              }
-            }
-          ]
+          "default": "css`\n  ${foundationDialogStyles}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationMenuItemStyles",
+          "name": "foundationModalStyles",
           "declaration": {
-            "name": "foundationMenuItemStyles",
-            "module": "src/menu-item/menu-item.styles.ts"
+            "name": "foundationModalStyles",
+            "module": "src/modal/modal.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-item/menu-item.template.ts",
+      "path": "src/modal/modal.template.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationMenuItemTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<MenuItem>"
-            }
+          "kind": "variable",
+          "name": "foundationModalTemplate",
+          "type": {
+            "text": "ViewTemplate<Modal>"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "MenuItemOptions"
-              }
-            }
-          ]
+          "default": "html`\n  ${foundationDialogTemplate}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationMenuItemTemplate",
+          "name": "foundationModalTemplate",
           "declaration": {
-            "name": "foundationMenuItemTemplate",
-            "module": "src/menu-item/menu-item.template.ts"
+            "name": "foundationModalTemplate",
+            "module": "src/modal/modal.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-item/menu-item.ts",
+      "path": "src/modal/modal.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationModalShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultModalConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "MenuItem",
-          "superclass": {
-            "name": "FASTMenuItem",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-menu-item",
-          "customElement": true,
-          "attributes": [
+          "name": "Modal",
+          "members": [
             {
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "The disabled state of the element.",
-              "fieldName": "disabled",
+              "description": "Show the HTMLDialogElement and its contents",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
-              "name": "role",
+              "kind": "field",
+              "name": "mainElement",
               "type": {
-                "text": "MenuItemRole"
+                "text": "HTMLDialogElement"
               },
-              "description": "The role of the element.",
-              "fieldName": "role",
+              "description": "A reference to the dialog element\nin the component Shadow DOM.",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "notification",
               "type": {
-                "text": "boolean"
+                "text": "NotificationStructure"
               },
-              "privacy": "public",
-              "description": "The disabled state of the element.",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "notificationChanged",
+              "inheritedFrom": {
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "DialogType"
               },
-              "privacy": "public",
-              "description": "The expanded state of the element.",
+              "default": "'default'",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "expandedChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "DialogPosition"
               },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "default": "'center'",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "showCloseIcon",
               "type": {
-                "text": "MenuItemRole"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "The role of the element.",
+              "default": "true",
+              "description": "Whether or not to show the close icon",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "onShowCallback",
               "type": {
-                "text": "boolean"
+                "text": "() => void"
               },
-              "privacy": "public",
-              "description": "The checked value of the element.",
+              "description": "Callback to run *before* HTMLDialogElement is shown",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "checkedChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "onCloseCallback",
+              "type": {
+                "text": "() => void"
               },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "description": "Callback to run *after* HTMLDialogElement is closed",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
               "kind": "field",
-              "name": "focusSubmenuOnLoad",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false",
+              "description": "Determine if the dialog is showing or closed.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "MutationObserver | undefined"
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
+              "description": "Remove the HTMLDialogElement from display",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
               "kind": "method",
-              "name": "domChildren",
-              "privacy": "private",
+              "name": "dismiss",
+              "privacy": "public",
+              "description": "Dismiss the Dialog from display and calls the dismissing action.",
+              "inheritedFrom": {
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeDialog",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "Element[]"
+                  "text": "void"
                 }
               },
-              "description": "get an array of valid DOM children",
+              "description": "Dismiss the Dialog from display.",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
@@ -23627,81 +23616,92 @@
                 "name": "FoundationElement",
                 "module": "src/foundation-element/foundation-element.ts"
               }
-            }
-          ],
-          "events": [
+            }
+          ],
+          "superclass": {
+            "name": "DialogElement",
+            "module": "/src/dialog"
+          },
+          "tagName": "%%prefix%%-modal",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "DialogType"
+              },
+              "default": "'default'",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
             {
-              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
-              "name": "expanded-change",
+              "name": "position",
+              "type": {
+                "text": "DialogPosition"
+              },
+              "default": "'center'",
+              "fieldName": "position",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             },
             {
-              "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
-              "name": "change",
+              "name": "show-close-icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether or not to show the close icon",
+              "fieldName": "showCloseIcon",
               "inheritedFrom": {
-                "name": "MenuItem",
-                "module": "src/menu-item/menu-item.ts"
+                "name": "<local>_DialogElement",
+                "module": "src/dialog/dialog.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationMenuItemShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultMenuItemConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  expandCollapseGlyph: `\n    <svg\n      class=\"expand-collapse-glyph\"\n      part=\"expand-collapse-glyph\"\n      viewBox=\"0 0 16 16\"\n      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}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationMenuItem",
-          "description": "The Foundation Menu Item",
+          "name": "foundationModal",
+          "description": "The Foundation Modal",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MenuItem",
+          "name": "foundationModalShadowOptions",
           "declaration": {
-            "name": "MenuItem",
-            "module": "src/menu-item/menu-item.ts"
+            "name": "foundationModalShadowOptions",
+            "module": "src/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationMenuItemShadowOptions",
+          "name": "defaultModalConfig",
           "declaration": {
-            "name": "foundationMenuItemShadowOptions",
-            "module": "src/menu-item/menu-item.ts"
+            "name": "defaultModalConfig",
+            "module": "src/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultMenuItemConfig",
+          "name": "Modal",
           "declaration": {
-            "name": "defaultMenuItemConfig",
-            "module": "src/menu-item/menu-item.ts"
+            "name": "Modal",
+            "module": "src/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationMenuItem",
+          "name": "foundationModal",
           "declaration": {
-            "name": "foundationMenuItem",
-            "module": "src/menu-item/menu-item.ts"
+            "name": "foundationModal",
+            "module": "src/modal/modal.ts"
           }
         }
       ]
@@ -27943,7 +27943,189 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress.template"
+            "package": "./progress.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationProgressStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationProgressStyles",
+          "declaration": {
+            "name": "foundationProgressStyles",
+            "module": "src/progress/progress.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationProgressTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Progress>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationProgressTemplate",
+          "declaration": {
+            "name": "foundationProgressTemplate",
+            "module": "src/progress/progress.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Progress",
+          "superclass": {
+            "name": "FASTProgress",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-progress",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationProgressShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultProgressConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  indeterminateIndicator1: `<span class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\"></span>`,\n  indeterminateIndicator2: `<span class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\"></span>`,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationProgress",
+          "description": "The Foundation Progress",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Progress",
+          "declaration": {
+            "name": "Progress",
+            "module": "src/progress/progress.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationProgressShadowOptions",
+          "declaration": {
+            "name": "foundationProgressShadowOptions",
+            "module": "src/progress/progress.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultProgressConfig",
+          "declaration": {
+            "name": "defaultProgressConfig",
+            "module": "src/progress/progress.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationProgress",
+          "declaration": {
+            "name": "foundationProgress",
+            "module": "src/progress/progress.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.template"
           }
         },
         {
@@ -27951,7 +28133,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress.styles"
+            "package": "./progress-ring.styles"
           }
         },
         {
@@ -27959,18 +28141,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress"
+            "package": "./progress-ring"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress/progress.styles.ts",
+      "path": "src/progress-ring/progress-ring.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationProgressStyles",
+          "name": "foundationProgressRingStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -27986,7 +28168,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "ProgressOptions"
+                "text": "ProgressRingOptions"
               }
             }
           ]
@@ -27995,24 +28177,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationProgressStyles",
+          "name": "foundationProgressRingStyles",
           "declaration": {
-            "name": "foundationProgressStyles",
-            "module": "src/progress/progress.styles.ts"
+            "name": "foundationProgressRingStyles",
+            "module": "src/progress-ring/progress-ring.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress/progress.template.ts",
+      "path": "src/progress-ring/progress-ring.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationProgressTemplate",
+          "name": "foundationProgressRingTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Progress>"
+              "text": "ViewTemplate<ProgressRing>"
             }
           },
           "parameters": [
@@ -28025,7 +28207,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "ProgressOptions"
+                "text": "ProgressRingOptions"
               }
             }
           ]
@@ -28034,32 +28216,32 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationProgressTemplate",
+          "name": "foundationProgressRingTemplate",
           "declaration": {
-            "name": "foundationProgressTemplate",
-            "module": "src/progress/progress.template.ts"
+            "name": "foundationProgressRingTemplate",
+            "module": "src/progress-ring/progress-ring.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress/progress.ts",
+      "path": "src/progress-ring/progress-ring.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Progress",
+          "name": "ProgressRing",
           "superclass": {
-            "name": "FASTProgress",
+            "name": "FASTProgressRing",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-progress",
+          "tagName": "%%prefix%%-progress-ring",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "foundationProgressShadowOptions",
+          "name": "foundationProgressRingShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -28067,50 +28249,50 @@
         },
         {
           "kind": "variable",
-          "name": "defaultProgressConfig",
+          "name": "defaultProgressRingConfig",
           "type": {
             "text": "object"
           },
-          "default": "{\n  indeterminateIndicator1: `<span class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\"></span>`,\n  indeterminateIndicator2: `<span class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\"></span>`,\n}"
+          "default": "{\n  indeterminateIndicator: `\n  <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n    <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n    <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n  </svg>\n  `,\n}"
         },
         {
           "kind": "variable",
-          "name": "foundationProgress",
-          "description": "The Foundation Progress",
+          "name": "foundationProgressRing",
+          "description": "The Foundation Progress Ring",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Progress",
+          "name": "ProgressRing",
           "declaration": {
-            "name": "Progress",
-            "module": "src/progress/progress.ts"
+            "name": "ProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationProgressShadowOptions",
+          "name": "foundationProgressRingShadowOptions",
           "declaration": {
-            "name": "foundationProgressShadowOptions",
-            "module": "src/progress/progress.ts"
+            "name": "foundationProgressRingShadowOptions",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultProgressConfig",
+          "name": "defaultProgressRingConfig",
           "declaration": {
-            "name": "defaultProgressConfig",
-            "module": "src/progress/progress.ts"
+            "name": "defaultProgressRingConfig",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationProgress",
+          "name": "foundationProgressRing",
           "declaration": {
-            "name": "foundationProgress",
-            "module": "src/progress/progress.ts"
+            "name": "foundationProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         }
       ]
@@ -31076,188 +31258,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationProgressRingStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationProgressRingStyles",
-          "declaration": {
-            "name": "foundationProgressRingStyles",
-            "module": "src/progress-ring/progress-ring.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationProgressRingTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<ProgressRing>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationProgressRingTemplate",
-          "declaration": {
-            "name": "foundationProgressRingTemplate",
-            "module": "src/progress-ring/progress-ring.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ProgressRing",
-          "superclass": {
-            "name": "FASTProgressRing",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-progress-ring",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationProgressRingShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultProgressRingConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  indeterminateIndicator: `\n  <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n    <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n    <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n  </svg>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationProgressRing",
-          "description": "The Foundation Progress Ring",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ProgressRing",
-          "declaration": {
-            "name": "ProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationProgressRingShadowOptions",
-          "declaration": {
-            "name": "foundationProgressRingShadowOptions",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultProgressRingConfig",
-          "declaration": {
-            "name": "defaultProgressRingConfig",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationProgressRing",
-          "declaration": {
-            "name": "foundationProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/segmented-item/index.ts",