@televet/kibble-ui 1.20.21-beta.cs2 → 1.20.21-beta.cs21

package/build/components/Menu/components/MenuList/menuList.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.component.js","sources":["../../../../../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps } from '@chakra-ui/menu';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Heading from 'components/Heading';\nimport Text from 'components/Text';\nimport MenuItem, { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport MenuSearchBar from 'components/Menu/components/MenuSearchBar/menuSearchBar.component';\nimport MenuSelectAllButtons from 'components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nconst MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          canSelectAll={canSelectAll}\n          children={item.children}\n          closeOnSelect={item.closeOnSelect}\n          colorToken={item.colorToken}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isDisabled={item.isDisabled}\n          isMultiSelect={isMultiSelect}\n          isSelected={item.isSelected}\n          itemIndex={index.toString()}\n          key={item.value}\n          label={item.label}\n          leftElement={item.leftElement}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          value={item.value}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" colorToken=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n\nexport default MenuList;\n"],"names":["_a","_b","canSelectAll","_c","canSelectGroups","children","_d","isGrouped","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","setFilteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","searchInputRef","menuItemRefs","focusNextListItem","useCallback","direction","current","isFirstOption","isLastOption","length","newIndex","focus","nextListItem","handleKeyboardNavigation","e","elementIsInputField","persist","key","preventDefault","target","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","item","value","isSelected","allSelectedItems","filter","handleToggleAllItems","groupName","clear","value_1","forEach","groupLabel","push","useEffect","groupNames","Set","map","getMenuItem","index","isPlaceholder","React","createElement","Fragment","MenuItem","closeOnSelect","colorToken","isDisabled","itemIndex","toString","label","leftElement","CMenuList","__assign","className","overflow","Box","m","MenuSearchBar","placeholder","MenuSelectAllButtons","hasSelectedItems","Boolean","concat","Flex","minH","pt","pr","pb","pl","justify","align","textAlign","Heading","size","display","p","Text"],"mappings":"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"}

package/build/components/Menu/components/MenuOptionGroup/components/Menu/components/MenuOptionGroup/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuOptionGroup.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.d.ts

@@ -0,0 +1,3 @@
+import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/menu';
+declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
+export default MenuOptionGroup;

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(r);exports.default=function(r){var u=r.children,n=e.__rest(r,["children"]);return i.default.createElement(t.MenuOptionGroup,e.__assign({className:"MenuList__OptionGroup",position:"relative"},n),u)};
+//# sourceMappingURL=menuOptionGroup.component.js.map

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuOptionGroup.component.js","sources":["../../../../../src/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuOptionGroup as CMenuOptionGroup, MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/menu';\n\nconst MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n  return (\n    <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n      {children}\n    </CMenuOptionGroup>\n  );\n};\n\nexport default MenuOptionGroup;\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"wUAGwB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACvB,OACEI,EAAC,QAAAC,cAAAC,kBAAiBC,EAAAA,SAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}

package/build/components/Menu/components/MenuSearchBar/menuSearchBar.component.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler, Dispatch, SetStateAction, KeyboardEvent, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+export interface MenuSearchBarProps {
+    handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
+    menuItems: MenuItemProps[];
+    onSearchCallback?: (e: ChangeEventHandler) => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    placeholder?: string;
+}
+declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, placeholder, }: MenuSearchBarProps) => JSX.Element;
+export default MenuSearchBar;

package/build/components/Menu/components/MenuSearchBar/menuSearchBar.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../TextInput/textInput.component.js"),r=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e);exports.default=function(n){var a=n.handleKeyboardNavigation,o=n.menuItems,l=n.onSearchCallback,i=n.searchInputRef,c=n.setFilteredMenuItems,s=n.placeholder,f=void 0===s?"Search...":s,d=r.useMenuState().isOpen,v=e.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var r=o.filter((function(e){var r,n="string"==typeof e.label?e.label:null===(r=e.label)||void 0===r?void 0:r.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));c(r)}else c(o);l&&l(e)}),[o,l,c]);return e.useEffect((function(){var e;return d&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,d]),u.default.createElement(t.default,{className:"MenuList__SearchBar",placeholder:f,onChange:v,mt:1,onKeyDown:function(e){return a(e,!0)},size:"sm",ref:i})};
+//# sourceMappingURL=menuSearchBar.component.js.map

package/build/components/Menu/components/MenuSearchBar/menuSearchBar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuSearchBar.component.js","sources":["../../../../../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport TextInput from 'components/TextInput';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/menu';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nconst MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n\nexport default MenuSearchBar;\n"],"names":["_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","className","onChange","mt","onKeyDown","size","ref"],"mappings":"sUAsBsB,SAACA,GACrB,IAAAC,6BACAC,cACAC,qBACAC,mBACAC,yBACAC,EAAAN,EAAAO,YAAAA,OAAW,IAAAD,EAAG,YAAWA,EAEjBE,EAAWC,wBAEbC,EAAeC,eACnB,SAACC,GACC,IAAMC,EAAcD,EAAEE,OAAOC,MAE7B,GAAoB,KAAhBF,GAAuBA,EAEpB,CACL,IAAMG,EAAed,EAAUe,QAAO,SAACC,SAC/BC,EAAkC,iBAAfD,EAAKE,MAAqBF,EAAKE,MAAqB,QAAZpB,EAAAkB,EAAKE,aAAO,IAAApB,OAAA,EAAAA,EAAAqB,IAE7E,OAAOF,MAAAA,OAAS,EAATA,EAAWG,cAAcC,SAASV,EAAYS,kBAEvDjB,EAAqBW,QAPrBX,EAAqBH,GAUnBC,GACFA,EAAiBS,KAGrB,CAACV,EAAWC,EAAkBE,IAehC,OAZAmB,EAAAA,WAAU,WACR,IAAIC,EAQJ,OANIjB,IACFiB,EAAeC,YAAW,iBACD,QAAvB1B,EAAAI,MAAAA,OAAA,EAAAA,EAAgBuB,eAAO,IAAA3B,GAAAA,EAAE4B,UACxB,MAGE,WAAY,OAAAC,aAAaJ,MAC/B,CAACrB,EAAgBI,IAGlBsB,wBAACC,EAAS,QAAA,CACRC,UAAU,sBACVzB,YAAaA,EACb0B,SAAUvB,EACVwB,GAAI,EACJC,UAAW,SAACvB,GAA6C,OAAAX,EAAyBW,GAAG,IACrFwB,KAAK,KACLC,IAAKjC"}

