@pega/cosmos-react-core 2.0.0-dev.9.4 → 2.0.0-rc.4

package/lib/components/Menu/helpers.js

@@ -1,8 +1,12 @@
+import { hasProp } from '../../utils';
 const helpers = {
+    isItem(item) {
+        return hasProp(item, 'primary');
+    },
     getItem(items, id) {
         let found;
         items.some(item => {
-            if (item.id === id) {
+            if (this.isItem(item) && item.id === id) {
                 found = item;
                 return true;
             }
@@ -32,7 +36,7 @@ const helpers = {
         return path;
     },
     setItem(items, id, newItem) {
-        return items.map(item => {
+        return items.map((item) => {
             if (item.id === id)
                 return { ...newItem };
             if (item.items) {
@@ -53,7 +57,7 @@ const helpers = {
                     items: this.mapItem(item.items, id, fn)
                 };
             }
-            if (item.id === id) {
+            if (this.isItem(newItem) && item.id === id) {
                 newItem = fn(newItem, index, array);
             }
             return newItem;
@@ -68,34 +72,40 @@ const helpers = {
                     items: this.mapTree(item.items, fn)
                 };
             }
-            return fn(newItem, index, array);
+            return this.isItem(newItem) ? fn(newItem, index, array) : newItem;
         });
     },
     flatten(items, ancestors) {
         return items.reduce((flatItems, item) => {
             if (item.items) {
-                return [
-                    ...flatItems,
-                    item,
-                    ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])
-                ];
+                return this.isItem(item)
+                    ? [
+                        ...flatItems,
+                        item,
+                        ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])
+                    ]
+                    : [...flatItems, ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])];
             }
-            return [...flatItems, ancestors ? { ...item, ancestors } : item];
+            return this.isItem(item)
+                ? [...flatItems, ancestors ? { ...item, ancestors } : item]
+                : flatItems;
         }, []);
     },
     toggleSelected(items, id, mode, bool) {
         return this.mapTree(items, item => {
-            if (item.id === id) {
-                return {
-                    ...item,
-                    selected: bool !== undefined ? bool : !item.selected
-                };
-            }
-            if (mode === 'single-select') {
-                return {
-                    ...item,
-                    selected: false
-                };
+            if (this.isItem(item)) {
+                if (item.id === id) {
+                    return {
+                        ...item,
+                        selected: bool !== undefined ? bool : !item.selected
+                    };
+                }
+                if (mode === 'single-select') {
+                    return {
+                        ...item,
+                        selected: false
+                    };
+                }
             }
             return item;
         });
@@ -108,7 +118,7 @@ const helpers = {
     },
     getSelected(items) {
         return items.reduce((selections, item) => {
-            if (item.selected) {
+            if (this.isItem(item) && item.selected) {
                 selections = [...selections, item];
             }
             if (item.items) {
@@ -119,25 +129,19 @@ const helpers = {
     },
     prependTo(items, newItems, id) {
         if (id) {
-            return this.mapItem(items, id, item => {
-                var _a;
-                return ({
-                    ...item,
-                    items: [...newItems, ...((_a = item.items) !== null && _a !== void 0 ? _a : [])]
-                });
-            });
+            return this.mapItem(items, id, item => ({
+                ...item,
+                items: [...newItems, ...(item.items ?? [])]
+            }));
         }
         return [...newItems, ...items];
     },
     appendTo(items, newItems, id) {
         if (id) {
-            return this.mapItem(items, id, item => {
-                var _a;
-                return ({
-                    ...item,
-                    items: [...((_a = item.items) !== null && _a !== void 0 ? _a : []), ...newItems]
-                });
-            });
+            return this.mapItem(items, id, item => ({
+                ...item,
+                items: [...(item.items ?? []), ...newItems]
+            }));
         }
         return [...items, ...newItems];
     },

package/lib/components/Menu/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuProps, MenuItemProps } from './Menu.types';\n\nconst helpers = {\n  getItem(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps | undefined {\n    let found;\n    items.some(item => {\n      if (item.id === id) {\n        found = item;\n        return true;\n      }\n\n      if (item.items) {\n        found = this.getItem(item.items, id);\n        return !!found;\n      }\n\n      return false;\n    });\n\n    return found;\n  },\n\n  getPath(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps[] {\n    let path: MenuItemProps[] = [];\n    items.some(item => {\n      if (item.id === id) {\n        path = [item];\n        return true;\n      }\n\n      if (item.items) {\n        const innerPath = this.getPath(item.items, id);\n        if (innerPath.length) path = innerPath.concat(item);\n        return !!path.length;\n      }\n\n      return false;\n    });\n\n    return path;\n  },\n\n  setItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    newItem: MenuItemProps\n  ): MenuProps['items'] {\n    return items.map(item => {\n      if (item.id === id) return { ...newItem };\n\n      if (item.items) {\n        return {\n          ...item,\n          items: this.setItem(item.items, id, newItem)\n        };\n      }\n\n      return item;\n    });\n  },\n\n  mapItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapItem(item.items, id, fn)\n        };\n      }\n\n      if (item.id === id) {\n        newItem = fn(newItem, index, array);\n      }\n\n      return newItem;\n    });\n  },\n\n  mapTree(\n    items: MenuProps['items'],\n    fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapTree(item.items, fn)\n        };\n      }\n\n      return fn(newItem, index, array);\n    });\n  },\n\n  flatten(items: MenuProps['items'], ancestors?: MenuProps['items']): MenuProps['items'] {\n    return items.reduce<MenuProps['items']>((flatItems, item) => {\n      if (item.items) {\n        return [\n          ...flatItems,\n          item,\n          ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])\n        ];\n      }\n\n      return [...flatItems, ancestors ? { ...item, ancestors } : item];\n    }, []);\n  },\n\n  toggleSelected(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode'],\n    bool?: boolean\n  ) {\n    return this.mapTree(items, item => {\n      if (item.id === id) {\n        return {\n          ...item,\n          selected: bool !== undefined ? bool : !item.selected\n        };\n      }\n\n      if (mode === 'single-select') {\n        return {\n          ...item,\n          selected: false\n        };\n      }\n\n      return item;\n    });\n  },\n\n  selectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']) {\n    return this.toggleSelected(items, id, mode, true);\n  },\n\n  deselectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']) {\n    return this.toggleSelected(items, id, mode, false);\n  },\n\n  getSelected(items: MenuProps['items']) {\n    return items.reduce<MenuProps['items']>((selections, item): MenuProps['items'] => {\n      if (item.selected) {\n        selections = [...selections, item];\n      }\n\n      if (item.items) {\n        selections = [...selections, ...this.getSelected(item.items)];\n      }\n\n      return selections;\n    }, []);\n  },\n\n  prependTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuItemProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...newItems, ...(item.items ?? [])]\n      }));\n    }\n    return [...newItems, ...items];\n  },\n\n  appendTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuItemProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...(item.items ?? []), ...newItems]\n      }));\n    }\n    return [...items, ...newItems];\n  },\n\n  getNextItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return items[0];\n    let nextItem: MenuItemProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      nextItem = list[index + 1];\n      return item;\n    });\n    return nextItem;\n  },\n\n  getPrevItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return items[0];\n    let prevItem: MenuItemProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      prevItem = list[index - 1];\n      return item;\n    });\n    return prevItem;\n  },\n\n  getParentItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return undefined;\n    const [, parentItem] = this.getPath(items, itemId);\n    return parentItem;\n  }\n};\n\nexport default helpers;\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { hasProp } from '../../utils';\n\nimport { MenuProps, MenuObjectProps, MenuItemProps, MenuGroupProps } from './Menu.types';\n\nconst helpers = {\n  isItem(item: MenuItemProps | MenuGroupProps): item is MenuItemProps {\n    return hasProp(item, 'primary');\n  },\n\n  getItem(items: MenuProps['items'], id: MenuObjectProps['id']): MenuItemProps | undefined {\n    let found: MenuItemProps | undefined;\n    items.some(item => {\n      if (this.isItem(item) && item.id === id) {\n        found = item;\n        return true;\n      }\n\n      if (item.items) {\n        found = this.getItem(item.items, id);\n        return !!found;\n      }\n\n      return false;\n    });\n\n    return found;\n  },\n\n  getPath(items: MenuProps['items'], id: MenuObjectProps['id']): MenuProps['items'] {\n    let path: (MenuItemProps | MenuGroupProps)[] = [];\n    items.some(item => {\n      if (item.id === id) {\n        path = [item];\n        return true;\n      }\n\n      if (item.items) {\n        const innerPath = this.getPath(item.items, id);\n        if (innerPath.length) path = innerPath.concat(item);\n        return !!path.length;\n      }\n\n      return false;\n    });\n\n    return path;\n  },\n\n  setItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    newItem: MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item: MenuItemProps | MenuGroupProps) => {\n      if (item.id === id) return { ...newItem };\n\n      if (item.items) {\n        return {\n          ...item,\n          items: this.setItem(item.items, id, newItem) as MenuItemProps[]\n        };\n      }\n\n      return item;\n    });\n  },\n\n  mapItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapItem(item.items, id, fn) as MenuItemProps[]\n        };\n      }\n\n      if (this.isItem(newItem) && item.id === id) {\n        newItem = fn(newItem, index, array);\n      }\n\n      return newItem;\n    });\n  },\n\n  mapTree(\n    items: MenuProps['items'],\n    fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapTree(item.items, fn) as MenuItemProps[]\n        };\n      }\n\n      return this.isItem(newItem) ? fn(newItem, index, array) : newItem;\n    });\n  },\n\n  flatten(items: MenuProps['items'], ancestors?: MenuProps['items']): MenuItemProps[] {\n    return items.reduce<MenuItemProps[]>((flatItems, item) => {\n      if (item.items) {\n        return this.isItem(item)\n          ? [\n              ...flatItems,\n              item,\n              ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])\n            ]\n          : [...flatItems, ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])];\n      }\n      return this.isItem(item)\n        ? [...flatItems, ancestors ? { ...item, ancestors } : item]\n        : flatItems;\n    }, []);\n  },\n\n  toggleSelected(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode'],\n    bool?: boolean\n  ): MenuProps['items'] {\n    return this.mapTree(items, item => {\n      if (this.isItem(item)) {\n        if (item.id === id) {\n          return {\n            ...item,\n            selected: bool !== undefined ? bool : !item.selected\n          };\n        }\n\n        if (mode === 'single-select') {\n          return {\n            ...item,\n            selected: false\n          };\n        }\n      }\n\n      return item;\n    });\n  },\n\n  selectItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode']\n  ): MenuProps['items'] {\n    return this.toggleSelected(items, id, mode, true);\n  },\n\n  deselectItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode']\n  ): MenuProps['items'] {\n    return this.toggleSelected(items, id, mode, false);\n  },\n\n  getSelected(items: MenuProps['items']): MenuItemProps[] {\n    return items.reduce<MenuItemProps[]>((selections, item) => {\n      if (this.isItem(item) && item.selected) {\n        selections = [...selections, item];\n      }\n\n      if (item.items) {\n        selections = [...selections, ...this.getSelected(item.items)];\n      }\n      return selections;\n    }, []);\n  },\n\n  prependTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuObjectProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...newItems, ...(item.items ?? [])]\n      }));\n    }\n    return [...newItems, ...items];\n  },\n\n  appendTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuObjectProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...(item.items ?? []), ...newItems]\n      }));\n    }\n    return [...items, ...newItems];\n  },\n\n  getNextItem(\n    items: MenuProps['items'],\n    itemId?: MenuObjectProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return items[0];\n    let nextItem: MenuItemProps | MenuGroupProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      nextItem = list[index + 1];\n      return item;\n    });\n    return nextItem;\n  },\n\n  getPrevItem(\n    items: MenuProps['items'],\n    itemId?: MenuObjectProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return items[0];\n    let prevItem: MenuItemProps | MenuGroupProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      prevItem = list[index - 1];\n      return item;\n    });\n    return prevItem;\n  },\n\n  getParentItem(\n    items: MenuProps['items'],\n    itemId?: MenuItemProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return undefined;\n    const [, parentItem] = this.getPath(items, itemId);\n    return parentItem;\n  }\n};\n\nexport default helpers;\n"]}

