@skedulo/breeze-ui 0.10.3 → 0.10.4

package/dist/custom-elements.json

@@ -30741,390 +30741,504 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/modal/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./modal"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./layout"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/modal/layout.ts",
+      "path": "src/components/menu/dropdown-menu.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "MODAL_HEADER"
-        },
-        {
-          "kind": "variable",
-          "name": "MODAL_BODY"
+          "name": "DROPDOWN_MENU"
         },
         {
           "kind": "variable",
-          "name": "MODAL_FOOTER"
+          "name": "dropdownMenuSizes",
+          "type": {
+            "text": "[...menuSizes, 'fluid']"
+          },
+          "default": "[...menuSizes, 'fluid']"
         },
         {
           "kind": "class",
-          "description": "Modal header component.",
-          "name": "ModalHeader",
-          "members": [
+          "description": "Attaches a dropdown menu to interactive elements.\n\nThis component places a `Menu` within a `Popover`, which is triggered by the\nelement in the default slot - this should be an interactive element, such as\na `button`.\n\nTo populate the `Menu`, assign `MenuItems` to the `options` slot. Also\nsupports `VirtualList`.",
+          "name": "DropdownMenu",
+          "slots": [
             {
-              "kind": "field",
-              "name": "_noClose",
-              "privacy": "private"
+              "description": "Requires an interactive element",
+              "name": "default"
             },
             {
-              "kind": "method",
-              "name": "_handleClickClose",
-              "privacy": "private"
+              "description": "A list of MenuItems",
+              "name": "options"
             }
           ],
-          "events": [
+          "members": [
             {
+              "kind": "field",
+              "name": "multiselect",
               "type": {
-                "text": "ModalCloseEvent"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "brz-modal-header",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "Modal body component.\nBody component adds border-bottom if the content becomes scrollable.",
-          "name": "ModalBody",
-          "members": [
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows multiple items to be selected.",
+              "attribute": "multiselect"
+            },
             {
               "kind": "field",
-              "name": "scrollable",
+              "name": "selectable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "scrollable",
-              "reflects": true
+              "description": "Enables a selected state to be written to and emitted from the menu.",
+              "attribute": "selectable"
             },
             {
               "kind": "field",
-              "name": "_resizeObserver",
+              "name": "selected",
+              "type": {
+                "text": "ItemValue[]"
+              },
+              "default": "[]",
+              "description": "A list of currently selected values. Value collection requires the Menu to\nbe `selectable`.",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "DropdownMenuSize | undefined"
+              },
+              "description": "Sets a preset menu width.\n\nTo match the menu width to that of the reference element, use `fluid`.\n\nFor fine-grained customization, leave unset and use CSS to override the\nvariable `--brz-menu-width`.",
+              "attribute": "size"
+            },
+            {
+              "kind": "method",
+              "name": "applyFluidWidth",
               "privacy": "private",
-              "default": "new ResizeObserver(() => {\n    this.scrollable = this.scrollHeight > this.clientHeight\n  })"
+              "description": "Calculates the fluid menu width based on the reference element."
+            },
+            {
+              "kind": "method",
+              "name": "handleOpen",
+              "privacy": "private",
+              "description": "Focuses the dropdown menu when it is opened. Also re-calculates the fluid\nmenu width if needed, as it loads too late in some cases."
+            },
+            {
+              "kind": "method",
+              "name": "handleClose",
+              "privacy": "private",
+              "description": "Restores focus to the reference element when the dropdown is closed"
+            },
+            {
+              "kind": "method",
+              "name": "handleSelect",
+              "privacy": "private",
+              "description": "Handles the MenuSelectEvent. The dropdown remains open if `multiselect` is\nenabled, otherwise we handle it closing."
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private",
+              "description": "Closes the dropdown when the menu loses focus"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "description": "Sets the disabled state based on presence of the same attribute on the\nreference element. This is passed to the Popover so that it cannot open."
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "description": "Opens the dropdown"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "description": "Closes the dropdown"
+            },
+            {
+              "kind": "method",
+              "name": "updatePosition",
+              "description": "Updates the dropdown position. Useful if a re-render has caused the layout\nto change but the dropdown hasn't caught up yet."
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "MenuSelectEvent"
+              },
+              "description": "Contains the Menu's selected values",
+              "name": "brz-menu-select"
+            },
+            {
+              "type": {
+                "text": "MenuItemSelectEvent"
+              },
+              "description": "Contains the MenuItem element that was selected",
+              "name": "brz-menu-item-select"
             }
           ],
           "attributes": [
             {
-              "name": "scrollable",
+              "name": "multiselect",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "scrollable"
+              "description": "Allows multiple items to be selected.",
+              "fieldName": "multiselect"
+            },
+            {
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables a selected state to be written to and emitted from the menu.",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "ItemValue[]"
+              },
+              "default": "[]",
+              "description": "A list of currently selected values. Value collection requires the Menu to\nbe `selectable`.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "DropdownMenuSize | undefined"
+              },
+              "description": "Sets a preset menu width.\n\nTo match the menu width to that of the reference element, use `fluid`.\n\nFor fine-grained customization, leave unset and use CSS to override the\nvariable `--brz-menu-width`.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "brz-modal-body",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "Modal footer component.",
-          "name": "ModalFooter",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "brz-modal-footer",
+          "tagName": "brz-dropdown-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MODAL_HEADER",
+          "name": "DROPDOWN_MENU",
           "declaration": {
-            "name": "MODAL_HEADER",
-            "module": "src/components/modal/layout.ts"
+            "name": "DROPDOWN_MENU",
+            "module": "src/components/menu/dropdown-menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MODAL_BODY",
+          "name": "dropdownMenuSizes",
           "declaration": {
-            "name": "MODAL_BODY",
-            "module": "src/components/modal/layout.ts"
+            "name": "dropdownMenuSizes",
+            "module": "src/components/menu/dropdown-menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MODAL_FOOTER",
+          "name": "DropdownMenu",
           "declaration": {
-            "name": "MODAL_FOOTER",
-            "module": "src/components/modal/layout.ts"
+            "name": "DropdownMenu",
+            "module": "src/components/menu/dropdown-menu.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "ModalHeader",
+          "kind": "custom-element-definition",
           "declaration": {
-            "name": "ModalHeader",
-            "module": "src/components/modal/layout.ts"
+            "name": "DropdownMenu",
+            "module": "src/components/menu/dropdown-menu.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/menu/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "custom-element-definition",
+          "kind": "js",
+          "name": "*",
           "declaration": {
-            "name": "ModalHeader",
-            "module": "src/components/modal/layout.ts"
+            "name": "*",
+            "package": "./dropdown-menu"
           }
         },
         {
           "kind": "js",
-          "name": "ModalBody",
-          "declaration": {
-            "name": "ModalBody",
-            "module": "src/components/modal/layout.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
+          "name": "*",
           "declaration": {
-            "name": "ModalBody",
-            "module": "src/components/modal/layout.ts"
+            "name": "*",
+            "package": "./menu"
           }
         },
         {
           "kind": "js",
-          "name": "ModalFooter",
-          "declaration": {
-            "name": "ModalFooter",
-            "module": "src/components/modal/layout.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
+          "name": "*",
           "declaration": {
-            "name": "ModalFooter",
-            "module": "src/components/modal/layout.ts"
+            "name": "*",
+            "package": "./menu-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/modal/modal.ts",
+      "path": "src/components/menu/menu-item.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "MODAL"
-        },
-        {
-          "kind": "variable",
-          "name": "modalSizes",
-          "type": {
-            "text": "['small', 'medium', 'large', 'x-large']"
-          },
-          "default": "['small', 'medium', 'large', 'x-large']"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ModalCloseEvent",
-          "superclass": {
-            "name": "CustomEvent",
-            "module": "src/components/modal/modal.ts"
-          }
+          "name": "MENU_ITEM"
         },
         {
           "kind": "class",
-          "description": "Modal component.",
-          "name": "Modal",
+          "description": "Menu item component.",
+          "name": "MenuItem",
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "disabled",
               "type": {
-                "text": "ModalSize"
+                "text": "boolean"
               },
-              "default": "'small'",
-              "description": "The size of the modal",
-              "attribute": "size"
+              "default": "false",
+              "description": "Disables the menu item so it cannot be selected.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "highlighted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show/hides the modal",
-              "attribute": "open"
+              "description": "Highlights the menu item in a list, usually from keyboard selection.",
+              "attribute": "highlighted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "noClose",
+              "name": "selectable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hides the close button in header",
-              "attribute": "no-close"
+              "description": "Renders a check mark against selected items. Unselected items are padded\nto align label texts."
             },
             {
               "kind": "field",
-              "name": "shown"
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the menu item as selected",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "toggleable",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Renders the menu item with a checkbox, usually for multiselect menus."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "ValueType | undefined"
+              },
+              "description": "The item value. Essential for selectable menus. Even for action-based menus\nthat only use the item events, it is often useful to provide each menu item\nwith a unique value.",
+              "attribute": "value"
             },
             {
               "kind": "method",
-              "name": "handleTransitionEnd",
+              "name": "deselect",
+              "description": "Deselects the item"
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects the item"
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "description": "Toggles the item selected state"
+            },
+            {
+              "kind": "method",
+              "name": "emitSelect",
+              "description": "Emits a MenuItemSelectEvent externally. This contains a reference to the\nMenuItem element."
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles the item being clicked, which emits a select event."
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "description": "Empty keyboard binding at this level. MenuItem is expected to be used\ninside a Menu, which already handles keyboard events."
             }
           ],
           "events": [
             {
-              "description": "Fired when the modal is closed",
-              "name": "brz-modal-close"
+              "type": {
+                "text": "MenuItemSelectEvent"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "size",
+              "name": "disabled",
               "type": {
-                "text": "ModalSize"
+                "text": "boolean"
               },
-              "default": "'small'",
-              "description": "The size of the modal",
-              "fieldName": "size"
+              "default": "false",
+              "description": "Disables the menu item so it cannot be selected.",
+              "fieldName": "disabled"
             },
             {
-              "name": "open",
+              "name": "highlighted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show/hides the modal",
-              "fieldName": "open"
+              "description": "Highlights the menu item in a list, usually from keyboard selection.",
+              "fieldName": "highlighted"
             },
             {
-              "name": "no-close",
+              "name": "selected",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hides the close button in header",
-              "fieldName": "noClose"
+              "description": "Marks the menu item as selected",
+              "fieldName": "selected"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "ValueType | undefined"
+              },
+              "description": "The item value. Essential for selectable menus. Even for action-based menus\nthat only use the item events, it is often useful to provide each menu item\nwith a unique value.",
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "brz-modal",
+          "tagName": "brz-menu-item",
           "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "An event carrying a reference to a MenuItem element which has just been\nselected.",
+          "name": "MenuItemSelectEvent",
+          "superclass": {
+            "name": "CustomEvent",
+            "module": "src/components/menu/menu-item.ts"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MODAL",
+          "name": "MENU_ITEM",
           "declaration": {
-            "name": "MODAL",
-            "module": "src/components/modal/modal.ts"
+            "name": "MENU_ITEM",
+            "module": "src/components/menu/menu-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "modalSizes",
+          "name": "MenuItem",
           "declaration": {
-            "name": "modalSizes",
-            "module": "src/components/modal/modal.ts"
+            "name": "MenuItem",
+            "module": "src/components/menu/menu-item.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "ModalCloseEvent",
+          "kind": "custom-element-definition",
           "declaration": {
-            "name": "ModalCloseEvent",
-            "module": "src/components/modal/modal.ts"
+            "name": "MenuItem",
+            "module": "src/components/menu/menu-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Modal",
+          "name": "MenuItemSelectEvent",
           "declaration": {
-            "name": "Modal",
-            "module": "src/components/modal/modal.ts"
+            "name": "MenuItemSelectEvent",
+            "module": "src/components/menu/menu-item.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/menu/menu.const.ts",
+      "declarations": [
         {
-          "kind": "custom-element-definition",
+          "kind": "variable",
+          "name": "menuSizes",
+          "type": {
+            "text": "['small', 'medium', 'large']"
+          },
+          "default": "['small', 'medium', 'large']"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "menuSizes",
           "declaration": {
-            "name": "Modal",
-            "module": "src/components/modal/modal.ts"
+            "name": "menuSizes",
+            "module": "src/components/menu/menu.const.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/menu/dropdown-menu.ts",
+      "path": "src/components/menu/menu.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "DROPDOWN_MENU"
+          "name": "MENU"
         },
         {
           "kind": "variable",
-          "name": "dropdownMenuSizes",
+          "name": "SELECT_ALL_ID",
           "type": {
-            "text": "[...menuSizes, 'fluid']"
+            "text": "string"
           },
-          "default": "[...menuSizes, 'fluid']"
+          "default": "'selectAll'"
         },
         {
           "kind": "class",
-          "description": "Attaches a dropdown menu to interactive elements.\n\nThis component places a `Menu` within a `Popover`, which is triggered by the\nelement in the default slot - this should be an interactive element, such as\na `button`.\n\nTo populate the `Menu`, assign `MenuItems` to the `options` slot. Also\nsupports `VirtualList`.",
-          "name": "DropdownMenu",
-          "slots": [
-            {
-              "description": "Requires an interactive element",
-              "name": "default"
-            },
-            {
-              "description": "A list of MenuItems",
-              "name": "options"
-            }
-          ],
+          "description": "Menu component.",
+          "name": "Menu",
           "members": [
             {
               "kind": "field",
@@ -31160,77 +31274,220 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "DropdownMenuSize | undefined"
+                "text": "MenuSize | undefined"
               },
-              "description": "Sets a preset menu width.\n\nTo match the menu width to that of the reference element, use `fluid`.\n\nFor fine-grained customization, leave unset and use CSS to override the\nvariable `--brz-menu-width`.",
-              "attribute": "size"
+              "description": "Sets a preset menu width. For fine-grained customization, leave unset and\nuse CSS to override the variable `--brz-menu-width`.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "applyFluidWidth",
+              "name": "getMenuItems",
               "privacy": "private",
-              "description": "Calculates the fluid menu width based on the reference element."
+              "description": "Gets menu items. Handles implementations using a Virtual List."
             },
             {
               "kind": "method",
-              "name": "handleOpen",
+              "name": "handleUpOrDownKey",
               "privacy": "private",
-              "description": "Focuses the dropdown menu when it is opened. Also re-calculates the fluid\nmenu width if needed, as it loads too late in some cases."
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Navigates to the next/previous item in the list. Wraps back around from the\nstart/end of the list. The current item is highlighted."
             },
             {
               "kind": "method",
-              "name": "handleClose",
+              "name": "handleEnterOrSpaceKey",
               "privacy": "private",
-              "description": "Restores focus to the reference element when the dropdown is closed"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Enter/Space keys should select (or toggle) the currently highlighted item.\nCalls a method on the MenuItem to dispatch a select event back to the Menu,\nwhich is picked up in `handleMenuItemSelect`."
             },
             {
               "kind": "method",
-              "name": "handleSelect",
+              "name": "getActiveMenuItem",
               "privacy": "private",
-              "description": "Handles the MenuSelectEvent. The dropdown remains open if `multiselect` is\nenabled, otherwise we handle it closing."
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "MenuItemSelectEvent<ItemValue>"
+                  }
+                }
+              ],
+              "description": "Returns the MenuItem element passed via a select event, or the item\ncurrently highlighted by keyboard."
             },
             {
               "kind": "method",
-              "name": "handleBlur",
+              "name": "bypassSelectedState",
               "privacy": "private",
-              "description": "Closes the dropdown when the menu loses focus"
+              "description": "When not `selectable` the there is no need to store selected values but the\n\"selection\" should still behave the same way. Multiselect retains focus."
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
+              "name": "handleSelectItem",
               "privacy": "private",
-              "description": "Sets the disabled state based on presence of the same attribute on the\nreference element. This is passed to the Popover so that it cannot open."
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "MenuItem<ItemValue>"
+                  }
+                }
+              ],
+              "description": "Handles a MenuItem being selected and stores the value if relevant. Calls\nmethods on the MenuItem to sync its public properties with the Menu's\n`selected` list."
             },
             {
               "kind": "method",
-              "name": "open",
-              "description": "Opens the dropdown"
+              "name": "updateSelected",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "ItemValue"
+                  }
+                }
+              ],
+              "description": "Applies changes to the Menu's `selected` state"
             },
             {
               "kind": "method",
-              "name": "close",
-              "description": "Closes the dropdown"
+              "name": "handleMenuItemSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MenuItemSelectEvent<ItemValue>"
+                  }
+                }
+              ],
+              "description": "Handles a MenuItemSelectEvent. This is fired when clicking a menu item, or\nselecting via keyboard."
             },
             {
               "kind": "method",
-              "name": "updatePosition",
-              "description": "Updates the dropdown position. Useful if a re-render has caused the layout\nto change but the dropdown hasn't caught up yet."
+              "name": "emitSelection",
+              "privacy": "private",
+              "description": "Emits currently selected values externally"
+            },
+            {
+              "kind": "method",
+              "name": "clearHighlightedItem",
+              "privacy": "private",
+              "description": "Clears the item highlighted by keyboard"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Calls the handler for the current key if there is one."
+            },
+            {
+              "kind": "method",
+              "name": "resetHighlightedIndex",
+              "privacy": "private",
+              "description": "Restores keyboard selection to its initial state (top of the list)."
+            },
+            {
+              "kind": "method",
+              "name": "resetScrollPosition",
+              "privacy": "private",
+              "description": "Resets the scroll position to the top of the list."
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets the menu to its initial state."
+            },
+            {
+              "kind": "method",
+              "name": "emitBlur",
+              "privacy": "private",
+              "description": "Emits the menu blur event externally"
+            },
+            {
+              "kind": "method",
+              "name": "handleTabKey",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Forces the menu to lose focus on tab key"
+            },
+            {
+              "kind": "method",
+              "name": "applyPropsToChildren",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "Element[] | MenuItem<ItemValue>[]"
+                  }
+                }
+              ],
+              "description": "Applies the `toggleable` property to all MenuItems if `multiselect` is\nenabled, and `selectable` if enabled on the parent Menu."
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles applying props to slotted MenuItems"
+            },
+            {
+              "kind": "method",
+              "name": "handleVirtualListUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "{\n    detail: { itemElements },\n  }",
+                  "type": {
+                    "text": "VirtualListUpdateEvent<MenuItem<ItemValue>>"
+                  }
+                }
+              ],
+              "description": "Handles applying props to MenuItems that have been rendered by a Virtual\nList and persists them in state."
             }
           ],
           "events": [
             {
               "type": {
                 "text": "MenuSelectEvent"
-              },
-              "description": "Contains the Menu's selected values",
-              "name": "brz-menu-select"
-            },
-            {
-              "type": {
-                "text": "MenuItemSelectEvent"
-              },
-              "description": "Contains the MenuItem element that was selected",
-              "name": "brz-menu-item-select"
+              }
             }
           ],
           "attributes": [
@@ -31264,9 +31521,9 @@
             {
               "name": "size",
               "type": {
-                "text": "DropdownMenuSize | undefined"
+                "text": "MenuSize | undefined"
               },
-              "description": "Sets a preset menu width.\n\nTo match the menu width to that of the reference element, use `fluid`.\n\nFor fine-grained customization, leave unset and use CSS to override the\nvariable `--brz-menu-width`.",
+              "description": "Sets a preset menu width. For fine-grained customization, leave unset and\nuse CSS to override the variable `--brz-menu-width`.",
               "fieldName": "size"
             }
           ],