package/build/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),a=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),l=require("../../../Button/button.component.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);exports.default=function(e){var r=e.groupName,u=e.handleToggleAllItems,c=e.hasSelectedItems;return e.isGrouped?n.default.createElement(t.default,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},c?n.default.createElement(l.default,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return u({groupName:r,clear:!0})},isDisabled:!c},"Clear all"):n.default.createElement(l.default,{variant:"ghost",size:"xs",onClick:function(){return u({groupName:r,clear:!1})}},"Select all")):n.default.createElement(t.default,{mt:"8px",className:"MenuList__SelectAllButtons"},n.default.createElement(a.default,{justifyContent:"space-between"},n.default.createElement(l.default,{variant:"ghost",size:"xs",onClick:function(){return u({clear:!1})}},"Select all"),n.default.createElement(l.default,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return u({clear:!0})},isDisabled:!c},"Clear all")))};
+//# sourceMappingURL=menuSelectAllButtons.component.js.map

package/build/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuSelectAllButtons.component.js","sources":["../../../../../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Button from 'components/Button';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nconst MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n\nexport default MenuSelectAllButtons;\n"],"names":["_a","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","React","Box","textAlign","w","className","createElement","Button","variant","iconName","size","onClick","clear","isDisabled","mt","Flex","justifyContent"],"mappings":"6YAY6B,SAACA,OAC5BC,EAASD,EAAAC,UACTC,EAAoBF,EAAAE,qBACpBC,EAAgBH,EAAAG,iBAGhB,OAFSH,EAAAI,UAILC,wBAACC,UAAG,CAACC,UAAU,QAAQC,EAAE,MAAMC,UAAU,iCACtCN,EACCE,EAAAA,QAACK,cAAAC,EAAM,SACLC,QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,KAC9DC,YAAad,GAGN,aAETE,EAAAA,QAACK,cAAAC,EAAAA,SAAOC,QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,MAEvF,eAOfX,EAAAA,QAACK,cAAAJ,EAAG,QAAC,CAAAY,GAAG,MAAMT,UAAU,8BACtBJ,EAAAA,QAAAK,cAACS,EAAAA,QAAI,CAACC,eAAe,iBACnBf,EAAC,QAAAK,cAAAC,UAAO,CAAAC,QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,MAE5E,cACTX,EAAAA,QAAAK,cAACC,UACC,CAAAC,QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,KACnDC,YAAad"}

package/build/components/Menu/context/components/Menu/context/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../menu.context.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Menu/context/menu.context.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+export interface IMenuContext {
+    allMenuItems?: MenuItemProps[];
+    filteredMenuItems?: MenuItemProps[];
+    focusedItemIndex: number;
+    groups: (string | undefined)[] | null;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    handleOnClose: () => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    setFocusedItemIndex: Dispatch<SetStateAction<number>>;
+    setGroups: Dispatch<SetStateAction<(string | undefined)[] | null>>;
+}
+export declare const MenuContext: React.Context<IMenuContext>;
+export declare const useMenuContext: () => IMenuContext;
+export interface MenuProviderProps {
+    menuItems?: MenuItemProps[];
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+    isMultiSelect?: boolean;
+    children?: ReactNode;
+}
+declare const MenuProvider: ({ menuItems, onClose, children }: MenuProviderProps) => JSX.Element;
+export default MenuProvider;

package/build/components/Menu/context/menu.context.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),o=t.createContext({allMenuItems:[],filteredMenuItems:[],focusedItemIndex:-1,groups:[],handleOnClose:function(){throw new Error("handleOnClose(): Promise<void> not implemented")},setFilteredMenuItems:function(){throw new Error("setFilteredMenuItems(): Promise<void> not implemented")},setFocusedItemIndex:function(){throw new Error("setFocusedItemIndex(): Promise<void> not implemented")},setGroups:function(){throw new Error("setGroups(): Promise<void> not implemented")}});exports.MenuContext=o,exports.default=function(n){var u=n.menuItems,s=n.onClose,l=n.children,d=e.__read(t.useState(u||[]),2),i=d[0],m=d[1],a=e.__read(t.useState(null),2),f=a[0],c=a[1],I=e.__read(t.useState(-1),2),p=I[0],v=I[1],x=t.useRef(null),h=t.useRef([]),M=t.useCallback((function(){var e=null==u?void 0:u.filter((function(e){return!0===e.isSelected}));v(-1),s&&e&&s(e)}),[u,s]);return t.useEffect((function(){(null==u?void 0:u.length)&&m(u)}),[u]),r.default.createElement(o.Provider,{value:{allMenuItems:u,filteredMenuItems:i,focusedItemIndex:p,groups:f,menuItemRefs:h,handleOnClose:M,searchInputRef:x,setFilteredMenuItems:m,setFocusedItemIndex:v,setGroups:c}},l)},exports.useMenuContext=function(){return t.useContext(o)};
+//# sourceMappingURL=menu.context.js.map