package/lib/components/Menu/index.d.ts

@@ -1,6 +1,5 @@
 export { default } from './Menu';
-export { StyledMenuItem } from './MenuItem';
-export { StyledMenuListWrapper } from './Menu.styles';
-export { MenuItemProps, MenuProps } from './Menu.types';
+export { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';
+export { MenuItemProps, MenuProps, MenuGroupProps } from './Menu.types';
 export { default as menuHelpers } from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Menu/index.js

@@ -1,5 +1,4 @@
 export { default } from './Menu';
-export { StyledMenuItem } from './MenuItem';
-export { StyledMenuListWrapper } from './Menu.styles';
+export { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';
 export { default as menuHelpers } from './helpers';
 //# sourceMappingURL=index.js.map

package/lib/components/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from './Menu';\nexport { StyledMenuItem } from './MenuItem';\nexport { StyledMenuListWrapper } from './Menu.styles';\nexport { MenuItemProps, MenuProps } from './Menu.types';\nexport { default as menuHelpers } from './helpers';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from './Menu';\nexport { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';\nexport { MenuItemProps, MenuProps, MenuGroupProps } from './Menu.types';\nexport { default as menuHelpers } from './helpers';\n"]}

package/lib/components/MenuButton/MenuButton.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, MouseEventHandler } from 'react';
+import { FunctionComponent, MouseEventHandler, KeyboardEventHandler } from 'react';
 import { BaseProps, ForwardProps, NoChildrenProp, OmitStrict } from '../../types';
 import { ButtonProps } from '../Button';
 import { PopoverProps } from '../Popover';
@@ -28,6 +28,8 @@ export interface MenuButtonProps extends BaseProps, NoChildrenProp {
     id?: string;
     /** Ref for the button element. */
     ref?: ButtonProps['ref'];
+    /** The keydown handler for the MenuButton. */
+    onKeyDown?: KeyboardEventHandler;
 }
 declare const MenuButton: FunctionComponent<ForwardProps & MenuButtonProps>;
 export default MenuButton;

package/lib/components/MenuButton/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAEjB,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGlF,OAAe,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAC9D,OAAgB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAOlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,qEAAqE;IACrE,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACnE,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC1B;AAgBD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,YAAY,GAAG,eAAe,CAuGjE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAEjB,iBAAiB,EAKjB,oBAAoB,EACrB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGlF,OAAe,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAC9D,OAAgB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAQlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,qEAAqE;IACrE,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACnE,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAgBD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,YAAY,GAAG,eAAe,CA0GjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/MenuButton/MenuButton.js

@@ -6,10 +6,12 @@ import { useConsolidatedRef, useUID, useFocusWithin, useDirection } from '../../
 import Button, { StyledButton } from '../Button';
 import Popover, { StyledPopover } from '../Popover';
 import Menu from '../Menu';
-import Icon from '../Icon';
+import Icon, { registerIcon } from '../Icon';
+import * as arrowMicroDownIcon from '../Icon/icons/arrow-micro-down.icon';
 import Flex from '../Flex';
 import Text from '../Text';
 import { Count } from '../Badges';
+registerIcon(arrowMicroDownIcon);
 const StyledMenuButton = styled.button `
   flex-shrink: 0;
 
@@ -23,45 +25,42 @@ const StyledMenuButtonPopover = styled(Popover) `
 `;
 const MenuButton = forwardRef((props, ref) => {
     const uid = useUID();
-    const { id = uid, text, menu, popover, onClick, icon, count, iconOnly = false, ...restProps } = props;
+    const { id = uid, text, menu, popover, onClick, onKeyDown, icon, count, iconOnly = false, ...restProps } = props;
     const [isOpen, setIsOpen] = useState(false);
     const buttonRef = useConsolidatedRef(ref);
-    const popoverRef = useConsolidatedRef(popover === null || popover === void 0 ? void 0 : popover.ref);
-    const menuRef = useConsolidatedRef(menu === null || menu === void 0 ? void 0 : menu.ref);
+    const popoverRef = useConsolidatedRef(popover?.ref);
+    const menuRef = useConsolidatedRef(menu?.ref);
     // FIXME: Type assertion required for issue in useFocusWithin generic
     useFocusWithin([popoverRef, buttonRef], useCallback(isFocused => {
         if (!isFocused)
             setIsOpen(false);
     }, []));
     const { rtl } = useDirection();
-    return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ as: StyledMenuButton }, restProps, { id: id, ref: buttonRef, "aria-expanded": isOpen, "aria-haspopup": 'menu', "aria-controls": `${id}-popover`, "aria-label": text, label: iconOnly && !isOpen ? text : undefined, onClick: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { as: StyledMenuButton, ...restProps, id: id, ref: buttonRef, "aria-expanded": isOpen, "aria-haspopup": 'menu', "aria-controls": `${id}-popover`, "aria-label": text, label: iconOnly && !isOpen ? text : undefined, onClick: (e) => {
                     // clickCount is 0 when triggered by keyboard.
                     const clickCount = e.detail;
                     // Close the menu if it is open and either:
                     //   It is a *mouse* click on the button.
                     //   Or, the menu mode is not multiselect.
-                    if (isOpen && (clickCount > 0 || (menu === null || menu === void 0 ? void 0 : menu.mode) !== 'multi-select')) {
+                    if (isOpen && (clickCount > 0 || menu?.mode !== 'multi-select')) {
                         setIsOpen(false);
                     }
                     else {
                         setIsOpen(true);
                     }
-                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                    onClick?.(e);
                 }, onKeyDown: (e) => {
                     if (e.key === 'Escape')
                         setIsOpen(false);
-                }, icon: iconOnly }, { children: _jsxs(Flex, Object.assign({ container: { alignItems: 'center', gap: 1 } }, { children: [icon && _jsx(Icon, { name: icon }, void 0),
-                        !iconOnly && (_jsxs(Text, { children: [text, " ", count !== undefined && _jsx(Count, { children: count }, void 0),
-                                text && _jsx(Icon, { name: 'arrow-micro-down' }, void 0)] }, void 0))] }), void 0) }), void 0),
-            _jsx(StyledMenuButtonPopover, Object.assign({ placement: rtl ? 'bottom-end' : 'bottom-start', id: `${id}-popover` }, popover, { show: !!menu && isOpen, target: buttonRef.current, ref: popoverRef }, { children: menu && (_jsx(Menu, Object.assign({}, menu, { ref: menuRef, items: menu.items, onItemClick: (itemId, e) => {
-                        var _a;
+                    onKeyDown?.(e);
+                }, icon: iconOnly, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [icon && _jsx(Icon, { name: icon }, void 0), !iconOnly && (_jsxs(Text, { children: [text, " ", count !== undefined && _jsx(Count, { children: count }, void 0), text && _jsx(Icon, { name: 'arrow-micro-down' }, void 0)] }, void 0))] }, void 0) }, void 0), _jsx(StyledMenuButtonPopover, { placement: rtl ? 'bottom-end' : 'bottom-start', id: `${id}-popover`, ...popover, hideOnTargetHidden: true, show: !!menu && isOpen, target: buttonRef.current, ref: popoverRef, children: menu && (_jsx(Menu, { ...menu, ref: menuRef, items: menu.items, onItemClick: (itemId, e) => {
                         if (menu.mode !== 'multi-select' &&
                             e
                                 .detail > 0) {
                             setIsOpen(false);
                         }
-                        (_a = menu.onItemClick) === null || _a === void 0 ? void 0 : _a.call(menu, itemId, e);
-                    }, focusControlEl: buttonRef.current || undefined }), void 0)) }), void 0)] }, void 0));
+                        menu.onItemClick?.(itemId, e);
+                    }, focusControlEl: buttonRef.current || undefined }, void 0)) }, void 0)] }, void 0));
 });
 export default MenuButton;
 //# sourceMappingURL=MenuButton.js.map

package/lib/components/MenuButton/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  FunctionComponent,\n  KeyboardEvent,\n  MouseEventHandler,\n  MouseEvent,\n  UIEvent,\n  PropsWithoutRef,\n  useCallback\n} from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, ForwardProps, NoChildrenProp, OmitStrict } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useConsolidatedRef, useUID, useFocusWithin, useDirection } from '../../hooks';\nimport Button, { ButtonProps, StyledButton } from '../Button';\nimport Popover, { PopoverProps, StyledPopover } from '../Popover';\nimport Menu from '../Menu';\nimport { AcceptedMouseEventElement } from '../Menu/Menu.types';\nimport Icon from '../Icon';\nimport Flex from '../Flex';\nimport Text from '../Text';\nimport { Count } from '../Badges';\nimport type { MenuProps } from '../Menu/Menu.types';\nimport type { CountProps } from '../Badges/Count';\n\nexport interface MenuButtonProps extends BaseProps, NoChildrenProp {\n  /** The text for the MenuButton also used to set the aria-label. */\n  text: string;\n  /**\n   * Determines the Button variant for the MenuButton.\n   * @default \"secondary\"\n   */\n  variant?: ButtonProps['variant'];\n  /** The name of the icon for the MenuButton. */\n  icon?: string;\n  /** Only display the icon. The text prop will be forwarded to a tooltip. */\n  iconOnly?: ButtonProps['icon'];\n  /** The total count representing the list data which was selected. */\n  count?: CountProps['children'];\n  /** The click handler for the MenuButton. */\n  onClick?: MouseEventHandler;\n  /** Menu related props. */\n  menu?: MenuProps;\n  /** Popover related props. */\n  popover?: OmitStrict<PopoverProps, 'show' | 'target' | 'children'>;\n  /** DOM id for the button element. */\n  id?: string;\n  /** Ref for the button element. */\n  ref?: ButtonProps['ref'];\n}\n\nconst StyledMenuButton = styled.button`\n  flex-shrink: 0;\n\n  & + ${StyledPopover} + ${StyledButton} {\n    margin-inline-start: ${props => props.theme.base.spacing};\n  }\n`;\n\nStyledMenuButton.defaultProps = defaultThemeProp;\n\nconst StyledMenuButtonPopover = styled(Popover)`\n  min-width: 20ch;\n`;\n\nconst MenuButton: FunctionComponent<ForwardProps & MenuButtonProps> = forwardRef(\n  (props: PropsWithoutRef<MenuButtonProps>, ref: MenuButtonProps['ref']) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      text,\n      menu,\n      popover,\n      onClick,\n      icon,\n      count,\n      iconOnly = false,\n      ...restProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const buttonRef = useConsolidatedRef(ref);\n    const popoverRef = useConsolidatedRef<HTMLDivElement>(popover?.ref);\n    const menuRef = useConsolidatedRef<HTMLDivElement>(menu?.ref);\n\n    // FIXME: Type assertion required for issue in useFocusWithin generic\n    useFocusWithin<HTMLElement>(\n      [popoverRef, buttonRef],\n      useCallback(isFocused => {\n        if (!isFocused) setIsOpen(false);\n      }, [])\n    );\n\n    const { rtl } = useDirection();\n\n    return (\n      <>\n        <Button\n          as={StyledMenuButton}\n          {...restProps}\n          id={id}\n          ref={buttonRef}\n          aria-expanded={isOpen}\n          aria-haspopup='menu'\n          aria-controls={`${id}-popover`}\n          aria-label={text}\n          label={iconOnly && !isOpen ? text : undefined}\n          onClick={(e: MouseEvent<HTMLButtonElement> & UIEvent<HTMLButtonElement>) => {\n            // clickCount is 0 when triggered by keyboard.\n            const clickCount = e.detail;\n\n            // Close the menu if it is open and either:\n            //   It is a *mouse* click on the button.\n            //   Or, the menu mode is not multiselect.\n            if (isOpen && (clickCount > 0 || menu?.mode !== 'multi-select')) {\n              setIsOpen(false);\n            } else {\n              setIsOpen(true);\n            }\n\n            onClick?.(e);\n          }}\n          onKeyDown={(e: KeyboardEvent) => {\n            if (e.key === 'Escape') setIsOpen(false);\n          }}\n          icon={iconOnly}\n        >\n          <Flex container={{ alignItems: 'center', gap: 1 }}>\n            {icon && <Icon name={icon} />}\n            {!iconOnly && (\n              <Text>\n                {text} {count !== undefined && <Count>{count}</Count>}\n                {text && <Icon name='arrow-micro-down' />}\n              </Text>\n            )}\n          </Flex>\n        </Button>\n        <StyledMenuButtonPopover\n          placement={rtl ? 'bottom-end' : 'bottom-start'}\n          id={`${id}-popover`}\n          {...popover}\n          show={!!menu && isOpen}\n          target={buttonRef.current}\n          ref={popoverRef}\n        >\n          {menu && (\n            <Menu\n              {...menu}\n              ref={menuRef}\n              items={menu.items}\n              onItemClick={(itemId, e) => {\n                if (\n                  menu.mode !== 'multi-select' &&\n                  (e as MouseEvent<AcceptedMouseEventElement> & UIEvent<AcceptedMouseEventElement>)\n                    .detail > 0\n                ) {\n                  setIsOpen(false);\n                }\n                menu.onItemClick?.(itemId, e);\n              }}\n              focusControlEl={buttonRef.current || undefined}\n            />\n          )}\n        </StyledMenuButtonPopover>\n      </>\n    );\n  }\n);\n\nexport default MenuButton;\n"]}
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  FunctionComponent,\n  KeyboardEvent,\n  MouseEventHandler,\n  MouseEvent,\n  UIEvent,\n  PropsWithoutRef,\n  useCallback,\n  KeyboardEventHandler\n} from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, ForwardProps, NoChildrenProp, OmitStrict } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useConsolidatedRef, useUID, useFocusWithin, useDirection } from '../../hooks';\nimport Button, { ButtonProps, StyledButton } from '../Button';\nimport Popover, { PopoverProps, StyledPopover } from '../Popover';\nimport Menu from '../Menu';\nimport { AcceptedMouseEventElement } from '../Menu/Menu.types';\nimport Icon, { registerIcon } from '../Icon';\nimport * as arrowMicroDownIcon from '../Icon/icons/arrow-micro-down.icon';\nimport Flex from '../Flex';\nimport Text from '../Text';\nimport { Count } from '../Badges';\nimport type { MenuProps } from '../Menu/Menu.types';\nimport type { CountProps } from '../Badges/Count';\n\nregisterIcon(arrowMicroDownIcon);\n\nexport interface MenuButtonProps extends BaseProps, NoChildrenProp {\n  /** The text for the MenuButton also used to set the aria-label. */\n  text: string;\n  /**\n   * Determines the Button variant for the MenuButton.\n   * @default \"secondary\"\n   */\n  variant?: ButtonProps['variant'];\n  /** The name of the icon for the MenuButton. */\n  icon?: string;\n  /** Only display the icon. The text prop will be forwarded to a tooltip. */\n  iconOnly?: ButtonProps['icon'];\n  /** The total count representing the list data which was selected. */\n  count?: CountProps['children'];\n  /** The click handler for the MenuButton. */\n  onClick?: MouseEventHandler;\n  /** Menu related props. */\n  menu?: MenuProps;\n  /** Popover related props. */\n  popover?: OmitStrict<PopoverProps, 'show' | 'target' | 'children'>;\n  /** DOM id for the button element. */\n  id?: string;\n  /** Ref for the button element. */\n  ref?: ButtonProps['ref'];\n  /** The keydown handler for the MenuButton. */\n  onKeyDown?: KeyboardEventHandler;\n}\n\nconst StyledMenuButton = styled.button`\n  flex-shrink: 0;\n\n  & + ${StyledPopover} + ${StyledButton} {\n    margin-inline-start: ${props => props.theme.base.spacing};\n  }\n`;\n\nStyledMenuButton.defaultProps = defaultThemeProp;\n\nconst StyledMenuButtonPopover = styled(Popover)`\n  min-width: 20ch;\n`;\n\nconst MenuButton: FunctionComponent<ForwardProps & MenuButtonProps> = forwardRef(\n  (props: PropsWithoutRef<MenuButtonProps>, ref: MenuButtonProps['ref']) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      text,\n      menu,\n      popover,\n      onClick,\n      onKeyDown,\n      icon,\n      count,\n      iconOnly = false,\n      ...restProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const buttonRef = useConsolidatedRef(ref);\n    const popoverRef = useConsolidatedRef<HTMLDivElement>(popover?.ref);\n    const menuRef = useConsolidatedRef<HTMLDivElement>(menu?.ref);\n\n    // FIXME: Type assertion required for issue in useFocusWithin generic\n    useFocusWithin<HTMLElement>(\n      [popoverRef, buttonRef],\n      useCallback(isFocused => {\n        if (!isFocused) setIsOpen(false);\n      }, [])\n    );\n\n    const { rtl } = useDirection();\n\n    return (\n      <>\n        <Button\n          as={StyledMenuButton}\n          {...restProps}\n          id={id}\n          ref={buttonRef}\n          aria-expanded={isOpen}\n          aria-haspopup='menu'\n          aria-controls={`${id}-popover`}\n          aria-label={text}\n          label={iconOnly && !isOpen ? text : undefined}\n          onClick={(e: MouseEvent<HTMLButtonElement> & UIEvent<HTMLButtonElement>) => {\n            // clickCount is 0 when triggered by keyboard.\n            const clickCount = e.detail;\n\n            // Close the menu if it is open and either:\n            //   It is a *mouse* click on the button.\n            //   Or, the menu mode is not multiselect.\n            if (isOpen && (clickCount > 0 || menu?.mode !== 'multi-select')) {\n              setIsOpen(false);\n            } else {\n              setIsOpen(true);\n            }\n\n            onClick?.(e);\n          }}\n          onKeyDown={(e: KeyboardEvent) => {\n            if (e.key === 'Escape') setIsOpen(false);\n            onKeyDown?.(e);\n          }}\n          icon={iconOnly}\n        >\n          <Flex container={{ alignItems: 'center', gap: 1 }}>\n            {icon && <Icon name={icon} />}\n            {!iconOnly && (\n              <Text>\n                {text} {count !== undefined && <Count>{count}</Count>}\n                {text && <Icon name='arrow-micro-down' />}\n              </Text>\n            )}\n          </Flex>\n        </Button>\n        <StyledMenuButtonPopover\n          placement={rtl ? 'bottom-end' : 'bottom-start'}\n          id={`${id}-popover`}\n          {...popover}\n          hideOnTargetHidden\n          show={!!menu && isOpen}\n          target={buttonRef.current}\n          ref={popoverRef}\n        >\n          {menu && (\n            <Menu\n              {...menu}\n              ref={menuRef}\n              items={menu.items}\n              onItemClick={(itemId, e) => {\n                if (\n                  menu.mode !== 'multi-select' &&\n                  (e as MouseEvent<AcceptedMouseEventElement> & UIEvent<AcceptedMouseEventElement>)\n                    .detail > 0\n                ) {\n                  setIsOpen(false);\n                }\n                menu.onItemClick?.(itemId, e);\n              }}\n              focusControlEl={buttonRef.current || undefined}\n            />\n          )}\n        </StyledMenuButtonPopover>\n      </>\n    );\n  }\n);\n\nexport default MenuButton;\n"]}

package/lib/components/MetaList/MetaList.d.ts

@@ -1,13 +1,22 @@
 import { FunctionComponent, ReactNode, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface MetaListProps extends BaseProps {
+import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
+export interface MetaListProps extends BaseProps, NoChildrenProp {
     /** Array of nodes or text to be rendered in the list. */
     items: ReactNode[];
+    /**
+     * If true, MetaList items that extend past the MetaList's container will wrap to a new line.
+     * @default true
+     */
+    wrapItems?: boolean;
     /** Ref for the wrapping element. */
     ref?: Ref<HTMLUListElement>;
 }
-export declare const StyledMetaList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledMetaListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMetaList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    wrapItems: boolean;
+}, never>;
+export declare const StyledMetaListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    wrapItems: boolean;
+}, never>;
 declare const MetaList: FunctionComponent<MetaListProps & ForwardProps>;
 export default MetaList;
 //# sourceMappingURL=MetaList.d.ts.map

package/lib/components/MetaList/MetaList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;AAKvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,yDAAyD;IACzD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,wGAI1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,wGAS9B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAmC7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;AAKvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,yDAAyD;IACzD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;eAA0B,OAAO;SAU1D,CAAC;AAEH,eAAO,MAAM,kBAAkB;eAA0B,OAAO;SAiB9D,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAyC7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/MetaList/MetaList.js

@@ -1,34 +1,48 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import Text from '../Text';
 import Flex from '../Flex';
-export const StyledMetaList = styled.ul `
-  list-style: none;
-  white-space: nowrap;
-  overflow: hidden;
-`;
-export const StyledMetaListItem = styled.li `
-  white-space: nowrap;
-  min-width: 0;
-  display: inline-block;
-
-  &:not([role='separator']) {
-    text-overflow: ellipsis;
+export const StyledMetaList = styled.ul(({ wrapItems }) => {
+    return css `
+    list-style: none;
     overflow: hidden;
-  }
-`;
+
+    ${!wrapItems &&
+        css `
+      white-space: nowrap;
+    `}
+  `;
+});
+export const StyledMetaListItem = styled.li(({ wrapItems }) => {
+    return css `
+    min-width: 0;
+    display: inline-block;
+
+    ${wrapItems &&
+        css `
+      overflow-wrap: break-word;
+    `}
+
+    ${!wrapItems &&
+        css `
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    `}
+  `;
+});
 const MetaList = forwardRef((props, ref) => {
-    const { items, ...restProps } = props;
-    return (_jsx(Flex, Object.assign({ as: StyledMetaList, container: { gap: 0.5, alignItems: 'center' }, ref: ref }, restProps, { children: items.flatMap((item, i, arr) => item
+    const { items, wrapItems = true, ...restProps } = props;
+    return (_jsx(Flex, { as: StyledMetaList, container: { gap: 0.5, alignItems: 'center', wrap: wrapItems ? 'wrap' : 'nowrap' }, wrapItems: wrapItems, ref: ref, ...restProps, children: items.flatMap((item, i, arr) => item
             ? [
-                _jsx(Text, Object.assign({ as: StyledMetaListItem, variant: 'secondary' }, { children: item }), `${i + 0}`)
+                _jsx(Text, { as: StyledMetaListItem, variant: 'secondary', wrapItems: wrapItems, children: item }, `${i + 0}`)
             ].concat(i !== arr.length - 1
                 ? [
-                    _jsx(Text, Object.assign({ as: StyledMetaListItem, role: 'separator', variant: 'secondary' }, { children: "\u2022" }), `${i + 0}-sep`)
+                    _jsx(Text, { as: StyledMetaListItem, role: 'separator', variant: 'secondary', children: "\u2022" }, `${i + 0}-sep`)
                 ]
                 : [])
-            : []) }), void 0));
+            : []) }, void 0));
 });
 export default MetaList;
 //# sourceMappingURL=MetaList.js.map

package/lib/components/MetaList/MetaList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaList.js","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsD,UAAU,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAU3B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;CAS1C,CAAC;AAEF,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,KAAqC,EAAE,GAAyB,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,KAAC,IAAI,kBACH,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,EAC7C,GAAG,EAAE,GAAG,IACJ,SAAS,cAEZ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAC9B,IAAI;YACF,CAAC,CAAC;gBACE,KAAC,IAAI,kBAAC,EAAE,EAAE,kBAAkB,EAAmB,OAAO,EAAC,WAAW,gBAC/D,IAAI,KAD4B,GAAG,CAAC,GAAG,CAAC,EAAE,CAEtC;aACR,CAAC,MAAM,CACN,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;gBAClB,CAAC,CAAC;oBACE,KAAC,IAAI,kBACH,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAC,WAAW,EAEhB,OAAO,EAAC,WAAW,6BADd,GAAG,CAAC,GAAG,CAAC,MAAM,CAId;iBACR;gBACH,CAAC,CAAC,EAAE,CACP;YACH,CAAC,CAAC,EAAE,CACP,YACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, Ref, PropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps } from '../../types';\n\nexport interface MetaListProps extends BaseProps {\n  /** Array of nodes or text to be rendered in the list. */\n  items: ReactNode[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledMetaList = styled.ul`\n  list-style: none;\n  white-space: nowrap;\n  overflow: hidden;\n`;\n\nexport const StyledMetaListItem = styled.li`\n  white-space: nowrap;\n  min-width: 0;\n  display: inline-block;\n\n  &:not([role='separator']) {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n`;\n\nconst MetaList: FunctionComponent<MetaListProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<MetaListProps>, ref: MetaListProps['ref']) => {\n    const { items, ...restProps } = props;\n    return (\n      <Flex\n        as={StyledMetaList}\n        container={{ gap: 0.5, alignItems: 'center' }}\n        ref={ref}\n        {...restProps}\n      >\n        {items.flatMap((item, i, arr) =>\n          item\n            ? [\n                <Text as={StyledMetaListItem} key={`${i + 0}`} variant='secondary'>\n                  {item}\n                </Text>\n              ].concat(\n                i !== arr.length - 1\n                  ? [\n                      <Text\n                        as={StyledMetaListItem}\n                        role='separator'\n                        key={`${i + 0}-sep`}\n                        variant='secondary'\n                      >\n                        •\n                      </Text>\n                    ]\n                  : []\n              )\n            : []\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default MetaList;\n"]}
+{"version":3,"file":"MetaList.js","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsD,UAAU,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAe3B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,OAAO,GAAG,CAAA;;;;MAIN,CAAC,SAAS;QACZ,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpF,OAAO,GAAG,CAAA;;;;MAIN,SAAS;QACX,GAAG,CAAA;;KAEF;;MAEC,CAAC,SAAS;QACZ,GAAG,CAAA;;;;KAIF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,KAAqC,EAAE,GAAyB,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,EAClF,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAC9B,IAAI;YACF,CAAC,CAAC;gBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EAEtB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,YAEnB,IAAI,IAJA,GAAG,CAAC,GAAG,CAAC,EAAE,CAKV;aACR,CAAC,MAAM,CACN,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;gBAClB,CAAC,CAAC;oBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAC,WAAW,EAEhB,OAAO,EAAC,WAAW,wBADd,GAAG,CAAC,GAAG,CAAC,MAAM,CAId;iBACR;gBACH,CAAC,CAAC,EAAE,CACP;YACH,CAAC,CAAC,EAAE,CACP,WACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, Ref, PropsWithoutRef, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface MetaListProps extends BaseProps, NoChildrenProp {\n  /** Array of nodes or text to be rendered in the list. */\n  items: ReactNode[];\n  /**\n   * If true, MetaList items that extend past the MetaList's container will wrap to a new line.\n   * @default true\n   */\n  wrapItems?: boolean;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledMetaList = styled.ul<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    list-style: none;\n    overflow: hidden;\n\n    ${!wrapItems &&\n    css`\n      white-space: nowrap;\n    `}\n  `;\n});\n\nexport const StyledMetaListItem = styled.li<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    min-width: 0;\n    display: inline-block;\n\n    ${wrapItems &&\n    css`\n      overflow-wrap: break-word;\n    `}\n\n    ${!wrapItems &&\n    css`\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    `}\n  `;\n});\n\nconst MetaList: FunctionComponent<MetaListProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<MetaListProps>, ref: MetaListProps['ref']) => {\n    const { items, wrapItems = true, ...restProps } = props;\n    return (\n      <Flex\n        as={StyledMetaList}\n        container={{ gap: 0.5, alignItems: 'center', wrap: wrapItems ? 'wrap' : 'nowrap' }}\n        wrapItems={wrapItems}\n        ref={ref}\n        {...restProps}\n      >\n        {items.flatMap((item, i, arr) =>\n          item\n            ? [\n                <Text\n                  as={StyledMetaListItem}\n                  key={`${i + 0}`}\n                  variant='secondary'\n                  wrapItems={wrapItems}\n                >\n                  {item}\n                </Text>\n              ].concat(\n                i !== arr.length - 1\n                  ? [\n                      <Text\n                        as={StyledMetaListItem}\n                        role='separator'\n                        key={`${i + 0}-sep`}\n                        variant='secondary'\n                      >\n                        •\n                      </Text>\n                    ]\n                  : []\n              )\n            : []\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default MetaList;\n"]}

package/lib/components/Modal/Contexts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Contexts.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Contexts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAW5F,eAAO,MAAM,mBAAmB,EAAE,iBASjC,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAwD,CAAC;AAElF,eAAO,MAAM,mBAAmB,mDAI9B,CAAC"}
+{"version":3,"file":"Contexts.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Contexts.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,iBAAiB,EAEjB,wBAAwB,EACzB,MAAM,eAAe,CAAC;AAYvB,eAAO,MAAM,mBAAmB,EAAE,iBAYjC,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAwD,CAAC;AAElF,eAAO,MAAM,mBAAmB,mDAI9B,CAAC"}

package/lib/components/Modal/Contexts.js

@@ -1,10 +1,11 @@
 import { createContext } from 'react';
-import { initializedKey } from './Modal.types';
+import { modalInitializedKey, managerInitializedKey } from './Modal.types';
 const initialMethods = {
     update: () => { },
     dismiss: () => { },
     activate: () => { },
     minimize: () => { },
+    maximize: () => { },
     dock: () => { },
     unmount: () => { }
 };
@@ -12,16 +13,19 @@ export const initialModalContext = {
     alert: false,
     dismissible: true,
     minimizable: false,
+    maximizable: false,
+    dockable: false,
     defaultMinimized: false,
     unmountWhenMinimized: true,
     state: 'open',
     top: false,
+    [modalInitializedKey]: false,
     ...initialMethods
 };
 export const ModalContext = createContext(initialModalContext);
 export const ModalManagerContext = createContext({
     create: () => initialMethods,
     ModalContext,
-    [initializedKey]: false
+    [managerInitializedKey]: false
 });
 //# sourceMappingURL=Contexts.js.map

package/lib/components/Modal/Contexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contexts.js","sourceRoot":"","sources":["../../../src/components/Modal/Contexts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,cAAc,EAA+C,MAAM,eAAe,CAAC;AAE5F,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAsB;IACpD,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,KAAK;IAClB,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,IAAI;IAC1B,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,KAAK;IACV,GAAG,cAAc;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,mBAAmB,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IACzE,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc;IAC5B,YAAY;IACZ,CAAC,cAAc,CAAC,EAAE,KAAK;CACxB,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nimport { initializedKey, ModalContextValue, ModalManagerContextValue } from './Modal.types';\n\nconst initialMethods = {\n  update: () => {},\n  dismiss: () => {},\n  activate: () => {},\n  minimize: () => {},\n  dock: () => {},\n  unmount: () => {}\n};\n\nexport const initialModalContext: ModalContextValue = {\n  alert: false,\n  dismissible: true,\n  minimizable: false,\n  defaultMinimized: false,\n  unmountWhenMinimized: true,\n  state: 'open',\n  top: false,\n  ...initialMethods\n};\n\nexport const ModalContext = createContext<ModalContextValue>(initialModalContext);\n\nexport const ModalManagerContext = createContext<ModalManagerContextValue>({\n  create: () => initialMethods,\n  ModalContext,\n  [initializedKey]: false\n});\n"]}
+{"version":3,"file":"Contexts.js","sourceRoot":"","sources":["../../../src/components/Modal/Contexts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EACL,mBAAmB,EAEnB,qBAAqB,EAEtB,MAAM,eAAe,CAAC;AAEvB,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAsB;IACpD,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,KAAK;IACf,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,IAAI;IAC1B,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,KAAK;IACV,CAAC,mBAAmB,CAAC,EAAE,KAAK;IAC5B,GAAG,cAAc;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,mBAAmB,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IACzE,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc;IAC5B,YAAY;IACZ,CAAC,qBAAqB,CAAC,EAAE,KAAK;CAC/B,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nimport {\n  modalInitializedKey,\n  ModalContextValue,\n  managerInitializedKey,\n  ModalManagerContextValue\n} from './Modal.types';\n\nconst initialMethods = {\n  update: () => {},\n  dismiss: () => {},\n  activate: () => {},\n  minimize: () => {},\n  maximize: () => {},\n  dock: () => {},\n  unmount: () => {}\n};\n\nexport const initialModalContext: ModalContextValue = {\n  alert: false,\n  dismissible: true,\n  minimizable: false,\n  maximizable: false,\n  dockable: false,\n  defaultMinimized: false,\n  unmountWhenMinimized: true,\n  state: 'open',\n  top: false,\n  [modalInitializedKey]: false,\n  ...initialMethods\n};\n\nexport const ModalContext = createContext<ModalContextValue>(initialModalContext);\n\nexport const ModalManagerContext = createContext<ModalManagerContextValue>({\n  create: () => initialMethods,\n  ModalContext,\n  [managerInitializedKey]: false\n});\n"]}

package/lib/components/Modal/DockedModals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DockedModals.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/DockedModals.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAO,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAiB3C,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,GAAG,GAAG,YAAY,CAMvD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DockedModals.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/DockedModals.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAO,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAkB3C,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,GAAG,GAAG,YAAY,CAWvD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Modal/DockedModals.js

@@ -6,16 +6,17 @@ import Flex from '../Flex';
 const StyledDockedModals = styled.div(({ theme }) => {
     return css `
     position: fixed;
-    z-index: ${theme.base['z-index'].popover};
+    z-index: ${theme.base['z-index'].modal};
     bottom: 0;
     right: 0;
-    max-width: 100vw;
-    padding: 0 calc(2 * ${theme.base.spacing});
+
+    /* Allows docked modals to have consistent width, but they should probably be refactored. */
+    width: 100%;
   `;
 });
 StyledDockedModals.defaultProps = defaultThemeProp;
 const DockedModals = forwardRef((props, ref) => {
-    return (_jsx(Flex, Object.assign({ container: { justify: 'end', gap: 2 }, as: StyledDockedModals }, props, { ref: ref }), void 0));
+    return (_jsx(Flex, { container: { justify: 'end', alignItems: 'end', gap: 2, pad: [0, 2] }, as: StyledDockedModals, ...props, ref: ref }, void 0));
 });
 export default DockedModals;
 //# sourceMappingURL=DockedModals.js.map

package/lib/components/Modal/DockedModals.js.map

@@ -1 +1 @@
-{"version":3,"file":"DockedModals.js","sourceRoot":"","sources":["../../../src/components/Modal/DockedModals.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClD,OAAO,GAAG,CAAA;;eAEG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO;;;;0BAIlB,KAAK,CAAC,IAAI,CAAC,OAAO;GACzC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,YAAY,GAA0C,UAAU,CACpE,CAAC,KAAK,EAAE,GAAwB,EAAE,EAAE;IAClC,OAAO,CACL,KAAC,IAAI,kBAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,kBAAkB,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,YAAI,CAC7F,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\n\nconst StyledDockedModals = styled.div(({ theme }) => {\n  return css`\n    position: fixed;\n    z-index: ${theme.base['z-index'].popover};\n    bottom: 0;\n    right: 0;\n    max-width: 100vw;\n    padding: 0 calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledDockedModals.defaultProps = defaultThemeProp;\n\nconst DockedModals: FunctionComponent<any & ForwardProps> = forwardRef(\n  (props, ref: Ref<HTMLDivElement>) => {\n    return (\n      <Flex container={{ justify: 'end', gap: 2 }} as={StyledDockedModals} {...props} ref={ref} />\n    );\n  }\n);\n\nexport default DockedModals;\n"]}
+{"version":3,"file":"DockedModals.js","sourceRoot":"","sources":["../../../src/components/Modal/DockedModals.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClD,OAAO,GAAG,CAAA;;eAEG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK;;;;;;GAMvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,YAAY,GAA0C,UAAU,CACpE,CAAC,KAAK,EAAE,GAAwB,EAAE,EAAE;IAClC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EACrE,EAAE,EAAE,kBAAkB,KAClB,KAAK,EACT,GAAG,EAAE,GAAG,WACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\n\nconst StyledDockedModals = styled.div(({ theme }) => {\n  return css`\n    position: fixed;\n    z-index: ${theme.base['z-index'].modal};\n    bottom: 0;\n    right: 0;\n\n    /* Allows docked modals to have consistent width, but they should probably be refactored. */\n    width: 100%;\n  `;\n});\n\nStyledDockedModals.defaultProps = defaultThemeProp;\n\nconst DockedModals: FunctionComponent<any & ForwardProps> = forwardRef(\n  (props, ref: Ref<HTMLDivElement>) => {\n    return (\n      <Flex\n        container={{ justify: 'end', alignItems: 'end', gap: 2, pad: [0, 2] }}\n        as={StyledDockedModals}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nexport default DockedModals;\n"]}

package/lib/components/Modal/MinimizedModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinimizedModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/MinimizedModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqC3C,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CA2ChE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MinimizedModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/MinimizedModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqC3C,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAwFhE,CAAC;AAEF,eAAe,cAAc,CAAC"}