@@ -31274,63 +31531,89 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "brz-dropdown-menu",
+          "tagName": "brz-menu",
           "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "Custom blur event to conditionally emit from the Menu.",
+          "name": "MenuBlurEvent",
+          "superclass": {
+            "name": "CustomEvent",
+            "module": "src/components/menu/menu.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "An event carrying a Menu's selected values to be read by parent components.",
+          "name": "MenuSelectEvent",
+          "superclass": {
+            "name": "CustomEvent",
+            "module": "src/components/menu/menu.ts"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DROPDOWN_MENU",
+          "name": "MENU",
           "declaration": {
-            "name": "DROPDOWN_MENU",
-            "module": "src/components/menu/dropdown-menu.ts"
+            "name": "MENU",
+            "module": "src/components/menu/menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "dropdownMenuSizes",
+          "name": "SELECT_ALL_ID",
           "declaration": {
-            "name": "dropdownMenuSizes",
-            "module": "src/components/menu/dropdown-menu.ts"
+            "name": "SELECT_ALL_ID",
+            "module": "src/components/menu/menu.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DropdownMenu",
+          "name": "Menu",
           "declaration": {
-            "name": "DropdownMenu",
-            "module": "src/components/menu/dropdown-menu.ts"
+            "name": "Menu",
+            "module": "src/components/menu/menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
           "declaration": {
-            "name": "DropdownMenu",
-            "module": "src/components/menu/dropdown-menu.ts"
+            "name": "Menu",
+            "module": "src/components/menu/menu.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/menu/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "MenuBlurEvent",
           "declaration": {
-            "name": "*",
-            "package": "./dropdown-menu"
+            "name": "MenuBlurEvent",
+            "module": "src/components/menu/menu.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "MenuSelectEvent",
+          "declaration": {
+            "name": "MenuSelectEvent",
+            "module": "src/components/menu/menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/modal/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu"
+            "package": "./modal"
           }
         },
         {
@@ -31338,481 +31621,248 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./menu-item"
+            "package": "./layout"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/menu/menu-item.ts",
+      "path": "src/components/modal/layout.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "MENU_ITEM"
+          "name": "MODAL_HEADER"
+        },
+        {
+          "kind": "variable",
+          "name": "MODAL_BODY"
+        },
+        {
+          "kind": "variable",
+          "name": "MODAL_FOOTER"
         },
         {
           "kind": "class",
-          "description": "Menu item component.",
-          "name": "MenuItem",
+          "description": "Modal header component.",
+          "name": "ModalHeader",
           "members": [
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the menu item so it cannot be selected.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "highlighted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Highlights the menu item in a list, usually from keyboard selection.",
-              "attribute": "highlighted",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selectable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Renders a check mark against selected items. Unselected items are padded\nto align label texts."
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the menu item as selected",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "toggleable",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Renders the menu item with a checkbox, usually for multiselect menus."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "ValueType | undefined"
-              },
-              "description": "The item value. Essential for selectable menus. Even for action-based menus\nthat only use the item events, it is often useful to provide each menu item\nwith a unique value.",
-              "attribute": "value"
-            },
-            {
-              "kind": "method",
-              "name": "deselect",
-              "description": "Deselects the item"
-            },
-            {
-              "kind": "method",
-              "name": "select",
-              "description": "Selects the item"
-            },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "description": "Toggles the item selected state"
-            },
-            {
-              "kind": "method",
-              "name": "emitSelect",
-              "description": "Emits a MenuItemSelectEvent externally. This contains a reference to the\nMenuItem element."
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "description": "Handles the item being clicked, which emits a select event."
+              "name": "_noClose",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "description": "Empty keyboard binding at this level. MenuItem is expected to be used\ninside a Menu, which already handles keyboard events."
+              "name": "_handleClickClose",
+              "privacy": "private"
             }
           ],
           "events": [
             {
               "type": {
-                "text": "MenuItemSelectEvent"
+                "text": "ModalCloseEvent"
               }
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "brz-modal-header",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "Modal body component.\nBody component adds border-bottom if the content becomes scrollable.",
+          "name": "ModalBody",
+          "members": [
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "scrollable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the menu item so it cannot be selected.",
-              "fieldName": "disabled"
+              "attribute": "scrollable",
+              "reflects": true
             },
             {
-              "name": "highlighted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Highlights the menu item in a list, usually from keyboard selection.",
-              "fieldName": "highlighted"
-            },
+              "kind": "field",
+              "name": "_resizeObserver",
+              "privacy": "private",
+              "default": "new ResizeObserver(() => {\n    this.scrollable = this.scrollHeight > this.clientHeight\n  })"
+            }
+          ],
+          "attributes": [
             {
-              "name": "selected",
+              "name": "scrollable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the menu item as selected",
-              "fieldName": "selected"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "ValueType | undefined"
-              },
-              "description": "The item value. Essential for selectable menus. Even for action-based menus\nthat only use the item events, it is often useful to provide each menu item\nwith a unique value.",
-              "fieldName": "value"
+              "fieldName": "scrollable"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "brz-menu-item",
+          "tagName": "brz-modal-body",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "An event carrying a reference to a MenuItem element which has just been\nselected.",
-          "name": "MenuItemSelectEvent",
+          "description": "Modal footer component.",
+          "name": "ModalFooter",
+          "members": [],
           "superclass": {
-            "name": "CustomEvent",
-            "module": "src/components/menu/menu-item.ts"
-          }
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "brz-modal-footer",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MENU_ITEM",
+          "name": "MODAL_HEADER",
           "declaration": {
-            "name": "MENU_ITEM",
-            "module": "src/components/menu/menu-item.ts"
+            "name": "MODAL_HEADER",
+            "module": "src/components/modal/layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MenuItem",
-          "declaration": {
-            "name": "MenuItem",
-            "module": "src/components/menu/menu-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
+          "name": "MODAL_BODY",
           "declaration": {
-            "name": "MenuItem",
-            "module": "src/components/menu/menu-item.ts"
+            "name": "MODAL_BODY",
+            "module": "src/components/modal/layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MenuItemSelectEvent",
-          "declaration": {
-            "name": "MenuItemSelectEvent",
-            "module": "src/components/menu/menu-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/menu/menu.const.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "menuSizes",
-          "type": {
-            "text": "['small', 'medium', 'large']"
-          },
-          "default": "['small', 'medium', 'large']"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "menuSizes",
-          "declaration": {
-            "name": "menuSizes",
-            "module": "src/components/menu/menu.const.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/menu/menu.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "MENU"
-        },
-        {
-          "kind": "variable",
-          "name": "SELECT_ALL_ID",
-          "type": {
-            "text": "string"
-          },
-          "default": "'selectAll'"
-        },
-        {
-          "kind": "class",
-          "description": "Menu component.",
-          "name": "Menu",
-          "members": [
-            {
-              "kind": "field",
-              "name": "multiselect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows multiple items to be selected.",
-              "attribute": "multiselect"
-            },
-            {
-              "kind": "field",
-              "name": "selectable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a selected state to be written to and emitted from the menu.",
-              "attribute": "selectable"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "ItemValue[]"
-              },
-              "default": "[]",
-              "description": "A list of currently selected values. Value collection requires the Menu to\nbe `selectable`.",
-              "attribute": "selected"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "MenuSize | undefined"
-              },
-              "description": "Sets a preset menu width. For fine-grained customization, leave unset and\nuse CSS to override the variable `--brz-menu-width`.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "getMenuItems",
-              "privacy": "private",
-              "description": "Gets menu items. Handles implementations using a Virtual List."
-            },
-            {
-              "kind": "method",
-              "name": "handleUpOrDownKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Navigates to the next/previous item in the list. Wraps back around from the\nstart/end of the list. The current item is highlighted."
-            },
-            {
-              "kind": "method",
-              "name": "handleEnterOrSpaceKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Enter/Space keys should select (or toggle) the currently highlighted item.\nCalls a method on the MenuItem to dispatch a select event back to the Menu,\nwhich is picked up in `handleMenuItemSelect`."
-            },
-            {
-              "kind": "method",
-              "name": "getActiveMenuItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "MenuItemSelectEvent<ItemValue>"
-                  }
-                }
-              ],
-              "description": "Returns the MenuItem element passed via a select event, or the item\ncurrently highlighted by keyboard."
-            },
-            {
-              "kind": "method",
-              "name": "bypassSelectedState",
-              "privacy": "private",
-              "description": "When not `selectable` the there is no need to store selected values but the\n\"selection\" should still behave the same way. Multiselect retains focus."
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "MenuItem<ItemValue>"
-                  }
-                }
-              ],
-              "description": "Handles a MenuItem being selected and stores the value if relevant. Calls\nmethods on the MenuItem to sync its public properties with the Menu's\n`selected` list."
-            },
-            {
-              "kind": "method",
-              "name": "updateSelected",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "ItemValue"
-                  }
-                }
-              ],
-              "description": "Applies changes to the Menu's `selected` state"
-            },
-            {
-              "kind": "method",
-              "name": "handleMenuItemSelect",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MenuItemSelectEvent<ItemValue>"
-                  }
-                }
-              ],
-              "description": "Handles a MenuItemSelectEvent. This is fired when clicking a menu item, or\nselecting via keyboard."
-            },
-            {
-              "kind": "method",
-              "name": "emitSelection",
-              "privacy": "private",
-              "description": "Emits currently selected values externally"
-            },
-            {
-              "kind": "method",
-              "name": "clearHighlightedItem",
-              "privacy": "private",
-              "description": "Clears the item highlighted by keyboard"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Calls the handler for the current key if there is one."
-            },
-            {
-              "kind": "method",
-              "name": "resetHighlightedIndex",
-              "privacy": "private",
-              "description": "Restores keyboard selection to its initial state (top of the list)."
-            },
-            {
-              "kind": "method",
-              "name": "resetScrollPosition",
-              "privacy": "private",
-              "description": "Resets the scroll position to the top of the list."
-            },
+          "name": "MODAL_FOOTER",
+          "declaration": {
+            "name": "MODAL_FOOTER",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModalHeader",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModalBody",
+          "declaration": {
+            "name": "ModalBody",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "ModalBody",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModalFooter",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "src/components/modal/layout.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "src/components/modal/layout.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/modal/modal.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "MODAL"
+        },
+        {
+          "kind": "variable",
+          "name": "modalSizes",
+          "type": {
+            "text": "['small', 'medium', 'large', 'x-large']"
+          },
+          "default": "['small', 'medium', 'large', 'x-large']"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ModalCloseEvent",
+          "superclass": {
+            "name": "CustomEvent",
+            "module": "src/components/modal/modal.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "Modal component.",
+          "name": "Modal",
+          "members": [
             {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets the menu to its initial state."
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "ModalSize"
+              },
+              "default": "'small'",
+              "description": "The size of the modal",
+              "attribute": "size"
             },
             {
-              "kind": "method",
-              "name": "emitBlur",
-              "privacy": "private",
-              "description": "Emits the menu blur event externally"
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show/hides the modal",
+              "attribute": "open"
             },
             {
-              "kind": "method",
-              "name": "handleTabKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Forces the menu to lose focus on tab key"
+              "kind": "field",
+              "name": "noClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the close button in header",
+              "attribute": "no-close"
             },
             {
-              "kind": "method",
-              "name": "applyPropsToChildren",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "items",
-                  "type": {
-                    "text": "Element[] | MenuItem<ItemValue>[]"
-                  }
-                }
-              ],
-              "description": "Applies the `toggleable` property to all MenuItems if `multiselect` is\nenabled, and `selectable` if enabled on the parent Menu."
+              "kind": "field",
+              "name": "shown"
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
+              "name": "handleTransitionEnd",
               "privacy": "private",
               "parameters": [
                 {
@@ -31821,140 +31871,90 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "description": "Handles applying props to slotted MenuItems"
-            },
-            {
-              "kind": "method",
-              "name": "handleVirtualListUpdate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "{\n    detail: { itemElements },\n  }",
-                  "type": {
-                    "text": "VirtualListUpdateEvent<MenuItem<ItemValue>>"
-                  }
-                }
-              ],
-              "description": "Handles applying props to MenuItems that have been rendered by a Virtual\nList and persists them in state."
+              ]
             }
           ],
           "events": [
             {
-              "type": {
-                "text": "MenuSelectEvent"
-              }
+              "description": "Fired when the modal is closed",
+              "name": "brz-modal-close"
             }
           ],
           "attributes": [
             {
-              "name": "multiselect",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "ModalSize"
               },
-              "default": "false",
-              "description": "Allows multiple items to be selected.",
-              "fieldName": "multiselect"
+              "default": "'small'",
+              "description": "The size of the modal",
+              "fieldName": "size"
             },
             {
-              "name": "selectable",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables a selected state to be written to and emitted from the menu.",
-              "fieldName": "selectable"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "ItemValue[]"
-              },
-              "default": "[]",
-              "description": "A list of currently selected values. Value collection requires the Menu to\nbe `selectable`.",
-              "fieldName": "selected"
+              "description": "Show/hides the modal",
+              "fieldName": "open"
             },
             {
-              "name": "size",
+              "name": "no-close",
               "type": {
-                "text": "MenuSize | undefined"
+                "text": "boolean"
               },
-              "description": "Sets a preset menu width. For fine-grained customization, leave unset and\nuse CSS to override the variable `--brz-menu-width`.",
-              "fieldName": "size"
+              "default": "false",
+              "description": "Hides the close button in header",
+              "fieldName": "noClose"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "brz-menu",
+          "tagName": "brz-modal",
           "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "Custom blur event to conditionally emit from the Menu.",
-          "name": "MenuBlurEvent",
-          "superclass": {
-            "name": "CustomEvent",
-            "module": "src/components/menu/menu.ts"
-          }
-        },
-        {
-          "kind": "class",
-          "description": "An event carrying a Menu's selected values to be read by parent components.",
-          "name": "MenuSelectEvent",
-          "superclass": {
-            "name": "CustomEvent",
-            "module": "src/components/menu/menu.ts"
-          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MENU",
+          "name": "MODAL",
           "declaration": {
-            "name": "MENU",
-            "module": "src/components/menu/menu.ts"
+            "name": "MODAL",
+            "module": "src/components/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "SELECT_ALL_ID",
+          "name": "modalSizes",
           "declaration": {
-            "name": "SELECT_ALL_ID",
-            "module": "src/components/menu/menu.ts"
+            "name": "modalSizes",
+            "module": "src/components/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Menu",
-          "declaration": {
-            "name": "Menu",
-            "module": "src/components/menu/menu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
+          "name": "ModalCloseEvent",
           "declaration": {
-            "name": "Menu",
-            "module": "src/components/menu/menu.ts"
+            "name": "ModalCloseEvent",
+            "module": "src/components/modal/modal.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MenuBlurEvent",
+          "name": "Modal",
           "declaration": {
-            "name": "MenuBlurEvent",
-            "module": "src/components/menu/menu.ts"
+            "name": "Modal",
+            "module": "src/components/modal/modal.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "MenuSelectEvent",
+          "kind": "custom-element-definition",
           "declaration": {
-            "name": "MenuSelectEvent",
-            "module": "src/components/menu/menu.ts"
+            "name": "Modal",
+            "module": "src/components/modal/modal.ts"
           }
         }
       ]