package/build/components/Menu/context/menu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.context.js","sources":["../../../../src/components/Menu/context/menu.context.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useState,\n  useContext,\n  createContext,\n  useRef,\n  Dispatch,\n  SetStateAction,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface IMenuContext {\n  allMenuItems?: MenuItemProps[];\n  filteredMenuItems?: MenuItemProps[];\n  focusedItemIndex: number;\n  groups: (string | undefined)[] | null;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  handleOnClose: () => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  setFocusedItemIndex: Dispatch<SetStateAction<number>>;\n  setGroups: Dispatch<SetStateAction<(string | undefined)[] | null>>;\n}\n\n// TODO: Figure out how to document this functionality\n\nexport const MenuContext = createContext<IMenuContext>({\n  allMenuItems: [],\n  filteredMenuItems: [],\n  focusedItemIndex: -1,\n  groups: [],\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  handleOnClose: (): Promise<void> => {\n    throw new Error('handleOnClose(): Promise<void> not implemented');\n  },\n  setFilteredMenuItems: (): Promise<void> => {\n    throw new Error('setFilteredMenuItems(): Promise<void> not implemented');\n  },\n  setFocusedItemIndex: (): Promise<void> => {\n    throw new Error('setFocusedItemIndex(): Promise<void> not implemented');\n  },\n  setGroups: (): Promise<void> => {\n    throw new Error('setGroups(): Promise<void> not implemented');\n  },\n});\n\nexport const useMenuContext = (): IMenuContext => useContext<IMenuContext>(MenuContext);\n\nexport interface MenuProviderProps {\n  menuItems?: MenuItemProps[];\n  onClose?: (value: (MenuItemProps | undefined)[]) => void;\n  isMultiSelect?: boolean;\n  children?: ReactNode;\n}\n\nconst MenuProvider = ({ menuItems, onClose, children }: MenuProviderProps): JSX.Element => {\n  const [filteredMenuItems, setFilteredMenuItems] = useState<MenuItemProps[]>(menuItems || []);\n  const [groups, setGroups] = useState<(string | undefined)[] | null>(null);\n  const [focusedItemIndex, setFocusedItemIndex] = useState<number>(-1);\n\n  const searchInputRef = useRef<HTMLInputElement | null>(null);\n  const menuItemRefs = useRef<HTMLDivElement[] | null[]>([]);\n\n  const handleOnClose = useCallback(() => {\n    const selectedItems = menuItems?.filter((item) => item.isSelected === true);\n    setFocusedItemIndex(-1);\n\n    if (onClose && selectedItems) {\n      onClose(selectedItems);\n    }\n  }, [menuItems, onClose]);\n\n  useEffect(() => {\n    if (menuItems?.length) {\n      setFilteredMenuItems(menuItems);\n    }\n  }, [menuItems]);\n\n  return (\n    <MenuContext.Provider\n      value={{\n        allMenuItems: menuItems,\n        filteredMenuItems,\n        focusedItemIndex,\n        groups,\n        menuItemRefs,\n        handleOnClose,\n        searchInputRef,\n        setFilteredMenuItems,\n        setFocusedItemIndex,\n        setGroups,\n      }}\n    >\n      {children}\n    </MenuContext.Provider>\n  );\n};\n\nexport default MenuProvider;\n"],"names":["MenuContext","createContext","allMenuItems","filteredMenuItems","focusedItemIndex","groups","handleOnClose","Error","setFilteredMenuItems","setFocusedItemIndex","setGroups","_a","menuItems","onClose","children","_b","__read","useState","_c","_d","searchInputRef","useRef","menuItemRefs","useCallback","selectedItems","filter","item","isSelected","useEffect","length","React","createElement","Provider","value","useContext"],"mappings":"oOA6BaA,EAAcC,EAAAA,cAA4B,CACrDC,aAAc,GACdC,kBAAmB,GACnBC,kBAAmB,EACnBC,OAAQ,GAERC,cAAe,WACb,MAAM,IAAIC,MAAM,mDAElBC,qBAAsB,WACpB,MAAM,IAAID,MAAM,0DAElBE,oBAAqB,WACnB,MAAM,IAAIF,MAAM,yDAElBG,UAAW,WACT,MAAM,IAAIH,MAAM,uFAaC,SAACI,GAAE,IAAAC,cAAWC,EAAOF,EAAAE,QAAEC,EAAQH,EAAAG,SAC5CC,EAAAC,EAAAA,OAA4CC,EAAAA,SAA0BL,GAAa,IAAG,GAArFT,EAAiBY,EAAA,GAAEP,OACpBU,EAAAF,EAAAA,OAAsBC,EAAQA,SAAgC,MAAK,GAAlEZ,EAAMa,EAAA,GAAER,OACTS,EAAAH,EAAAA,OAA0CC,EAAQA,UAAU,GAAE,GAA7Db,EAAgBe,EAAA,GAAEV,OAEnBW,EAAiBC,SAAgC,MACjDC,EAAeD,SAAkC,IAEjDf,EAAgBiB,EAAAA,aAAY,WAChC,IAAMC,EAAgBZ,MAAAA,OAAA,EAAAA,EAAWa,QAAO,SAACC,GAAS,OAAoB,IAApBA,EAAKC,cACvDlB,GAAqB,GAEjBI,GAAWW,GACbX,EAAQW,KAET,CAACZ,EAAWC,IAQf,OANAe,EAAAA,WAAU,YACJhB,MAAAA,SAAAA,EAAWiB,SACbrB,EAAqBI,KAEtB,CAACA,IAGFkB,EAAC,QAAAC,cAAA/B,EAAYgC,SAAQ,CACnBC,MAAO,CACL/B,aAAcU,EACdT,kBAAiBA,EACjBC,iBAAgBA,EAChBC,OAAMA,EACNiB,aAAYA,EACZhB,cAAaA,EACbc,eAAcA,EACdZ,qBAAoBA,EACpBC,oBAAmBA,EACnBC,UAASA,IAGVI,2BA/CuB,WAAoB,OAAAoB,aAAyBlC"}

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

@@ -0,0 +1,2 @@
+import Menu from './menu.component';
+export default Menu;

package/build/components/Menu/menu.component.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/menu';
+import { MenuContainerProps } from 'components/Menu/components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';
+import { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';
+export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    buttonProps?: MenuButtonProps;
+    CustomTriggerElement?: FunctionComponent;
+    listProps?: MenuListProps;
+    containerProps?: MenuContainerProps;
+    children?: ReactNode;
+}
+declare const Menu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+export default Menu;

package/build/components/Menu/menu.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),u=require("./components/MenuContainer/menuContainer.component.js"),o=require("./components/MenuButton/menuButton.component.js"),s=require("./components/MenuList/menuList.component.js"),r=require("./context/menu.context.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t);exports.default=function(t){var i=t.buttonProps,a=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return l.default.createElement(r.default,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},l.default.createElement(u.default,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),a?l.default.createElement(a,{as:n.MenuButton}):l.default.createElement(o.default,e.__assign({},i)),l.default.createElement(s.default,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
+//# sourceMappingURL=menu.component.js.map

package/build/components/Menu/menu.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.component.js","sources":["../../../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } from '@chakra-ui/menu';\nimport MenuContainer, { MenuContainerProps } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport MenuButton, { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport MenuProvider from 'components/Menu/context/menu.context';\n\nexport interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  buttonProps?: MenuButtonProps;\n  CustomTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n  children?: ReactNode;\n}\n\nconst Menu = ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps): JSX.Element => {\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n        {CustomTriggerElement ? (\n          // @ts-ignore\n          <CustomTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nexport default Menu;\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"4hBAea,SAACA,GAAE,IAAAC,EAAWD,EAAAC,YAAEC,yBAAsBC,EAASH,EAAAG,UAAEC,EAAcJ,EAAAI,eAAKC,EAAKC,EAAAA,OAAAN,EAAxE,qEACZ,OACEO,EAAAA,QAAAC,cAACC,EAAAA,QAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAA,QAAAC,cAACK,EAAa,QAAAC,EAAAA,SAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAA,QAAAC,cAACN,EAAqB,CAAAc,GAAIC,EAAWC,aAErCX,UAACC,cAAAU,EAAAA,QAAeJ,EAAAA,SAAA,GAAAb,IAElBM,UAACC,cAAAW,EAAQ,sBAAKhB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}

package/build/components/Menu/menu.config.d.ts

@@ -0,0 +1,31 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare const MenuItemConfig: {
+    color: string;
+    cursor: string;
+    fontSize: string;
+    px: string;
+    py: string;
+    outline: number;
+    transitionDuration: string;
+    transitionProperty: string;
+    transitionTimingFunction: string;
+    _hover: {
+        bg: string;
+    };
+    _focus: {
+        bg: string;
+    };
+    _active: {
+        color: string;
+    };
+    _expanded: {
+        bg: string;
+    };
+    _disabled: {
+        opacity: number;
+        cursor: string;
+        bg: string;
+        color: string;
+    };
+};
+export declare const MenuConfig: ComponentStyleConfig;

package/build/components/Menu/menu.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/shadows/shadows.config.js"),r={color:o.adaptiveColors.text.light.subtle,cursor:"pointer",fontSize:e.fontSizes.sm,px:"20px",py:"8px",outline:0,transitionDuration:"ultra-fast",transitionProperty:"background",transitionTimingFunction:"ease-in",_hover:{bg:o.semanticColors.background.hover},_focus:{bg:o.semanticColors.background.hover},_active:{color:o.adaptiveColors.text.light.link},_expanded:{bg:o.semanticColors.background.hover},_disabled:{opacity:.4,cursor:"not-allowed",bg:"transparent",color:o.adaptiveColors.text.light.subtle}},s={baseStyle:{item:r,list:{p:"8px 0",boxShadow:t.shadows.md,borderColor:o.colors.border.light.default}}};exports.MenuConfig=s,exports.MenuItemConfig=r;
+//# sourceMappingURL=menu.config.js.map

package/build/components/Menu/menu.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.config.js","sources":["../../../src/components/Menu/menu.config.tsx"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { semanticColors, adaptiveColors, fontSizes, shadows, colors } from 'theme/tokens';\n\nexport const MenuItemConfig = {\n  color: adaptiveColors.text.light.subtle,\n  cursor: 'pointer',\n  fontSize: fontSizes.sm,\n  px: '20px',\n  py: '8px',\n  outline: 0,\n  transitionDuration: 'ultra-fast',\n  transitionProperty: 'background',\n  transitionTimingFunction: 'ease-in',\n  _hover: {\n    bg: semanticColors.background.hover,\n  },\n  _focus: {\n    bg: semanticColors.background.hover,\n  },\n  _active: {\n    color: adaptiveColors.text.light.link,\n  },\n  _expanded: {\n    bg: semanticColors.background.hover,\n  },\n  _disabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n    bg: 'transparent',\n    color: adaptiveColors.text.light.subtle,\n  },\n};\n\nexport const MenuConfig: ComponentStyleConfig = {\n  baseStyle: {\n    item: MenuItemConfig,\n    list: {\n      p: '8px 0',\n      boxShadow: shadows.md,\n      borderColor: colors.border.light.default,\n    },\n  },\n};\n"],"names":["MenuItemConfig","color","adaptiveColors","text","light","subtle","cursor","fontSize","fontSizes","sm","px","py","outline","transitionDuration","transitionProperty","transitionTimingFunction","_hover","bg","semanticColors","background","hover","_focus","_active","link","_expanded","_disabled","opacity","MenuConfig","baseStyle","item","list","p","boxShadow","shadows","md","borderColor","colors","border","default"],"mappings":"sOAGaA,EAAiB,CAC5BC,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,UACRC,SAAUC,EAASA,UAACC,GACpBC,GAAI,OACJC,GAAI,MACJC,QAAS,EACTC,mBAAoB,aACpBC,mBAAoB,aACpBC,yBAA0B,UAC1BC,OAAQ,CACNC,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCC,OAAQ,CACNJ,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCE,QAAS,CACPrB,MAAOC,EAAcA,eAACC,KAAKC,MAAMmB,MAEnCC,UAAW,CACTP,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCK,UAAW,CACTC,QAAS,GACTpB,OAAQ,cACRW,GAAI,cACJhB,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,SAIxBsB,EAAmC,CAC9CC,UAAW,CACTC,KAAM7B,EACN8B,KAAM,CACJC,EAAG,QACHC,UAAWC,EAAOA,QAACC,GACnBC,YAAaC,EAAMA,OAACC,OAAOjC,MAAMkC"}

package/build/components/Menu/menu.storiesData.d.ts

@@ -0,0 +1,4 @@
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+import { MenuProps } from 'components/Menu/menu.component';
+export declare const basicMenuData: MenuItemProps[];
+export declare const defaultParams: Partial<MenuProps>;

package/build/components/Modal/components/Modal/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modal.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalBody/components/Modal/components/ModalBody/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalBody.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalBody/modalBody.component.d.ts

@@ -0,0 +1,3 @@
+import { ModalBodyProps } from '@chakra-ui/modal';
+declare const ModalBody: ({ children, ...rest }: ModalBodyProps) => JSX.Element;
+export default ModalBody;

package/build/components/Modal/components/ModalBody/modalBody.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(r);exports.default=function(r){var a=r.children,i=e.__rest(r,["children"]);return u.default.createElement(t.AlertDialogBody,e.__assign({py:1},i),a)};
+//# sourceMappingURL=modalBody.component.js.map

package/build/components/Modal/components/ModalBody/modalBody.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalBody.component.js","sources":["../../../../../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps } from '@chakra-ui/modal';\n\nconst ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n  return (\n    <CModalBody py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n\nexport default ModalBody;\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","AlertDialogBody","__assign","py"],"mappings":"0UAGkB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACjB,OACEI,UAAAC,cAACC,EAAUC,gBAAAC,WAAA,CAACC,GAAI,GAAOP,GACpBD"}

package/build/components/Modal/components/ModalCloseButton/components/Modal/components/ModalCloseButton/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalCloseButton.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalCloseButton/modalCloseButton.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Button/button.component';
+declare const ModalCloseButton: ({ right, top, size, ...rest }: ButtonProps) => JSX.Element;
+export default ModalCloseButton;

package/build/components/Modal/components/ModalCloseButton/modalCloseButton.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("../../../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js"),r=require("../../../Button/button.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.default=function(t){var i=t.right,u=void 0===i?2:i,a=t.top,n=void 0===a?2:a,l=t.size,d=void 0===l?"md":l,c=e.__rest(t,["right","top","size"]),f=o.useModalContext().onClose;return s.default.createElement(r.default,e.__assign({variant:"ghostNeutral",onClick:f,iconName:"close",position:"absolute",right:u,top:n,size:d},c))};
+//# sourceMappingURL=modalCloseButton.component.js.map

package/build/components/Modal/components/ModalCloseButton/modalCloseButton.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalCloseButton.component.js","sources":["../../../../../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/modal';\nimport Button, { ButtonProps } from 'components/Button/button.component';\n\nconst ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nexport default ModalCloseButton;\n"],"names":["_a","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"2XAIyB,SAACA,GAAE,IAAAC,EAAAD,EAAAE,MAAAA,OAAQ,IAAAD,EAAA,IAAGE,EAAAH,EAAAI,IAAAA,OAAM,IAAAD,EAAA,IAAGE,EAAAL,EAAAM,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAtCC,EAAAA,OAAAR,EAAA,CAAA,QAAA,MAAA,SAChBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,QAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}

package/build/components/Modal/components/ModalFooter/components/Modal/components/ModalFooter/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooter.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -0,0 +1,5 @@
+import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/modal';
+export interface ModalFooterProps extends CModalFooterProps {
+}
+declare const ModalFooter: ({ children, ...rest }: ModalFooterProps) => JSX.Element;
+export default ModalFooter;

package/build/components/Modal/components/ModalFooter/modalFooter.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(r);exports.default=function(r){var a=r.children,i=e.__rest(r,["children"]);return u.default.createElement(t.AlertDialogFooter,e.__assign({pb:6},i),a)};
+//# sourceMappingURL=modalFooter.component.js.map

package/build/components/Modal/components/ModalFooter/modalFooter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalFooter.component.js","sources":["../../../../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/modal';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nconst ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n\nexport default ModalFooter;\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","AlertDialogFooter","__assign","pb"],"mappings":"0UAKoB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACnB,OACEI,UAAAC,cAACC,EAAYC,kBAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD"}

package/build/components/Modal/components/ModalFooterButtons/components/Modal/components/ModalFooterButtons/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooterButtons.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts

@@ -0,0 +1,14 @@
+import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/modal';
+export interface ModalFooterButtonProps extends CModalFooterProps {
+    mixpanelName?: string;
+    submitText?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    isDisabled?: boolean;
+    isDestructive?: boolean;
+    onSubmit?: () => void;
+    allowCancel?: boolean;
+    onCancel?: () => void;
+}
+declare const ModalFooterButtons: ({ submitText, isLoading, loadingText, isDisabled, isDestructive, mixpanelName, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;
+export default ModalFooterButtons;

package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("../../../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js"),i=require("../../../../chakra/components/Spacer/chakra/components/Spacer/index.js"),n=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),l=require("../../../Button/button.component.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.default=function(t){var r=t.submitText,s=void 0===r?"Submit":r,u=t.isLoading,d=t.loadingText,c=t.isDisabled,m=t.isDestructive,f=t.mixpanelName;t.children;var p=t.onSubmit,x=t.allowCancel,b=void 0===x||x,v=t.onCancel,C=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),g=a.useModalContext().onClose;return o.default.createElement(a.AlertDialogFooter,e.__assign({},C,{pb:6}),o.default.createElement(n.default,{w:"100%"},b&&o.default.createElement(l.default,{variant:"tertiary",onClick:function(){v&&v(),g()}},"Cancel"),o.default.createElement(i.default,null),o.default.createElement(l.default,{"data-mixpanel-name":f,onClick:p,isLoading:u,loadingText:d,isDisabled:c,variant:m?"primaryDestructive":"primary"},s)))};
+//# sourceMappingURL=modalFooterButtons.component.js.map

package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalFooterButtons.component.js","sources":["../../../../../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps, useModalContext } from '@chakra-ui/modal';\nimport Spacer from 'chakra/components/Spacer';\nimport Flex from 'chakra/components/Flex';\nimport Button from 'components/Button';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n  mixpanelName?: string;\n  submitText?: string;\n  isLoading?: boolean;\n  loadingText?: string;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nconst ModalFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  loadingText,\n  isDisabled,\n  isDestructive,\n  mixpanelName,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CModalFooter {...rest} pb={6}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        )}\n        <Spacer />\n        <Button\n          data-mixpanel-name={mixpanelName}\n          onClick={onSubmit}\n          isLoading={isLoading}\n          loadingText={loadingText}\n          isDisabled={isDisabled}\n          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </CModalFooter>\n  );\n};\n\nexport default ModalFooterButtons;\n"],"names":["_a","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"+hBAkB2B,SAACA,GAC1B,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAXmB,qIAalBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,kBAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,QAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,QAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAM,QAAG,MACVV,UAAAI,cAACG,EAAM,QACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}

package/build/components/Modal/components/ModalHeader/components/Modal/components/ModalHeader/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalHeader.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Modal/components/ModalHeader/modalHeader.component.d.ts

@@ -0,0 +1,7 @@
+import { ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/modal';
+import { HeadingSize } from 'components/Heading/heading.types';
+export interface ModalHeaderProps extends CModalHeaderProps {
+    size?: HeadingSize;
+}
+declare const ModalHeader: ({ size, children, ...rest }: ModalHeaderProps) => JSX.Element;
+export default ModalHeader;

package/build/components/Modal/components/ModalHeader/modalHeader.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js"),a=require("../../../Heading/heading.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.default=function(r){var i=r.size,s=void 0===i?"md":i,u=r.children,l=e.__rest(r,["size","children"]);return d.default.createElement(t.AlertDialogHeader,e.__assign({px:6,pt:6,pb:2},l),d.default.createElement(a.default,{size:s},u))};
+//# sourceMappingURL=modalHeader.component.js.map

package/build/components/Modal/components/ModalHeader/modalHeader.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalHeader.component.js","sources":["../../../../../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/modal';\nimport { HeadingSize } from 'components/Heading/heading.types';\nimport Heading from 'components/Heading';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nconst ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n  return (\n    <CModalHeader px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n\nexport default ModalHeader;\n"],"names":["_a","_b","size","children","rest","__rest","React","createElement","CModalHeader","__assign","px","pt","pb","Heading"],"mappings":"6XASoB,SAACA,GAAE,IAAAC,EAAWD,EAAAE,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAAKC,EAAIC,EAAAA,OAAAL,EAAhC,qBACnB,OACEM,EAAC,QAAAC,cAAAC,oBAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOR,GACrCE,EAAC,QAAAC,cAAAM,UAAQ,CAAAX,KAAMA,GAAOC"}

package/build/components/Modal/modal.component.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { ModalProps as CModalProps } from '@chakra-ui/modal';
+import { FocusableElement } from '@chakra-ui/utils';
+import { ModalSize } from './modal.types';
+declare type ResponsiveBreakpoints = 'base' | 'md';
+export interface ModalProps extends CModalProps {
+    children: ReactNode;
+    isCentered?: boolean;
+    responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;
+    allowEscape?: boolean;
+    useFullScreenMobile?: boolean;
+    darkMode?: boolean;
+    initialFocusRef?: React.RefObject<FocusableElement>;
+    scrollBehavior?: 'inside' | 'outside';
+    size?: string;
+}
+declare const Modal: ({ children, isOpen, onClose, isCentered, responsiveModalSizes, allowEscape, useFullScreenMobile, initialFocusRef, scrollBehavior, darkMode, size, ...rest }: ModalProps) => JSX.Element;
+export default Modal;

package/build/components/Modal/modal.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("react"),a=require("../../node_modules/@chakra-ui/modal/dist/chakra-ui-modal.esm.js"),r=require("../../node_modules/@chakra-ui/media-query/dist/chakra-ui-media-query.esm.js"),l=require("../../hooks/useTheme.js"),s=require("../../hooks/useAdaptiveColor.js"),i=require("../../hocs/withDarkMode/withDarkMode.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(o);exports.default=function(o){var d=o.children,t=o.isOpen,n=o.onClose,c=o.isCentered,m=void 0===c||c;o.responsiveModalSizes;var k=o.allowEscape,v=void 0===k||k,f=o.useFullScreenMobile,b=void 0===f||f,h=o.initialFocusRef,p=o.scrollBehavior,M=o.darkMode,_=o.size,C=void 0===_?"xl":_,q=e.__rest(o,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","size"]),j=l.default(),O=j.colors,B=j.radii,g=s.default(O.background),x=M?O.background.dark:g,y=r.useBreakpointValue({base:"full",md:C}),E=r.useBreakpointValue({base:0,md:B.xl}),w=r.useBreakpointValue({base:b?0:16,md:16}),z=u.default.createElement(a.Modal,e.__assign({closeOnEsc:v,closeOnOverlayClick:v,autoFocus:!!h,isOpen:t,onClose:n,scrollBehavior:p,isCentered:m,size:b?y:C,motionPreset:"slideInBottom"},q),u.default.createElement(a.AlertDialogOverlay,null),u.default.createElement(a.ModalContent,e.__assign({backgroundColor:x,m:w},!b&&{mx:5},{borderRadius:b?E:B.xl},b&&{minH:{base:"-webkit-fill-available",md:"auto"}}),d));return i.default(z,!!M)};
+//# sourceMappingURL=modal.component.js.map

package/build/components/Modal/modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.js","sources":["../../../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Modal as CModal, ModalProps as CModalProps, ModalContent, ModalOverlay } from '@chakra-ui/modal';\nimport { useBreakpointValue } from '@chakra-ui/media-query';\nimport useTheme from 'hooks/useTheme';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { ModalSize } from './modal.types';\nimport useAdaptiveColor from 'hooks/useAdaptiveColor';\nimport withDarkMode from 'hocs/withDarkMode/withDarkMode';\n\ntype ResponsiveBreakpoints = 'base' | 'md';\n\nexport interface ModalProps extends CModalProps {\n  children: ReactNode;\n  isCentered?: boolean;\n  responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;\n  allowEscape?: boolean;\n  useFullScreenMobile?: boolean;\n  darkMode?: boolean;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  scrollBehavior?: 'inside' | 'outside';\n  size?: string;\n}\n\nconst Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  responsiveModalSizes,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  darkMode,\n  size = 'xl',\n  ...rest\n}: ModalProps): JSX.Element => {\n  const { colors, radii } = useTheme();\n  const adaptiveBackgroundColor = useAdaptiveColor(colors.background);\n  const backgroundColor = !darkMode ? adaptiveBackgroundColor : colors.background.dark;\n\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: radii.xl });\n  const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n  const Modal: JSX.Element = (\n    <CModal\n      closeOnEsc={allowEscape}\n      closeOnOverlayClick={allowEscape}\n      autoFocus={!!initialFocusRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      scrollBehavior={scrollBehavior}\n      isCentered={isCentered}\n      size={useFullScreenMobile ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      {...rest}\n    >\n      <ModalOverlay />\n      <ModalContent\n        backgroundColor={backgroundColor}\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl}\n        {...(useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })}\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return withDarkMode(Modal, !!darkMode);\n};\n\nexport default Modal;\n"],"names":["_a","children","isOpen","onClose","_b","isCentered","responsiveModalSizes","_c","allowEscape","_d","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","_e","size","rest","__rest","_f","useTheme","colors","radii","adaptiveBackgroundColor","useAdaptiveColor","background","backgroundColor","dark","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","xl","modalMargin","Modal","React","createElement","CModal","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","AlertDialogOverlay","ModalContent","__assign","m","mx","borderRadius","minH","withDarkMode"],"mappings":"8hBAuBc,SAACA,GACb,IAAAC,EAAQD,EAAAC,SACRC,EAAMF,EAAAE,OACNC,EAAOH,EAAAG,QACPC,EAAAJ,EAAAK,WAAAA,cAAiBD,EACGJ,EAAAM,qBAAA,IACpBC,gBAAAC,OAAc,IAAAD,GAAIA,EAClBE,wBAAAC,OAAsB,IAAAD,GAAIA,EAC1BE,EAAeX,EAAAW,gBACfC,EAAcZ,EAAAY,eACdC,aACAC,EAAAd,EAAAe,KAAAA,OAAO,IAAAD,EAAA,OACJE,EAZUC,EAAAA,OAAAjB,EAAA,CAAA,WAAA,SAAA,UAAA,aAAA,uBAAA,cAAA,sBAAA,kBAAA,iBAAA,WAAA,SAcPkB,EAAoBC,EAAQ,UAA1BC,EAAMF,EAAAE,OAAEC,EAAKH,EAAAG,MACfC,EAA0BC,EAAAA,QAAiBH,EAAOI,YAClDC,EAAmBZ,EAAqCO,EAAOI,WAAWE,KAA5CJ,EAG9BK,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIf,IAC9DgB,EAA+BH,EAAkBA,mBAAC,CAAEC,KAAM,EAAGC,GAAIT,EAAMW,KACvEC,EAAcL,qBAAmB,CAAEC,KAAMnB,EAAsB,EAAI,GAAIoB,GAAI,KAE3EI,EACJC,EAAC,QAAAC,cAAAC,EAAMH,kBACLI,WAAY9B,EACZ+B,oBAAqB/B,EACrBgC,YAAa7B,EACbT,OAAQA,EACRC,QAASA,EACTS,eAAgBA,EAChBP,WAAYA,EACZU,KAAML,EAAsBiB,EAAuBZ,EACnD0B,aAAa,iBACTzB,GAEJmB,UAAAC,cAACM,EAAYC,mBAAG,MAChBR,EAAC,QAAAC,cAAAQ,EAAYA,aACXC,EAAAA,SAAA,CAAApB,gBAAiBA,EACjBqB,EAAGb,IACGvB,GAAuB,CAAEqC,GAAI,GACnC,CAAAC,aAActC,EAAsBqB,EAA+BV,EAAMW,IACpEtB,GAAuB,CAAEuC,KAAM,CAAEpB,KAAM,yBAA0BC,GAAI,UAEzE7B,IAKP,OAAOiD,UAAahB,IAASrB"}

package/build/components/NotificationCounter/components/NotificationCounter/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/NotificationCounter/notificationCounter.component.d.ts

@@ -0,0 +1,10 @@
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
+import { FlexProps } from '@chakra-ui/layout';
+export interface NotificationCounterProps extends FlexProps {
+    count?: number;
+    size?: NotificationCounterSize;
+    showCount?: boolean;
+    variant?: NotificationCounterVariant;
+}
+declare const NotificationCounter: ({ count, size, showCount, variant, ...rest }: NotificationCounterProps) => JSX.Element;
+export default NotificationCounter;

package/build/components/NotificationCounter/notificationCounter.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("react"),t=require("../../hooks/useTheme.js"),r=require("./notificationCounter.types.js"),i=require("../../chakra/components/Box/chakra/components/Box/index.js"),n=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),a=require("./notificationCounter.records.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(o);exports.default=function(o){var u,c=o.count,d=void 0===c?0:c,l=o.size,f=void 0===l?"md":l,h=o.showCount,C=void 0===h||h,b=o.variant,m=void 0===b?r.NotificationCounterVariant.Red:b,x=e.__rest(o,["count","size","showCount","variant"]),g=t.default(),p="xs"!==f&&C,v=((u={})[r.NotificationCounterVariant.Red]={backgroundColor:g.colors.red[500],color:g.colors.white},u[r.NotificationCounterVariant.Neutral]={backgroundColor:g.colors.background.table,color:g.colors.text.light.default},u),j=d>a.MAX_COUNT?s.default.createElement(i.default,{backgroundColor:v[m].color,borderRadius:g.radii.full,height:a.maxNotificationCounterSizes[f],width:a.maxNotificationCounterSizes[f]}):d>0&&d;return s.default.createElement(n.default,e.__assign({},x,{alignItems:"center",border:g.borders["1px"],borderColor:g.colors.white,borderRadius:g.radii.full,fontSize:a.notificationCounterFontSizes[f],fontWeight:g.fontWeights.semibold,height:a.notificationCounterSizes[f],justifyContent:"center",width:a.notificationCounterSizes[f]},v[m]),p&&j)};
+//# sourceMappingURL=notificationCounter.component.js.map

package/build/components/NotificationCounter/notificationCounter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.component.js","sources":["../../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import React from 'react';\nimport useTheme from 'hooks/useTheme';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport { FlexProps } from '@chakra-ui/layout';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nconst NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const theme = useTheme();\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: theme.colors.red[500],\n      color: theme.colors.white,\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: theme.colors.background.table,\n      color: theme.colors.text.light.default,\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius={theme.radii.full}\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      alignItems=\"center\"\n      border={theme.borders['1px']}\n      borderColor={theme.colors.white}\n      borderRadius={theme.radii.full}\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight={theme.fontWeights.semibold}\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n\nexport default NotificationCounter;\n"],"names":["_a","_c","count","_d","size","_e","showCount","_f","variant","NotificationCounterVariant","Red","rest","__rest","theme","useTheme","_showCount","notificationVariantStyles","_b","backgroundColor","colors","red","color","white","Neutral","background","table","text","light","default","counterContent","MAX_COUNT","React","createElement","Box","borderRadius","radii","full","height","maxNotificationCounterSizes","width","Flex","__assign","alignItems","border","borders","borderColor","fontSize","notificationCounterFontSizes","fontWeight","fontWeights","semibold","notificationCounterSizes","justifyContent"],"mappings":"kgBAoB4B,SAACA,SAC3BC,EAASD,EAAAE,MAATA,OAAK,IAAAD,EAAG,EAACA,EACTE,EAAWH,EAAAI,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBL,EAAAM,UAAhBA,OAAS,IAAAD,GAAOA,EAChBE,EAAAP,EAAAQ,QAAAA,OAAO,IAAAD,EAAGE,EAAAA,2BAA2BC,IAAGH,EACrCI,EAAIC,EAAAA,OAAAZ,EALoB,wCAOrBa,EAAQC,EAAAA,UACRC,EAAsB,OAATX,GAAwBE,EAErCU,IAAyBC,EAAA,IAC5BR,EAAAA,2BAA2BC,KAAM,CAChCQ,gBAAiBL,EAAMM,OAAOC,IAAI,KAClCC,MAAOR,EAAMM,OAAOG,OAEtBL,EAACR,EAAAA,2BAA2Bc,SAAU,CACpCL,gBAAiBL,EAAMM,OAAOK,WAAWC,MACzCJ,MAAOR,EAAMM,OAAOO,KAAKC,MAAMC,YAI7BC,EACJ3B,EAAQ4B,YACNC,EAAAA,QAAAC,cAACC,EAAAA,QAAG,CACFf,gBAAiBF,EAA0BR,GAASa,MACpDa,aAAcrB,EAAMsB,MAAMC,KAC1BC,OAAQC,8BAA4BlC,GACpCmC,MAAOD,8BAA4BlC,KAGrCF,EAAQ,GAAKA,EAGjB,OACE6B,EAAC,QAAAC,cAAAQ,EAAAA,QACKC,EAAAA,SAAA,GAAA9B,GACJ+B,WAAW,SACXC,OAAQ9B,EAAM+B,QAAQ,OACtBC,YAAahC,EAAMM,OAAOG,MAC1BY,aAAcrB,EAAMsB,MAAMC,KAC1BU,SAAUC,+BAA6B3C,GACvC4C,WAAYnC,EAAMoC,YAAYC,SAC9Bb,OAAQc,2BAAyB/C,GACjCgD,eAAe,SACfb,MAAOY,2BAAyB/C,IAC5BY,EAA0BR,IAE7BO,GAAcc"}

package/build/components/NotificationCounter/notificationCounter.records.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.MAX_COUNT=99,exports.maxNotificationCounterSizes={xs:"1px",sm:"2px",md:"3px",lg:"4px"},exports.notificationCounterFontSizes={xs:"8px",sm:"10px",md:"12px",lg:"14px"},exports.notificationCounterSizes={xs:2,sm:4,md:5,lg:6};
+//# sourceMappingURL=notificationCounter.records.js.map

package/build/components/NotificationCounter/notificationCounter.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.records.js","sources":["../../../src/components/NotificationCounter/notificationCounter.records.ts"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 2,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n"],"names":["xs","sm","md","lg"],"mappings":"sFAEyB,uCAgB2D,CAClFA,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,4CAX+E,CACnFH,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,yCAX2E,CAC/EH,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI"}

package/build/components/NotificationCounter/notificationCounter.types.js

@@ -0,0 +1,2 @@
+"use strict";var t;Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotificationCounterVariant=void 0,(t=exports.NotificationCounterVariant||(exports.NotificationCounterVariant={})).Red="red",t.Neutral="neutral";
+//# sourceMappingURL=notificationCounter.types.js.map

package/build/components/NotificationCounter/notificationCounter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.types.js","sources":["../../../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n  Red = 'red',\n  Neutral = 'neutral',\n}\n"],"names":["NotificationCounterVariant"],"mappings":"aAEA,IAAYA,yDAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,KAFC,IAAA,MACAA,EAAA,QAAA"}

package/build/components/Popover/components/Popover/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../popover.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Popover/components/PopoverBody/components/Popover/components/PopoverBody/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverBody.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Popover/components/PopoverBody/popoverBody.component.d.ts

@@ -0,0 +1,3 @@
+import { PopoverBodyProps } from '@chakra-ui/popover';
+declare const PopoverBody: ({ children, ...rest }: PopoverBodyProps) => JSX.Element;
+export default PopoverBody;

package/build/components/Popover/components/PopoverBody/popoverBody.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r);exports.default=function(r){var o=r.children,s=e.__rest(r,["children"]);return u.default.createElement(t.PopoverBody,e.__assign({pb:3,pt:0},s),o)};
+//# sourceMappingURL=popoverBody.component.js.map

package/build/components/Popover/components/PopoverBody/popoverBody.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverBody.component.js","sources":["../../../../../src/components/Popover/components/PopoverBody/popoverBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverBody as CPopoverBody, PopoverBodyProps } from '@chakra-ui/popover';\n\nconst PopoverBody = ({ children, ...rest }: PopoverBodyProps): JSX.Element => {\n  return (\n    <CPopoverBody pb={3} pt={0} {...rest}>\n      {children}\n    </CPopoverBody>\n  );\n};\n\nexport default PopoverBody;\n"],"names":["_a","children","rest","__rest","React","createElement","CPopoverBody","__assign","pb","pt"],"mappings":"8UAGoB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACnB,OACEI,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,GAAOP,GAC7BD"}

package/build/components/Popover/components/PopoverCloseButton/components/Popover/components/PopoverCloseButton/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverCloseButton.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Button/button.component';
+declare const PopoverCloseButton: ({ size, ...rest }: ButtonProps) => JSX.Element;
+export default PopoverCloseButton;

package/build/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("../../../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js"),r=require("../../../Button/button.component.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.default=function(t){var s=t.size,u=void 0===s?"xs":s,n=e.__rest(t,["size"]),a=o.usePopoverContext().onClose;return i.default.createElement(r.default,e.__assign({variant:"ghostNeutral",onClick:a,iconName:"close",position:"absolute",right:1,top:1,size:u},n))};
+//# sourceMappingURL=popoverCloseButton.component.js.map

package/build/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverCloseButton.component.js","sources":["../../../../../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/popover';\nimport Button, { ButtonProps } from 'components/Button/button.component';\n\nconst PopoverCloseButton = ({ size = 'xs', ...rest }: ButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={1}\n      top={1}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nexport default PopoverCloseButton;\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"+XAI2B,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SAClBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,QAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}

package/build/components/Popover/components/PopoverFooter/components/Popover/components/PopoverFooter/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverFooter.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -0,0 +1,5 @@
+import { PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/popover';
+export interface PopoverFooterProps extends CPopoverFooterProps {
+}
+declare const PopoverFooter: ({ children, ...rest }: PopoverFooterProps) => JSX.Element;
+export default PopoverFooter;

package/build/components/Popover/components/PopoverFooter/popoverFooter.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r);exports.default=function(r){var o=r.children,s=e.__rest(r,["children"]);return u.default.createElement(t.PopoverFooter,e.__assign({},s,{pb:3,pt:0,borderTop:0}),o)};
+//# sourceMappingURL=popoverFooter.component.js.map

package/build/components/Popover/components/PopoverFooter/popoverFooter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFooter.component.js","sources":["../../../../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooter as CPopoverFooter, PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/popover';\n\nexport interface PopoverFooterProps extends CPopoverFooterProps {}\n\nconst PopoverFooter = ({ children, ...rest }: PopoverFooterProps): JSX.Element => {\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderTop={0}>\n      {children}\n    </CPopoverFooter>\n  );\n};\n\nexport default PopoverFooter;\n"],"names":["_a","children","rest","__rest","React","CPopoverFooter","__assign","pb","pt","borderTop"],"mappings":"8UAKsB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACrB,OACEI,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,EAAM,CAAAK,GAAI,EAAGC,GAAI,EAAGC,UAAW,IAChDR"}

package/build/components/Popover/components/PopoverFooterButtons/components/Popover/components/PopoverFooterButtons/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverFooterButtons.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map