@televet/kibble-ui 1.24.0-beta.fixbuild.0 → 1.24.0

package/build/menuContainer.component-b44ee33f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContainer.component-b44ee33f.js","sources":["../src/components/Menu/components/MenuContainer/menuContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Menu as CMenu, MenuProps as CMenuProps } from '@chakra-ui/react';\nimport { useMenuContext } from '../../context/menu.context';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  children?: ReactNode;\n  onClose?: (value: (MenuItemProps | undefined)[]) => void;\n}\n\nexport const MenuContainer = ({ children, onClose, ...rest }: MenuContainerProps): JSX.Element => {\n  const { handleOnClose } = useMenuContext();\n\n  return (\n    <CMenu onClose={handleOnClose} {...rest}>\n      {children}\n    </CMenu>\n  );\n};\n"],"names":["_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","Menu","__assign","onClose"],"mappings":"wQAU6B,SAACA,GAAE,IAAAC,2BAAsBC,EAAxBC,EAAAA,OAAAH,EAAA,CAAA,WAAA,YACpBI,EAAkBC,iCAE1B,OACEC,UAAAC,cAACC,EAAKC,KAAAC,WAAA,CAACC,QAASP,GAAmBF,GAChCD"}

package/build/menuItem.component-e2b00162.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./useTheme-d7d8c3f5.js"),l=require("./menu.config-83ef52b8.js"),a=require("./truncatedText.component-02797815.js"),r=require("./text.component-dabbab97.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./icon.component-d3e98397.js"),i=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);exports.MenuItem=function(s){var m=s.canSelectAll,f=s.children,b=s.colorToken;s.groupLabel;var x=s.handleKeyboardNavigation,h=void 0===x?function(){}:x,g=s.isDisabled,p=s.isMultiSelect;s.isPlaceholder;var v=s.closeOnSelect,k=void 0===v?!p:v,E=s.isSelected,I=s.itemIndex,S=void 0===I?"0":I,j=s.label,M=s.leftElement,T=s.menuItemRefs,_=s.onSelect,q=s.shouldRetainSelection,C=void 0!==q&&q,y=s.shouldTruncateText,L=s.value,N=e.__rest(s,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),R=n.useTheme().colors,w=i.useMenuState().onClose,A=o.useAdaptiveColorMap(R.text,b||"default"),B=t.useCallback((function(e){e.stopPropagation(),g||(L&&_&&_({label:j,leftElement:M,value:L}),k&&w())}),[L,_,w,k,g,j,M]),D=t.useMemo((function(){return b?A:E&&C&&!p?R.text.light.link:R.text.light.default}),[E,C,p,A,b,R]);return d.default.createElement(u.Box,e.__assign({},l.MenuItemConfig,{bg:E&&C&&!p?R.background.hover:"",className:"MenuList__Item",onClick:B,onKeyDown:function(e){return h(e,!1)},tabIndex:parseInt(m?S+=2:S),ref:function(e){return T&&S?T.current[parseInt(S)]=e:null},disabled:g},N),f?d.default.createElement(u.Box,{onClick:B},f):d.default.createElement(u.HStack,{align:"center",spacing:3,minH:5,color:D},p&&d.default.createElement(u.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:R.status.success},E?d.default.createElement(c.Icon,{name:"checkmarkCircle",size:"sm"}):d.default.createElement(u.Box,{m:"2px",w:3,h:3,borderRadius:"100%",bg:R.background.grayDark})),M&&d.default.createElement(u.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),d.default.createElement(u.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof j?y?d.default.createElement(a.TruncatedText,{color:D,textContent:j||"",noOfLines:1}):d.default.createElement(r.Text,{color:D},j):j)))};
+//# sourceMappingURL=menuItem.component-e2b00162.js.map

package/build/menuItem.component-e2b00162.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.component-e2b00162.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from '../../menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from '../../../Icon/icon.component';\n\nexport interface MenuItemProps {\n  canSelectAll?: boolean;\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isSelected?: boolean;\n  itemIndex?: string;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  onSelect?: (selectedItem: MenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  colorToken?: TextColor;\n  isPlaceholder?: boolean;\n}\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  colorToken,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isMultiSelect,\n  isPlaceholder,\n  closeOnSelect = !isMultiSelect,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { colors } = useTheme();\n  const { onClose } = useMenuState();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (colorToken) {\n      return adaptiveColor;\n    }\n\n    return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n  }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        <Box onClick={handleSelect}>{children}</Box>\n      ) : (\n        <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n          {isMultiSelect && (\n            <Flex\n              w={4}\n              h={4}\n              className=\"MenuList__ItemCheckbox\"\n              align=\"center\"\n              justify=\"center\"\n              color={colors.status.success}\n            >\n              {isSelected ? (\n                <Icon name=\"checkmarkCircle\" size=\"sm\" />\n              ) : (\n                <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n              )}\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n            {typeof label === 'string' ? (\n              shouldTruncateText ? (\n                <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n              ) : (\n                <Text color={fontColor}>{label}</Text>\n              )\n            ) : (\n              label\n            )}\n          </Box>\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"4gBAuCwB,SAACA,GACvB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBgB,6QAqBfyB,EAAWC,oBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,oBAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAGA,IAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,EACCuC,UAAAC,cAACC,EAAGA,IAAC,CAAAO,QAASlB,GAAe9B,GAE7BuC,EAAAA,QAAAC,cAACgB,SAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,OAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAGA,IAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAIA,KAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,MAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}

package/build/menuList.component-a8cf4995.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),l=require("./heading.component-46024b9d.js"),n=require("./text.component-dabbab97.js"),a=require("./menuItem.component-e2b00162.js"),r=require("./textInput.component-a6844c69.js"),u=require("./chakra-ui-menu.esm-22115f36.js"),i=require("./button.component-ab2adb64.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),c=require("./menu.context-6276be4d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),f=function(e){var l=e.handleKeyboardNavigation,n=e.menuItems,a=e.onSearchCallback,i=e.searchInputRef,o=e.setFilteredMenuItems,c=e.placeholder,s=void 0===c?"Search...":c,f=u.useMenuState().isOpen,m=t.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var l=n.filter((function(e){var l,n="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));o(l)}else o(n);a&&a(e)}),[n,a,o]);return t.useEffect((function(){var e;return f&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,f]),d.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:s,onChange:m,mt:1,onKeyDown:function(e){return l(e,!0)},size:"sm",ref:i})},m=function(e){var t=e.groupName,l=e.handleToggleAllItems,n=e.hasSelectedItems;return e.isGrouped?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},n?d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({groupName:t,clear:!0})},isDisabled:!n},"Clear all"):d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({groupName:t,clear:!1})}},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({clear:!1})}},"Select all"),d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({clear:!0})},isDisabled:!n},"Clear all")))};exports.MenuList=function(r){var i=r.canSelectAll,s=void 0!==i&&i,v=r.canSelectGroups,p=void 0!==v&&v,h=r.children,S=r.isGrouped,b=void 0!==S&&S,x=r.isMatchWidthSet,g=r.isMultiSelect,_=void 0!==g&&g,I=r.isSearchable,E=void 0!==I&&I,k=r.menuItems,M=r.onSelect,y=r.onSelectAll,A=r.searchPlaceholder,N=r.shouldRetainSelection,C=void 0!==N&&N,w=r.shouldTruncateText,T=void 0===w||w,B=r.minW,L=void 0===B?"240px":B,j=r.maxW,G=r.maxH,q=void 0===G?"480px":G,D=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),W=c.useMenuContext(),R=W.filteredMenuItems,z=W.setFilteredMenuItems,F=W.allMenuItems,H=W.groups,K=W.setGroups,O=W.focusedItemIndex,P=W.setFocusedItemIndex,U=W.searchInputRef,J=W.menuItemRefs,Q=t.useCallback((function(e){var t,l;if(null==J?void 0:J.current){var n=0===O,a=O===(null==J?void 0:J.current.length)-1,r=-1;if("ArrowDown"===e)if(a){if(E)return null===(t=null==U?void 0:U.current)||void 0===t||t.focus(),void P(-1);r=0}else r=O+1;else if("ArrowUp"===e)if(n){if(E)return null===(l=null==U?void 0:U.current)||void 0===l||l.focus(),void P(-1);r=J.current.length-1}else r=O-1;var u=null==J?void 0:J.current[r];u?(null==u||u.focus(),P(r)):P(-1)}}),[O,E,J,U,P]),V=t.useCallback((function(e,t){e.persist(),(null==J?void 0:J.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||Q("ArrowDown"),"ArrowUp"===e.key&&Q("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[Q,J]),X=t.useCallback((function(t,l){if(R&&F){var n=e.__spreadArray([],e.__read(R),!1),a=n.find((function(e){return e.value===t.value}));_&&a&&(a.isSelected=!a.isSelected),z(n);var r=F.filter((function(e){return e.isSelected}));M&&a&&M(a,r),l&&a&&l(a,r)}}),[F,R,_,M,z]),Y=t.useCallback((function(t){var l=t.groupName,n=t.clear,a=void 0!==n&&n;if(R&&F){var r=e.__spreadArray([],e.__read(R),!1),u=[];r.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value)):(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value))})),z(r),y&&y(F.filter((function(e){return e.isSelected})))}}),[R,F,y,z]);t.useEffect((function(){if(b){var t=e.__spreadArray([],e.__read(new Set(null==R?void 0:R.map((function(e){return e.groupLabel})))),!1);t.length&&K(t)}}),[R,b,K]);var Z=t.useCallback((function(e,t){return e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(a.MenuItem,{canSelectAll:s,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:V,isDisabled:e.isDisabled,isMultiSelect:_,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:J,onSelect:function(t){return X(t,e.onSelect)},shouldRetainSelection:C,shouldTruncateText:T,value:e.value})}),[V,X,_,J,C,T,s]);return x||(j="320px"),h?d.default.createElement(u.MenuList,e.__assign({},D),h):d.default.createElement(u.MenuList,e.__assign({className:"MeuList"},D,{maxW:j||"unset",maxH:q,minW:L,overflow:"hidden auto"}),(E||s&&_)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},E&&d.default.createElement(f,{handleKeyboardNavigation:V,menuItems:k||[],searchInputRef:U,setFilteredMenuItems:z,placeholder:A}),s&&_&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==R?void 0:R.find((function(e){return e.isSelected}))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==R?void 0:R.length)?b?null==H?void 0:H.map((function(e,t){var n=null==R?void 0:R.filter((function(t){return t.groupLabel===e}));return d.default.createElement(o.Box,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.Heading,{size:"xs"},e)),_&&p&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==n?void 0:n.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==n?void 0:n.map((function(e,t){return Z(e,t)})))})):null==R?void 0:R.map((function(e,t){return Z(e,t)})):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(n.Text,{size:"sm",colorToken:"subtle"},"No results found"))))};
+//# sourceMappingURL=menuList.component-a8cf4995.js.map

package/build/menuList.component-a8cf4995.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.component-a8cf4995.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.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 '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\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\nexport const 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","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const 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","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../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\nexport const 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"],"names":["MenuSearchBar","_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","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}

package/build/menuOptionGroup.component-c684dd20.js

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

package/build/menuOptionGroup.component-c684dd20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuOptionGroup.component-c684dd20.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/react';\n\nexport const MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n  return (\n    <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n      {children}\n    </CMenuOptionGroup>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"kOAG+B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC9B,OACEI,EAAC,QAAAC,cAAAC,kBAAiBC,EAAAA,SAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}

package/build/modal.component-d4b9221a.js

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

package/build/modal.component-d4b9221a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component-d4b9221a.js","sources":["../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Modal as CModal,\n  ModalProps as CModalProps,\n  ModalContent,\n  ModalOverlay,\n  useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { useTheme } from 'hooks/useTheme';\nimport { ModalSize } from './modal.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { withDarkMode } from 'hocs/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\nexport const 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"],"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","ModalContent","__assign","m","mx","borderRadius","minH","withDarkMode"],"mappings":"sYA4BqB,SAACA,GACpB,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,EAZiBC,EAAAA,OAAAjB,EAAA,CAAA,WAAA,SAAA,UAAA,aAAA,uBAAA,cAAA,sBAAA,kBAAA,iBAAA,WAAA,SAcdkB,EAAoBC,EAAQA,WAA1BC,EAAMF,EAAAE,OAAEC,EAAKH,EAAAG,MACfC,EAA0BC,EAAAA,iBAAiBH,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,EAAYA,aAAG,MAChBP,EAAC,QAAAC,cAAAO,EAAYA,aACXC,EAAAA,SAAA,CAAAnB,gBAAiBA,EACjBoB,EAAGZ,IACGvB,GAAuB,CAAEoC,GAAI,GACnC,CAAAC,aAAcrC,EAAsBqB,EAA+BV,EAAMW,IACpEtB,GAAuB,CAAEsC,KAAM,CAAEnB,KAAM,yBAA0BC,GAAI,UAEzE7B,IAKP,OAAOgD,eAAaf,IAASrB"}

package/build/modalBody.component-84d1e5e0.js

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

package/build/modalBody.component-84d1e5e0.js.map

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

package/build/modalCloseButton.component-8aa52184.js

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

package/build/modalCloseButton.component-8aa52184.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalCloseButton.component-8aa52184.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): 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"],"names":["_a","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"gRAMgC,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,SACvBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}

package/build/modalFooter.component-bdb34b28.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-modal.esm-9136b612.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.ModalFooter=function(r){var a=r.children,o=e.__rest(r,["children"]);return i.default.createElement(t.ModalFooter,e.__assign({pb:6},o),a)};
+//# sourceMappingURL=modalFooter.component-bdb34b28.js.map

package/build/modalFooter.component-bdb34b28.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalFooter.component-bdb34b28.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/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","__assign","pb"],"mappings":"+NAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD"}

package/build/modalFooterButtons.component-4304dcff.js

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

package/build/modalFooterButtons.component-4304dcff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalFooterButtons.component-4304dcff.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ModalFooter as CModalFooter,\n  ModalFooterProps as CModalFooterProps,\n  useModalContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\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\nexport const 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"],"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":"kUAsBkC,SAACA,GACjC,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,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAMA,OAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}

package/build/modalHeader.component-d1f16926.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./heading.component-46024b9d.js"),a=require("./chakra-ui-modal.esm-9136b612.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=function(r){var i=r.size,n=void 0===i?"md":i,s=r.children,u=e.__rest(r,["size","children"]);return d.default.createElement(a.ModalHeader,e.__assign({px:6,pt:6,pb:2},u),d.default.createElement(t.Heading,{size:n},s))};
+//# sourceMappingURL=modalHeader.component-d1f16926.js.map

package/build/modalHeader.component-d1f16926.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalHeader.component-d1f16926.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/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nexport const 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"],"names":["_a","_b","size","children","rest","__rest","React","createElement","CModalHeader","__assign","px","pt","pb","Heading"],"mappings":"4QAS2B,SAACA,GAAE,IAAAC,EAAWD,EAAAE,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAAKC,EAAIC,EAAAA,OAAAL,EAAhC,qBAC1B,OACEM,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOR,GACrCE,EAAC,QAAAC,cAAAM,UAAQ,CAAAX,KAAMA,GAAOC"}

package/build/motion-1db106fa.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("./tslib.es6-f01c41a6.js"),n=require("react");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function r(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var o=r(n),i=e(n),a="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()},u="undefined"!=typeof window?function(t){return window.requestAnimationFrame(t)}:function(t){return setTimeout((function(){return t(a())}),16.666666666666668)};var s=!0,c=!1,l=!1,f={delta:0,timestamp:0},v=["read","update","preRender","render","postRender"],d=v.reduce((function(t,n){return t[n]=function(t){var n=[],e=[],r=0,o=!1,i=new WeakSet,a={schedule:function(t,a,u){void 0===a&&(a=!1),void 0===u&&(u=!1);var s=u&&o,c=s?n:e;return a&&i.add(t),-1===c.indexOf(t)&&(c.push(t),s&&o&&(r=n.length)),t},cancel:function(t){var n=e.indexOf(t);-1!==n&&e.splice(n,1),i.delete(t)},process:function(u){var s;if(o=!0,n=(s=[e,n])[0],(e=s[1]).length=0,r=n.length)for(var c=0;c<r;c++){var l=n[c];l(u),i.has(l)&&(a.schedule(l),t())}o=!1}};return a}((function(){return c=!0})),t}),{}),p=v.reduce((function(t,n){var e=d[n];return t[n]=function(t,n,r){return void 0===n&&(n=!1),void 0===r&&(r=!1),c||x(),e.schedule(t,n,r)},t}),{}),m=v.reduce((function(t,n){return t[n]=d[n].cancel,t}),{}),g=v.reduce((function(t,n){return t[n]=function(){return d[n].process(f)},t}),{}),h=function(t){return d[t].process(f)},y=function(t){c=!1,f.delta=s?16.666666666666668:Math.max(Math.min(t-f.timestamp,40),1),f.timestamp=t,l=!0,v.forEach(h),l=!1,c&&(s=!1,u(y))},x=function(){c=!0,s=!0,l||u(y)},_=function(){return f},b=function(t){return{isEnabled:function(n){return t.some((function(t){return!!n[t]}))}}},A={measureLayout:b(["layout","layoutId","drag","_layoutResetTransform"]),animation:b(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag"]),exit:b(["exit"]),drag:b(["drag","dragControls"]),focus:b(["whileFocus"]),hover:b(["whileHover","onHoverStart","onHoverEnd"]),tap:b(["whileTap","onTap","onTapStart","onTapCancel"]),pan:b(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),layoutAnimation:b(["layout","layoutId"])};var P=function(){},E=function(){};"production"!==process.env.NODE_ENV&&(P=function(t,n){t||"undefined"==typeof console||console.warn(n)},E=function(t,n){if(!t)throw new Error(n)});var T=n.createContext({strict:!1}),w=Object.keys(A),S=w.length;var C=n.createContext({transformPagePoint:function(t){return t},isStatic:!1}),V=n.createContext({});var M=n.createContext(null);function L(t){var e=n.useRef(null);return null===e.current&&(e.current=t()),e.current}function R(){var t=n.useContext(M);if(null===t)return[!0,null];var e=t.isPresent,r=t.onExitComplete,o=t.register,i=B();n.useEffect((function(){return o(i)}),[]);return!e&&r?[!1,function(){return null==r?void 0:r(i)}]:[!0]}function D(t){return null===t||t.isPresent}var k=0,j=function(){return k++},B=function(){return L(j)},O=n.createContext(null),F="undefined"!=typeof window,I=F?n.useLayoutEffect:n.useEffect;function U(e,r,o,i){var a=n.useContext(C),u=n.useContext(T),s=n.useContext(V).visualElement,c=n.useContext(M),l=function(t){var e=t.layoutId,r=n.useContext(O);return r&&void 0!==e?r+"-"+e:e}(o),f=n.useRef(void 0);i||(i=u.renderer),!f.current&&i&&(f.current=i(e,{visualState:r,parent:s,props:t.__assign(t.__assign({},o),{layoutId:l}),presenceId:null==c?void 0:c.id,blockInitialAnimation:!1===(null==c?void 0:c.initial)}));var v=f.current;return I((function(){v&&(v.setProps(t.__assign(t.__assign(t.__assign({},a),o),{layoutId:l})),v.isPresent=D(c),v.isPresenceRoot=!s||s.presenceId!==(null==c?void 0:c.id),v.syncRender())})),n.useEffect((function(){var t;v&&(null===(t=v.animationState)||void 0===t||t.animateChanges())})),I((function(){return function(){return null==v?void 0:v.notifyUnmount()}}),[]),v}function H(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function N(t){return Array.isArray(t)}function Y(t){return"string"==typeof t||N(t)}function X(t,n,e,r,o){var i;return void 0===r&&(r={}),void 0===o&&(o={}),"string"==typeof n&&(n=null===(i=t.variants)||void 0===i?void 0:i[n]),"function"==typeof n?n(null!=e?e:t.custom,r,o):n}function z(t,n,e){var r=t.getProps();return X(r,n,null!=e?e:r.custom,function(t){var n={};return t.forEachValue((function(t,e){return n[e]=t.get()})),n}(t),function(t){var n={};return t.forEachValue((function(t,e){return n[e]=t.getVelocity()})),n}(t))}function W(t){var n;return"function"==typeof(null===(n=t.animate)||void 0===n?void 0:n.start)||Y(t.initial)||Y(t.animate)||Y(t.whileHover)||Y(t.whileDrag)||Y(t.whileTap)||Y(t.whileFocus)||Y(t.exit)}function q(t){return Boolean(W(t)||t.variants)}function Z(t,e){var r=function(t,n){if(W(t)){var e=t.initial,r=t.animate;return{initial:!1===e||Y(e)?e:void 0,animate:Y(r)?r:void 0}}return!1!==t.inherit?n:{}}(t,n.useContext(V)),o=r.initial,i=r.animate;return n.useMemo((function(){return{initial:o,animate:i}}),e?[G(o),G(i)]:[])}function G(t){return Array.isArray(t)?t.join(" "):t}function $(e){var r=e.preloadedFeatures,i=e.createVisualElement,a=e.useRender,u=e.useVisualState,s=e.Component;return r&&function(t){for(var n in t){var e=t[n];null!==e&&(A[n].Component=e)}}(r),n.forwardRef((function(e,c){var l=n.useContext(C).isStatic,f=null,v=Z(e,l),d=u(e,l);return!l&&F&&(v.visualElement=U(s,d,e,i),f=function(e,r,i){var a=[],u=n.useContext(T);if(!r)return null;"production"!==process.env.NODE_ENV&&i&&u.strict&&E(!1,"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.");for(var s=0;s<S;s++){var c=w[s],l=A[c],f=l.isEnabled,v=l.Component;f(e)&&v&&a.push(o.createElement(v,t.__assign({key:c},e,{visualElement:r})))}return a}(e,v.visualElement,r)),o.createElement(o.Fragment,null,o.createElement(V.Provider,{value:v},a(s,e,function(t,e,r){return n.useCallback((function(n){var o;n&&(null===(o=t.mount)||void 0===o||o.call(t,n)),e&&(n?e.mount(n):e.unmount()),r&&("function"==typeof r?r(n):H(r)&&(r.current=n))}),[e])}(d,v.visualElement,c),d,l)),f)}))}function K(t){function n(n,e){return void 0===e&&(e={}),$(t(n,e))}var e=new Map;return new Proxy(n,{get:function(t,r){return e.has(r)||e.set(r,n(r)),e.get(r)}})}var J=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function Q(t){return"string"==typeof t&&!t.includes("-")&&!!(J.indexOf(t)>-1||/[A-Z]/.test(t))}var tt={};var nt=["","X","Y","Z"],et=["transformPerspective","x","y","z"];function rt(t,n){return et.indexOf(t)-et.indexOf(n)}["translate","scale","rotate","skew"].forEach((function(t){return nt.forEach((function(n){return et.push(t+n)}))}));var ot=new Set(et);function it(t){return ot.has(t)}var at=new Set(["originX","originY","originZ"]);function ut(t){return at.has(t)}function st(t,n){var e=n.layout,r=n.layoutId;return it(t)||ut(t)||(e||void 0!==r)&&(!!tt[t]||"opacity"===t)}var ct=function(t){return null!==t&&"object"==typeof t&&t.getVelocity},lt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function ft(t){return t.startsWith("--")}var vt=function(t,n){return n&&"number"==typeof t?n.transform(t):t},dt=function(t,n){return function(e){return Math.max(Math.min(e,n),t)}},pt=function(t){return t%1?Number(t.toFixed(5)):t},mt=/(-)?([\d]*\.?[\d])+/g,gt=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,ht=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function yt(t){return"string"==typeof t}var xt={test:function(t){return"number"==typeof t},parse:parseFloat,transform:function(t){return t}},_t=t.__assign(t.__assign({},xt),{transform:dt(0,1)}),bt=t.__assign(t.__assign({},xt),{default:1}),At=function(t){return{test:function(n){return yt(n)&&n.endsWith(t)&&1===n.split(" ").length},parse:parseFloat,transform:function(n){return""+n+t}}},Pt=At("deg"),Et=At("%"),Tt=At("px"),wt=At("vh"),St=At("vw"),Ct=t.__assign(t.__assign({},Et),{parse:function(t){return Et.parse(t)/100},transform:function(t){return Et.transform(100*t)}}),Vt=function(t,n){return function(e){return Boolean(yt(e)&&ht.test(e)&&e.startsWith(t)||n&&Object.prototype.hasOwnProperty.call(e,n))}},Mt=function(t,n,e){return function(r){var o;if(!yt(r))return r;var i=r.match(mt),a=i[0],u=i[1],s=i[2],c=i[3];return(o={})[t]=parseFloat(a),o[n]=parseFloat(u),o[e]=parseFloat(s),o.alpha=void 0!==c?parseFloat(c):1,o}},Lt={test:Vt("hsl","hue"),parse:Mt("hue","saturation","lightness"),transform:function(t){var n=t.hue,e=t.saturation,r=t.lightness,o=t.alpha,i=void 0===o?1:o;return"hsla("+Math.round(n)+", "+Et.transform(pt(e))+", "+Et.transform(pt(r))+", "+pt(_t.transform(i))+")"}},Rt=dt(0,255),Dt=t.__assign(t.__assign({},xt),{transform:function(t){return Math.round(Rt(t))}}),kt={test:Vt("rgb","red"),parse:Mt("red","green","blue"),transform:function(t){var n=t.red,e=t.green,r=t.blue,o=t.alpha,i=void 0===o?1:o;return"rgba("+Dt.transform(n)+", "+Dt.transform(e)+", "+Dt.transform(r)+", "+pt(_t.transform(i))+")"}};var jt={test:Vt("#"),parse:function(t){var n="",e="",r="",o="";return t.length>5?(n=t.substr(1,2),e=t.substr(3,2),r=t.substr(5,2),o=t.substr(7,2)):(n=t.substr(1,1),e=t.substr(2,1),r=t.substr(3,1),o=t.substr(4,1),n+=n,e+=e,r+=r,o+=o),{red:parseInt(n,16),green:parseInt(e,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:kt.transform},Bt={test:function(t){return kt.test(t)||jt.test(t)||Lt.test(t)},parse:function(t){return kt.test(t)?kt.parse(t):Lt.test(t)?Lt.parse(t):jt.parse(t)},transform:function(t){return yt(t)?t:t.hasOwnProperty("red")?kt.transform(t):Lt.transform(t)}};function Ot(t){var n=[],e=0,r=t.match(gt);r&&(e=r.length,t=t.replace(gt,"${c}"),n.push.apply(n,r.map(Bt.parse)));var o=t.match(mt);return o&&(t=t.replace(mt,"${n}"),n.push.apply(n,o.map(xt.parse))),{values:n,numColors:e,tokenised:t}}function Ft(t){return Ot(t).values}function It(t){var n=Ot(t),e=n.values,r=n.numColors,o=n.tokenised,i=e.length;return function(t){for(var n=o,e=0;e<i;e++)n=n.replace(e<r?"${c}":"${n}",e<r?Bt.transform(t[e]):pt(t[e]));return n}}var Ut=function(t){return"number"==typeof t?0:t};var Ht={test:function(t){var n,e,r,o;return isNaN(t)&&yt(t)&&(null!==(e=null===(n=t.match(mt))||void 0===n?void 0:n.length)&&void 0!==e?e:0)+(null!==(o=null===(r=t.match(gt))||void 0===r?void 0:r.length)&&void 0!==o?o:0)>0},parse:Ft,createTransformer:It,getAnimatableNone:function(t){var n=Ft(t);return It(t)(n.map(Ut))}},Nt=new Set(["brightness","contrast","saturate","opacity"]);function Yt(t){var n=t.slice(0,-1).split("("),e=n[0],r=n[1];if("drop-shadow"===e)return t;var o=(r.match(mt)||[])[0];if(!o)return t;var i=r.replace(o,""),a=Nt.has(e)?1:0;return o!==r&&(a*=100),e+"("+a+i+")"}var Xt=/([a-z-]*)\(.*?\)/g,zt=t.__assign(t.__assign({},Ht),{getAnimatableNone:function(t){var n=t.match(Xt);return n?n.map(Yt).join(" "):t}}),Wt=t.__assign(t.__assign({},xt),{transform:Math.round}),qt={borderWidth:Tt,borderTopWidth:Tt,borderRightWidth:Tt,borderBottomWidth:Tt,borderLeftWidth:Tt,borderRadius:Tt,radius:Tt,borderTopLeftRadius:Tt,borderTopRightRadius:Tt,borderBottomRightRadius:Tt,borderBottomLeftRadius:Tt,width:Tt,maxWidth:Tt,height:Tt,maxHeight:Tt,size:Tt,top:Tt,right:Tt,bottom:Tt,left:Tt,padding:Tt,paddingTop:Tt,paddingRight:Tt,paddingBottom:Tt,paddingLeft:Tt,margin:Tt,marginTop:Tt,marginRight:Tt,marginBottom:Tt,marginLeft:Tt,rotate:Pt,rotateX:Pt,rotateY:Pt,rotateZ:Pt,scale:bt,scaleX:bt,scaleY:bt,scaleZ:bt,skew:Pt,skewX:Pt,skewY:Pt,distance:Tt,translateX:Tt,translateY:Tt,translateZ:Tt,x:Tt,y:Tt,z:Tt,perspective:Tt,transformPerspective:Tt,opacity:_t,originX:Ct,originY:Ct,originZ:Tt,zIndex:Wt,fillOpacity:_t,strokeOpacity:_t,numOctaves:Wt};function Zt(t,n,e,r,o,i,a,u){var s,c=t.style,l=t.vars,f=t.transform,v=t.transformKeys,d=t.transformOrigin;v.length=0;var p=!1,m=!1,g=!0;for(var h in n){var y=n[h];if(ft(h))l[h]=y;else{var x=qt[h],_=vt(y,x);if(it(h)){if(p=!0,f[h]=_,v.push(h),!g)continue;y!==(null!==(s=x.default)&&void 0!==s?s:0)&&(g=!1)}else if(ut(h))d[h]=_,m=!0;else if((null==e?void 0:e.isHydrated)&&(null==r?void 0:r.isHydrated)&&tt[h]){var b=tt[h].process(y,r,e),A=tt[h].applyTo;if(A)for(var P=A.length,E=0;E<P;E++)c[A[E]]=b;else c[h]=b}else c[h]=_}}r&&e&&a&&u?(c.transform=a(r.deltaFinal,r.treeScale,p?f:void 0),i&&(c.transform=i(f,c.transform)),c.transformOrigin=u(r)):(p&&(c.transform=function(t,n,e,r){var o=t.transform,i=t.transformKeys,a=n.enableHardwareAcceleration,u=void 0===a||a,s=n.allowTransformNone,c=void 0===s||s,l="";i.sort(rt);for(var f=!1,v=i.length,d=0;d<v;d++){var p=i[d];l+=(lt[p]||p)+"("+o[p]+") ","z"===p&&(f=!0)}return!f&&u?l+="translateZ(0)":l=l.trim(),r?l=r(o,e?"":l):c&&e&&(l="none"),l}(t,o,g,i)),m&&(c.transformOrigin=function(t){var n=t.originX,e=void 0===n?"50%":n,r=t.originY,o=void 0===r?"50%":r,i=t.originZ;return e+" "+o+" "+(void 0===i?0:i)}(d)))}var Gt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function $t(t,n,e){for(var r in n)ct(n[r])||st(r,e)||(t[r]=n[r])}function Kt(e,r,o){var i={};return $t(i,e.style||{},e),Object.assign(i,function(e,r,o){var i=e.transformTemplate;return n.useMemo((function(){var n={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};Zt(n,r,void 0,void 0,{enableHardwareAcceleration:!o},i);var e=n.vars,a=n.style;return t.__assign(t.__assign({},e),a)}),[r])}(e,r,o)),e.transformValues&&(i=e.transformValues(i)),i}function Jt(t,n,e){var r={},o=Kt(t,n,e);return Boolean(t.drag)&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),r.style=o,r}var Qt=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","_layoutResetTransform","onLayoutAnimationComplete","onViewportBoxUpdate","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover"]);function tn(t){return Qt.has(t)}var nn=function(t){return!tn(t)};try{var en=require("@emotion/is-prop-valid").default;nn=function(t){return t.startsWith("on")?!tn(t):en(t)}}catch(t){}function rn(t,n,e){return"string"==typeof t?t:Tt.transform(n+e*t)}var on=function(t,n){return Tt.transform(t*n)},an={offset:"stroke-dashoffset",array:"stroke-dasharray"},un={offset:"strokeDashoffset",array:"strokeDasharray"};function sn(n,e,r,o,i,a,u,s){var c=e.attrX,l=e.attrY,f=e.originX,v=e.originY,d=e.pathLength,p=e.pathSpacing,m=void 0===p?1:p,g=e.pathOffset,h=void 0===g?0:g;Zt(n,t.__rest(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),r,o,i,a,u,s),n.attrs=n.style,n.style={};var y=n.attrs,x=n.style,_=n.dimensions,b=n.totalPathLength;y.transform&&(_&&(x.transform=y.transform),delete y.transform),_&&(void 0!==f||void 0!==v||x.transform)&&(x.transformOrigin=function(t,n,e){return rn(n,t.x,t.width)+" "+rn(e,t.y,t.height)}(_,void 0!==f?f:.5,void 0!==v?v:.5)),void 0!==c&&(y.x=c),void 0!==l&&(y.y=l),void 0!==b&&void 0!==d&&function(t,n,e,r,o,i){void 0===r&&(r=1),void 0===o&&(o=0),void 0===i&&(i=!0);var a=i?an:un;t[a.offset]=on(-o,n);var u=on(e,n),s=on(r,n);t[a.array]=u+" "+s}(y,b,d,m,h,!1)}var cn=function(){return t.__assign(t.__assign({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function ln(e,r){var o=n.useMemo((function(){var n=cn();return sn(n,r,void 0,void 0,{enableHardwareAcceleration:!1},e.transformTemplate),t.__assign(t.__assign({},n.attrs),{style:t.__assign({},n.style)})}),[r]);if(e.style){var i={};$t(i,e.style,e),o.style=t.__assign(t.__assign({},i),o.style)}return o}function fn(e){void 0===e&&(e=!1);return function(r,o,i,a,u){var s=a.latestValues,c=(Q(r)?ln:Jt)(o,s,u),l=function(t,n,e){var r={};for(var o in t)(nn(o)||!0===e&&tn(o)||!n&&!tn(o))&&(r[o]=t[o]);return r}(o,"string"==typeof r,e),f=t.__assign(t.__assign(t.__assign({},l),c),{ref:i});return n.createElement(r,f)}}var vn=/([a-z])([A-Z])/g,dn=function(t){return t.replace(vn,"$1-$2").toLowerCase()};function pn(t,n){var e=n.style,r=n.vars;for(var o in Object.assign(t.style,e),r)t.style.setProperty(o,r[o])}var mn=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform"]);function gn(t,n){for(var e in pn(t,n),n.attrs)t.setAttribute(mn.has(e)?e:dn(e),n.attrs[e])}function hn(t){var n=t.style,e={};for(var r in n)(ct(n[r])||st(r,t))&&(e[r]=n[r]);return e}function yn(t){var n=hn(t);for(var e in t){if(ct(t[e]))n["x"===e||"y"===e?"attr"+e.toUpperCase():e]=t[e]}return n}function xn(t){return"object"==typeof t&&"function"==typeof t.start}var _n=function(t){return Array.isArray(t)};function bn(t){var n,e=ct(t)?t.get():t;return n=e,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?e.toValue():e}function An(t,n,e,r){var o=t.scrapeMotionValuesFromProps,i=t.createRenderState,a=t.onMount,u={latestValues:En(n,e,r,o),renderState:i()};return a&&(u.mount=function(t){return a(n,t,u)}),u}var Pn=function(t){return function(e,r){var o=n.useContext(V),i=n.useContext(M);return r?An(t,e,o,i):L((function(){return An(t,e,o,i)}))}};function En(n,e,r,o){var i={},a=!1===(null==r?void 0:r.initial),u=o(n);for(var s in u)i[s]=bn(u[s]);var c=n.initial,l=n.animate,f=W(n),v=q(n);e&&v&&!f&&!1!==n.inherit&&(null!=c||(c=e.initial),null!=l||(l=e.animate));var d=a||!1===c?l:c;d&&"boolean"!=typeof d&&!xn(d)&&(Array.isArray(d)?d:[d]).forEach((function(e){var r=X(n,e);if(r){var o=r.transitionEnd;r.transition;var a=t.__rest(r,["transitionEnd","transition"]);for(var u in a)i[u]=a[u];for(var u in o)i[u]=o[u]}}));return i}var Tn={useVisualState:Pn({scrapeMotionValuesFromProps:yn,createRenderState:cn,onMount:function(t,n,e){var r=e.renderState,o=e.latestValues;try{r.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}"path"===n.tagName&&(r.totalPathLength=n.getTotalLength()),sn(r,o,void 0,void 0,{enableHardwareAcceleration:!1},t.transformTemplate),gn(n,r)}})};var wn,Sn={useVisualState:Pn({scrapeMotionValuesFromProps:hn,createRenderState:Gt})};function Cn(t,n,e,r){return t.addEventListener(n,e,r),function(){return t.removeEventListener(n,e,r)}}function Vn(t,e,r,o){n.useEffect((function(){var n=t.current;if(r&&n)return Cn(n,e,r,o)}),[t,e,r,o])}function Mn(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function Ln(t){return!!t.touches}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.Exit="exit"}(wn||(wn={}));var Rn={pageX:0,pageY:0};function Dn(t,n){void 0===n&&(n="page");var e=t.touches[0]||t.changedTouches[0]||Rn;return{x:e[n+"X"],y:e[n+"Y"]}}function kn(t,n){return void 0===n&&(n="page"),{x:t[n+"X"],y:t[n+"Y"]}}function jn(t,n){return void 0===n&&(n="page"),{point:Ln(t)?Dn(t,n):kn(t,n)}}var Bn=function(t,n){void 0===n&&(n=!1);var e,r=function(n){return t(n,jn(n))};return n?(e=r,function(t){var n=t instanceof MouseEvent;(!n||n&&0===t.button)&&e(t)}):r},On={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},Fn={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function In(t){return F&&null===window.onpointerdown?t:F&&null===window.ontouchstart?Fn[t]:F&&null===window.onmousedown?On[t]:t}function Un(t,n,e,r){return Cn(t,In(n),Bn(e,"pointerdown"===n),r)}function Hn(t,n,e,r){return Vn(t,In(n),e&&Bn(e,"pointerdown"===n),r)}function Nn(t){var n=null;return function(){return null===n&&(n=t,function(){n=null})}}var Yn=Nn("dragHorizontal"),Xn=Nn("dragVertical");function zn(t){var n=!1;if("y"===t)n=Xn();else if("x"===t)n=Yn();else{var e=Yn(),r=Xn();e&&r?n=function(){e(),r()}:(e&&e(),r&&r())}return n}function Wn(){var t=zn(!0);return!t||(t(),!1)}function qn(t,n,e){return function(r,o){var i;Mn(r)&&!Wn()&&(null==e||e(r,o),null===(i=t.animationState)||void 0===i||i.setActive(wn.Hover,n))}}var Zn=function(t,n){return!!n&&(t===n||Zn(t,n.parentElement))};function Gn(t){return n.useEffect((function(){return function(){return t()}}),[])}var $n=function(t,n,e){return Math.min(Math.max(e,t),n)};function Kn(t){var n,e,r=t.duration,o=void 0===r?800:r,i=t.bounce,a=void 0===i?.25:i,u=t.velocity,s=void 0===u?0:u,c=t.mass,l=void 0===c?1:c;P(o<=1e4,"Spring duration must be 10 seconds or less");var f=1-a;f=$n(.05,1,f),o=$n(.01,10,o/1e3),f<1?(n=function(t){var n=t*f,e=n*o;return.001-(n-s)/Jn(t,f)*Math.exp(-e)},e=function(t){var e=t*f*o,r=e*s+s,i=Math.pow(f,2)*Math.pow(t,2)*o,a=Math.exp(-e),u=Jn(Math.pow(t,2),f);return(.001-n(t)>0?-1:1)*((r-i)*a)/u}):(n=function(t){return Math.exp(-t*o)*((t-s)*o+1)-.001},e=function(t){return Math.exp(-t*o)*(o*o*(s-t))});var v=function(t,n,e){for(var r=e,o=1;o<12;o++)r-=t(r)/n(r);return r}(n,e,5/o);if(o*=1e3,isNaN(v))return{stiffness:100,damping:10,duration:o};var d=Math.pow(v,2)*l;return{stiffness:d,damping:2*f*Math.sqrt(l*d),duration:o}}function Jn(t,n){return t*Math.sqrt(1-n*n)}var Qn=["duration","bounce"],te=["stiffness","damping","mass"];function ne(t,n){return n.some((function(n){return void 0!==t[n]}))}function ee(n){var e=n.from,r=void 0===e?0:e,o=n.to,i=void 0===o?1:o,a=n.restSpeed,u=void 0===a?2:a,s=n.restDelta,c=t.__rest(n,["from","to","restSpeed","restDelta"]),l={done:!1,value:r},f=function(n){var e=t.__assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},n);if(!ne(n,te)&&ne(n,Qn)){var r=Kn(n);(e=t.__assign(t.__assign(t.__assign({},e),r),{velocity:0,mass:1})).isResolvedFromDuration=!0}return e}(c),v=f.stiffness,d=f.damping,p=f.mass,m=f.velocity,g=f.duration,h=f.isResolvedFromDuration,y=re,x=re;function _(){var t=m?-m/1e3:0,n=i-r,e=d/(2*Math.sqrt(v*p)),o=Math.sqrt(v/p)/1e3;if(null!=s||(s=Math.abs(i-r)<=1?.01:.4),e<1){var a=Jn(o,e);y=function(r){var u=Math.exp(-e*o*r);return i-u*((t+e*o*n)/a*Math.sin(a*r)+n*Math.cos(a*r))},x=function(r){var i=Math.exp(-e*o*r);return e*o*i*(Math.sin(a*r)*(t+e*o*n)/a+n*Math.cos(a*r))-i*(Math.cos(a*r)*(t+e*o*n)-a*n*Math.sin(a*r))}}else if(1===e)y=function(e){return i-Math.exp(-o*e)*(n+(t+o*n)*e)};else{var u=o*Math.sqrt(e*e-1);y=function(r){var a=Math.exp(-e*o*r),s=Math.min(u*r,300);return i-a*((t+e*o*n)*Math.sinh(s)+u*n*Math.cosh(s))/u}}}return _(),{next:function(t){var n=y(t);if(h)l.done=t>=g;else{var e=1e3*x(t),r=Math.abs(e)<=u,o=Math.abs(i-n)<=s;l.done=r&&o}return l.value=l.done?i:n,l},flipTarget:function(){var t;m=-m,r=(t=[i,r])[0],i=t[1],_()}}}ee.needsInterpolation=function(t,n){return"string"==typeof t||"string"==typeof n};var re=function(t){return 0},oe=function(t,n,e){var r=n-t;return 0===r?1:(e-t)/r},ie=function(t,n,e){return-e*t+e*n+t},ae=function(t,n,e){var r=t*t,o=n*n;return Math.sqrt(Math.max(0,e*(o-r)+r))},ue=[jt,kt,Lt],se=function(t){return ue.find((function(n){return n.test(t)}))},ce=function(t){return"'"+t+"' is not an animatable color. Use the equivalent color code instead."},le=function(n,e){var r=se(n),o=se(e);E(!!r,ce(n)),E(!!o,ce(e)),E(r.transform===o.transform,"Both colors must be hex/RGBA, OR both must be HSLA.");var i=r.parse(n),a=o.parse(e),u=t.__assign({},i),s=r===Lt?ie:ae;return function(t){for(var n in u)"alpha"!==n&&(u[n]=s(i[n],a[n],t));return u.alpha=ie(i.alpha,a.alpha,t),r.transform(u)}},fe=function(t){return"number"==typeof t},ve=function(t,n){return function(e){return n(t(e))}},de=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return t.reduce(ve)};function pe(t,n){return fe(t)?function(e){return ie(t,n,e)}:Bt.test(t)?le(t,n):ye(t,n)}var me=function(n,e){var r=t.__spreadArray([],n),o=r.length,i=n.map((function(t,n){return pe(t,e[n])}));return function(t){for(var n=0;n<o;n++)r[n]=i[n](t);return r}},ge=function(n,e){var r=t.__assign(t.__assign({},n),e),o={};for(var i in r)void 0!==n[i]&&void 0!==e[i]&&(o[i]=pe(n[i],e[i]));return function(t){for(var n in o)r[n]=o[n](t);return r}};function he(t){for(var n=Ht.parse(t),e=n.length,r=0,o=0,i=0,a=0;a<e;a++)r||"number"==typeof n[a]?r++:void 0!==n[a].hue?i++:o++;return{parsed:n,numNumbers:r,numRGB:o,numHSL:i}}var ye=function(t,n){var e=Ht.createTransformer(n),r=he(t),o=he(n);return E(r.numHSL===o.numHSL&&r.numRGB===o.numRGB&&r.numNumbers>=o.numNumbers,"Complex values '"+t+"' and '"+n+"' too different to mix. Ensure all colors are of the same type."),de(me(r.parsed,o.parsed),e)},xe=function(t,n){return function(e){return ie(t,n,e)}};function _e(t,n,e){for(var r,o=[],i=e||("number"==typeof(r=t[0])?xe:"string"==typeof r?Bt.test(r)?le:ye:Array.isArray(r)?me:"object"==typeof r?ge:void 0),a=t.length-1,u=0;u<a;u++){var s=i(t[u],t[u+1]);if(n){var c=Array.isArray(n)?n[u]:n;s=de(c,s)}o.push(s)}return o}function be(t,n,e){var r=void 0===e?{}:e,o=r.clamp,i=void 0===o||o,a=r.ease,u=r.mixer,s=t.length;E(s===n.length,"Both input and output ranges must be the same length"),E(!a||!Array.isArray(a)||a.length===s-1,"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."),t[0]>t[s-1]&&(t=[].concat(t),n=[].concat(n),t.reverse(),n.reverse());var c=_e(n,a,u),l=2===s?function(t,n){var e=t[0],r=t[1],o=n[0];return function(t){return o(oe(e,r,t))}}(t,c):function(t,n){var e=t.length,r=e-1;return function(o){var i=0,a=!1;if(o<=t[0]?a=!0:o>=t[r]&&(i=r-1,a=!0),!a){for(var u=1;u<e&&!(t[u]>o||u===r);u++);i=u-1}var s=oe(t[i],t[i+1],o);return n[i](s)}}(t,c);return i?function(n){return l($n(t[0],t[s-1],n))}:l}var Ae,Pe=function(t){return function(n){return 1-t(1-n)}},Ee=function(t){return function(n){return n<=.5?t(2*n)/2:(2-t(2*(1-n)))/2}},Te=function(t){return function(n){return n*n*((t+1)*n-t)}},we=function(t){return t},Se=(Ae=2,function(t){return Math.pow(t,Ae)}),Ce=Pe(Se),Ve=Ee(Se),Me=function(t){return 1-Math.sin(Math.acos(t))},Le=Pe(Me),Re=Ee(Le),De=Te(1.525),ke=Pe(De),je=Ee(De),Be=function(t){var n=Te(t);return function(t){return(t*=2)<1?.5*n(t):.5*(2-Math.pow(2,-10*(t-1)))}}(1.525),Oe=function(t){if(1===t||0===t)return t;var n=t*t;return t<.36363636363636365?7.5625*n:t<.7272727272727273?9.075*n-9.9*t+3.4:t<.9?12.066481994459833*n-19.63545706371191*t+8.898060941828255:10.8*t*t-20.52*t+10.72},Fe=Pe(Oe);function Ie(t,n){return t.map((function(){return n||Ve})).splice(0,t.length-1)}function Ue(t){var n=t.from,e=void 0===n?0:n,r=t.to,o=void 0===r?1:r,i=t.ease,a=t.offset,u=t.duration,s=void 0===u?300:u,c={done:!1,value:e},l=Array.isArray(o)?o:[e,o],f=function(t,n){return t.map((function(t){return t*n}))}(a&&a.length===l.length?a:function(t){var n=t.length;return t.map((function(t,e){return 0!==e?e/(n-1):0}))}(l),s);function v(){return be(f,l,{ease:Array.isArray(i)?i:Ie(l,i)})}var d=v();return{next:function(t){return c.value=d(t),c.done=t>=s,c},flipTarget:function(){l.reverse(),d=v()}}}var He={keyframes:Ue,spring:ee,decay:function(t){var n=t.velocity,e=void 0===n?0:n,r=t.from,o=void 0===r?0:r,i=t.power,a=void 0===i?.8:i,u=t.timeConstant,s=void 0===u?350:u,c=t.restDelta,l=void 0===c?.5:c,f=t.modifyTarget,v={done:!1,value:o},d=a*e,p=o+d,m=void 0===f?p:f(p);return m!==p&&(d=m-o),{next:function(t){var n=-d*Math.exp(-t/s);return v.done=!(n>l||n<-l),v.value=v.done?m:m+n,v},flipTarget:function(){}}}};function Ne(t,n,e){return void 0===e&&(e=0),t-n-e}var Ye=function(t){var n=function(n){var e=n.delta;return t(e)};return{start:function(){return p.update(n,!0)},stop:function(){return m.update(n)}}};function Xe(n){var e,r,o,i,a,u=n.from,s=n.autoplay,c=void 0===s||s,l=n.driver,f=void 0===l?Ye:l,v=n.elapsed,d=void 0===v?0:v,p=n.repeat,m=void 0===p?0:p,g=n.repeatType,h=void 0===g?"loop":g,y=n.repeatDelay,x=void 0===y?0:y,_=n.onPlay,b=n.onStop,A=n.onComplete,P=n.onRepeat,E=n.onUpdate,T=t.__rest(n,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]),w=T.to,S=0,C=T.duration,V=!1,M=!0,L=function(t){if(Array.isArray(t.to))return Ue;if(He[t.type])return He[t.type];var n=new Set(Object.keys(t));return n.has("ease")||n.has("duration")&&!n.has("dampingRatio")?Ue:n.has("dampingRatio")||n.has("stiffness")||n.has("mass")||n.has("damping")||n.has("restSpeed")||n.has("restDelta")?ee:Ue}(T);(null===(r=(e=L).needsInterpolation)||void 0===r?void 0:r.call(e,u,w))&&(a=be([0,100],[u,w],{clamp:!1}),u=0,w=100);var R=L(t.__assign(t.__assign({},T),{from:u,to:w}));function D(){S++,"reverse"===h?d=function(t,n,e,r){return void 0===e&&(e=0),void 0===r&&(r=!0),r?Ne(n+-t,n,e):n-(t-n)+e}(d,C,x,M=S%2==0):(d=Ne(d,C,x),"mirror"===h&&R.flipTarget()),V=!1,P&&P()}function k(t){if(M||(t=-t),d+=t,!V){var n=R.next(Math.max(0,d));i=n.value,a&&(i=a(i)),V=M?n.done:d<=0}null==E||E(i),V&&(0===S&&(null!=C||(C=d)),S<m?function(t,n,e,r){return r?t>=n+e:t<=-e}(d,C,x,M)&&D():(o.stop(),A&&A()))}return c&&(null==_||_(),(o=f(k)).start()),{stop:function(){null==b||b(),o.stop()}}}function ze(t,n){return n?t*(1e3/n):0}var We=function(t){return t.hasOwnProperty("x")&&t.hasOwnProperty("y")},qe=function(t){return We(t)&&t.hasOwnProperty("z")},Ze=function(t,n){return Math.abs(t-n)};function Ge(t,n){if(fe(t)&&fe(n))return Ze(t,n);if(We(t)&&We(n)){var e=Ze(t.x,n.x),r=Ze(t.y,n.y),o=qe(t)&&qe(n)?Ze(t.z,n.z):0;return Math.sqrt(Math.pow(e,2)+Math.pow(r,2)+Math.pow(o,2))}}var $e=function(t,n){return 1-3*n+3*t},Ke=function(t,n){return 3*n-6*t},Je=function(t){return 3*t},Qe=function(t,n,e){return(($e(n,e)*t+Ke(n,e))*t+Je(n))*t},tr=function(t,n,e){return 3*$e(n,e)*t*t+2*Ke(n,e)*t+Je(n)};function nr(t,n,e,r){if(t===n&&e===r)return we;for(var o=new Float32Array(11),i=0;i<11;++i)o[i]=Qe(.1*i,t,e);function a(n){for(var r=0,i=1;10!==i&&o[i]<=n;++i)r+=.1;--i;var a=r+.1*((n-o[i])/(o[i+1]-o[i])),u=tr(a,t,e);return u>=.001?function(t,n,e,r){for(var o=0;o<8;++o){var i=tr(n,e,r);if(0===i)return n;n-=(Qe(n,e,r)-t)/i}return n}(n,a,t,e):0===u?a:function(t,n,e,r,o){var i,a,u=0;do{(i=Qe(a=n+(e-n)/2,r,o)-t)>0?e=a:n=a}while(Math.abs(i)>1e-7&&++u<10);return a}(n,r,r+.1,t,e)}return function(t){return 0===t||1===t?t:Qe(a(t),n,r)}}var er=function(t){return function(n){return t(n),null}},rr={tap:er((function(t){var e=t.onTap,r=t.onTapStart,o=t.onTapCancel,i=t.whileTap,a=t.visualElement,u=e||r||o||i,s=n.useRef(!1),c=n.useRef(null);function l(){var t;null===(t=c.current)||void 0===t||t.call(c),c.current=null}function f(){var t;return l(),s.current=!1,null===(t=a.animationState)||void 0===t||t.setActive(wn.Tap,!1),!Wn()}function v(t,n){f()&&(Zn(a.getInstance(),t.target)?null==e||e(t,n):null==o||o(t,n))}function d(t,n){f()&&(null==o||o(t,n))}Hn(a,"pointerdown",u?function(t,n){var e;l(),s.current||(s.current=!0,c.current=de(Un(window,"pointerup",v),Un(window,"pointercancel",d)),null==r||r(t,n),null===(e=a.animationState)||void 0===e||e.setActive(wn.Tap,!0))}:void 0),Gn(l)})),focus:er((function(t){var n=t.whileFocus,e=t.visualElement;Vn(e,"focus",n?function(){var t;null===(t=e.animationState)||void 0===t||t.setActive(wn.Focus,!0)}:void 0),Vn(e,"blur",n?function(){var t;null===(t=e.animationState)||void 0===t||t.setActive(wn.Focus,!1)}:void 0)})),hover:er((function(t){var n=t.onHoverStart,e=t.onHoverEnd,r=t.whileHover,o=t.visualElement;Hn(o,"pointerenter",n||r?qn(o,!0,n):void 0),Hn(o,"pointerleave",e||r?qn(o,!1,e):void 0)}))};function or(t,n){if(!Array.isArray(n))return!1;var e=n.length;if(e!==t.length)return!1;for(var r=0;r<e;r++)if(n[r]!==t[r])return!1;return!0}var ir=function(t){return 1e3*t},ar={linear:we,easeIn:Se,easeInOut:Ve,easeOut:Ce,circIn:Me,circInOut:Re,circOut:Le,backIn:De,backInOut:je,backOut:ke,anticipate:Be,bounceIn:Fe,bounceInOut:function(t){return t<.5?.5*(1-Oe(1-2*t)):.5*Oe(2*t-1)+.5},bounceOut:Oe},ur=function(n){if(Array.isArray(n)){E(4===n.length,"Cubic bezier arrays must contain four numerical values.");var e=t.__read(n,4);return nr(e[0],e[1],e[2],e[3])}return"string"==typeof n?(E(void 0!==ar[n],"Invalid easing type '"+n+"'"),ar[n]):n},sr=function(t,n){return"zIndex"!==t&&(!("number"!=typeof n&&!Array.isArray(n))||!("string"!=typeof n||!Ht.test(n)||n.startsWith("url(")))},cr=function(){return{type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}},lr=function(t){return{type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restDelta:.01,restSpeed:10}},fr=function(){return{type:"keyframes",ease:"linear",duration:.3}},vr=function(t){return{type:"keyframes",duration:.8,values:t}},dr={x:cr,y:cr,z:cr,rotate:cr,rotateX:cr,rotateY:cr,rotateZ:cr,scaleX:lr,scaleY:lr,scale:lr,opacity:fr,backgroundColor:fr,color:fr,default:lr},pr=t.__assign(t.__assign({},qt),{color:Bt,backgroundColor:Bt,outlineColor:Bt,fill:Bt,stroke:Bt,borderColor:Bt,borderTopColor:Bt,borderRightColor:Bt,borderBottomColor:Bt,borderLeftColor:Bt,filter:zt,WebkitFilter:zt}),mr=function(t){return pr[t]};function gr(t,n){var e,r=mr(t);return r!==zt&&(r=Ht),null===(e=r.getAnimatableNone)||void 0===e?void 0:e.call(r,n)}var hr=!1;function yr(n){var e=n.ease,r=n.times,o=n.yoyo,i=n.flip,a=n.loop,u=t.__rest(n,["ease","times","yoyo","flip","loop"]),s=t.__assign({},u);return r&&(s.offset=r),u.duration&&(s.duration=ir(u.duration)),u.repeatDelay&&(s.repeatDelay=ir(u.repeatDelay)),e&&(s.ease=function(t){return Array.isArray(t)&&"number"!=typeof t[0]}(e)?e.map(ur):ur(e)),"tween"===u.type&&(s.type="keyframes"),(o||a||i)&&(P(!hr,"yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."),hr=!0,o?s.repeatType="reverse":a?s.repeatType="loop":i&&(s.repeatType="mirror"),s.repeat=a||o||i||u.repeat),"spring"!==u.type&&(s.type="keyframes"),s}function xr(n,e,r){var o,i,a,u;return Array.isArray(e.to)&&(null!==(o=n.duration)&&void 0!==o||(n.duration=.8)),function(n){Array.isArray(n.to)&&null===n.to[0]&&(n.to=t.__spreadArray([],t.__read(n.to)),n.to[0]=n.from)}(e),function(n){n.when,n.delay,n.delayChildren,n.staggerChildren,n.staggerDirection,n.repeat,n.repeatType,n.repeatDelay,n.from;var e=t.__rest(n,["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from"]);return!!Object.keys(e).length}(n)||(n=t.__assign(t.__assign({},n),(i=r,a=e.to,u=_n(a)?vr:dr[i]||dr.default,t.__assign({to:a},u(a))))),t.__assign(t.__assign({},e),yr(n))}function _r(n,e,r,o,i){var a,u=Pr(o,n),s=null!==(a=u.from)&&void 0!==a?a:e.get(),c=sr(n,r);"none"===s&&c&&"string"==typeof r?s=gr(n,r):br(s)&&"string"==typeof r?s=Ar(r):!Array.isArray(r)&&br(r)&&"string"==typeof s&&(r=Ar(s));var l=sr(n,s);return P(l===c,"You are trying to animate "+n+' from "'+s+'" to "'+r+'". '+s+" is not an animatable value - to enable this animation set "+s+" to a value animatable to "+r+" via the `style` property."),l&&c&&!1!==u.type?function(){var o={from:s,to:r,velocity:e.getVelocity(),onComplete:i,onUpdate:function(t){return e.set(t)}};return"inertia"===u.type||"decay"===u.type?function(n){var e,r=n.from,o=void 0===r?0:r,i=n.velocity,a=void 0===i?0:i,u=n.min,s=n.max,c=n.power,l=void 0===c?.8:c,f=n.timeConstant,v=void 0===f?750:f,d=n.bounceStiffness,p=void 0===d?500:d,m=n.bounceDamping,g=void 0===m?10:m,h=n.restDelta,y=void 0===h?1:h,x=n.modifyTarget,b=n.driver,A=n.onUpdate,P=n.onComplete;function E(t){return void 0!==u&&t<u||void 0!==s&&t>s}function T(t){return void 0===u?s:void 0===s||Math.abs(u-t)<Math.abs(s-t)?u:s}function w(n){null==e||e.stop(),e=Xe(t.__assign(t.__assign({},n),{driver:b,onUpdate:function(t){var e;null==A||A(t),null===(e=n.onUpdate)||void 0===e||e.call(n,t)},onComplete:P}))}function S(n){w(t.__assign({type:"spring",stiffness:p,damping:g,restDelta:y},n))}if(E(o))S({from:o,velocity:a,to:T(o)});else{var C=l*a+o;void 0!==x&&(C=x(C));var V,M,L=T(C),R=L===u?-1:1;w({type:"decay",from:o,velocity:a,timeConstant:v,power:l,restDelta:y,modifyTarget:x,onUpdate:E(C)?function(t){V=M,M=t,a=ze(t-V,_().delta),(1===R&&t>L||-1===R&&t<L)&&S({from:t,to:L,velocity:a})}:void 0})}return{stop:function(){return null==e?void 0:e.stop()}}}(t.__assign(t.__assign({},o),u)):Xe(t.__assign(t.__assign({},xr(u,o,n)),{onUpdate:function(t){var n;o.onUpdate(t),null===(n=u.onUpdate)||void 0===n||n.call(u,t)},onComplete:function(){var t;o.onComplete(),null===(t=u.onComplete)||void 0===t||t.call(u)}}))}:function(){var t;return e.set(r),i(),null===(t=null==u?void 0:u.onComplete)||void 0===t||t.call(u),{stop:function(){}}}}function br(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function Ar(t){return"number"==typeof t?0:gr("",t)}function Pr(t,n){return t[n]||t.default||t}function Er(t,n,e,r){return void 0===r&&(r={}),n.start((function(o){var i,a,u=_r(t,n,e,r,o),s=function(t,n){var e;return null!==(e=(Pr(t,n)||{}).delay)&&void 0!==e?e:0}(r,t),c=function(){return a=u()};return s?i=setTimeout(c,ir(s)):c(),function(){clearTimeout(i),null==a||a.stop()}}))}function Tr(t,n){-1===t.indexOf(n)&&t.push(n)}function wr(t,n){var e=t.indexOf(n);e>-1&&t.splice(e,1)}var Sr=function(){function t(){this.subscriptions=[]}return t.prototype.add=function(t){var n=this;return Tr(this.subscriptions,t),function(){return wr(n.subscriptions,t)}},t.prototype.notify=function(t,n,e){var r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,n,e);else for(var o=0;o<r;o++){var i=this.subscriptions[o];i&&i(t,n,e)}},t.prototype.getSize=function(){return this.subscriptions.length},t.prototype.clear=function(){this.subscriptions.length=0},t}(),Cr=function(){function t(t){var n,e=this;this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Sr,this.velocityUpdateSubscribers=new Sr,this.renderSubscribers=new Sr,this.canTrackVelocity=!1,this.updateAndNotify=function(t,n){void 0===n&&(n=!0),e.prev=e.current,e.current=t;var r=_(),o=r.delta,i=r.timestamp;e.lastUpdated!==i&&(e.timeDelta=o,e.lastUpdated=i,p.postRender(e.scheduleVelocityCheck)),e.prev!==e.current&&e.updateSubscribers.notify(e.current),e.velocityUpdateSubscribers.getSize()&&e.velocityUpdateSubscribers.notify(e.getVelocity()),n&&e.renderSubscribers.notify(e.current)},this.scheduleVelocityCheck=function(){return p.postRender(e.velocityCheck)},this.velocityCheck=function(t){t.timestamp!==e.lastUpdated&&(e.prev=e.current,e.velocityUpdateSubscribers.notify(e.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(n=this.current,!isNaN(parseFloat(n)))}return t.prototype.onChange=function(t){return this.updateSubscribers.add(t)},t.prototype.clearListeners=function(){this.updateSubscribers.clear()},t.prototype.onRenderRequest=function(t){return t(this.get()),this.renderSubscribers.add(t)},t.prototype.attach=function(t){this.passiveEffect=t},t.prototype.set=function(t,n){void 0===n&&(n=!0),n&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,n)},t.prototype.get=function(){return this.current},t.prototype.getPrevious=function(){return this.prev},t.prototype.getVelocity=function(){return this.canTrackVelocity?ze(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0},t.prototype.start=function(t){var n=this;return this.stop(),new Promise((function(e){n.hasAnimated=!0,n.stopAnimation=t(e)})).then((function(){return n.clearAnimation()}))},t.prototype.stop=function(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()},t.prototype.isAnimating=function(){return!!this.stopAnimation},t.prototype.clearAnimation=function(){this.stopAnimation=null},t.prototype.destroy=function(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()},t}();function Vr(t){return new Cr(t)}var Mr=function(t){return function(n){return n.test(t)}},Lr=[xt,Tt,Et,Pt,St,wt,{test:function(t){return"auto"===t},parse:function(t){return t}}],Rr=function(t){return Lr.find(Mr(t))},Dr=t.__spreadArray(t.__spreadArray([],t.__read(Lr)),[Bt,Ht]),kr=function(t){return Dr.find(Mr(t))};function jr(t,n,e){t.hasValue(n)?t.getValue(n).set(e):t.addValue(n,Vr(e))}function Br(t,n){if(n)return(n[t]||n.default||n).from}function Or(n,e,r){var o;void 0===r&&(r={});var i=z(n,e,r.custom),a=(i||{}).transition,u=void 0===a?n.getDefaultTransition()||{}:a;r.transitionOverride&&(u=r.transitionOverride);var s=i?function(){return Fr(n,i,r)}:function(){return Promise.resolve()},c=(null===(o=n.variantChildren)||void 0===o?void 0:o.size)?function(o){void 0===o&&(o=0);var i=u.delayChildren,a=void 0===i?0:i,s=u.staggerChildren,c=u.staggerDirection;return function(n,e,r,o,i,a){void 0===r&&(r=0);void 0===o&&(o=0);void 0===i&&(i=1);var u=[],s=(n.variantChildren.size-1)*o,c=1===i?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),s-t*o};return Array.from(n.variantChildren).sort(Ir).forEach((function(n,o){u.push(Or(n,e,t.__assign(t.__assign({},a),{delay:r+c(o)})).then((function(){return n.notifyAnimationComplete(e)})))})),Promise.all(u)}(n,e,a+o,s,c,r)}:function(){return Promise.resolve()},l=u.when;if(l){var f=t.__read("beforeChildren"===l?[s,c]:[c,s],2),v=f[0],d=f[1];return v().then(d)}return Promise.all([s(),c(r.delay)])}function Fr(n,e,r){var o,i=void 0===r?{}:r,a=i.delay,u=void 0===a?0:a,s=i.transitionOverride,c=i.type,l=n.makeTargetAnimatable(e),f=l.transition,v=void 0===f?n.getDefaultTransition():f,d=l.transitionEnd,p=t.__rest(l,["transition","transitionEnd"]);s&&(v=s);var m=[],g=c&&(null===(o=n.animationState)||void 0===o?void 0:o.getState()[c]);for(var h in p){var y=n.getValue(h),x=p[h];if(!(!y||void 0===x||g&&Ur(g,h))){var _=Er(h,y,x,t.__assign({delay:u},v));m.push(_)}}return Promise.all(m).then((function(){d&&function(n,e){var r=z(n,e),o=r?n.makeTargetAnimatable(r,!1):{},i=o.transitionEnd,a=void 0===i?{}:i;o.transition;var u,s=t.__rest(o,["transitionEnd","transition"]);for(var c in s=t.__assign(t.__assign({},s),a))jr(n,c,(u=s[c],_n(u)?u[u.length-1]||0:u))}(n,d)}))}function Ir(t,n){return t.sortNodePosition(n)}function Ur(t,n){var e=t.protectedKeys,r=t.needsAnimating,o=e.hasOwnProperty(n)&&!0!==r[n];return r[n]=!1,o}var Hr=[wn.Animate,wn.Hover,wn.Tap,wn.Drag,wn.Focus,wn.Exit],Nr=t.__spreadArray([],t.__read(Hr)).reverse(),Yr=Hr.length;function Xr(t){return function(n){return Promise.all(n.map((function(n){var e=n.animation,r=n.options;return function(t,n,e){var r;if(void 0===e&&(e={}),t.notifyAnimationStart(),Array.isArray(n)){var o=n.map((function(n){return Or(t,n,e)}));r=Promise.all(o)}else if("string"==typeof n)r=Or(t,n,e);else{var i="function"==typeof n?z(t,n,e.custom):n;r=Fr(t,i,e)}return r.then((function(){return t.notifyAnimationComplete(n)}))}(t,e,r)})))}}function zr(n){var e,r=Xr(n),o=((e={})[wn.Animate]=Wr(!0),e[wn.Hover]=Wr(),e[wn.Tap]=Wr(),e[wn.Drag]=Wr(),e[wn.Focus]=Wr(),e[wn.Exit]=Wr(),e),i={},a=!0,u=function(e,r){var o=z(n,r);if(o){o.transition;var i=o.transitionEnd,a=t.__rest(o,["transition","transitionEnd"]);e=t.__assign(t.__assign(t.__assign({},e),a),i)}return e};function s(e,s){for(var c,l=n.getProps(),f=n.getVariantContext(!0)||{},v=[],d=new Set,p={},m=1/0,g=function(r){var i=Nr[r],g=o[i],h=null!==(c=l[i])&&void 0!==c?c:f[i],y=Y(h),x=i===s?g.isActive:null;!1===x&&(m=r);var _=h===f[i]&&h!==l[i]&&y;if(_&&a&&n.manuallyAnimateOnMount&&(_=!1),g.protectedKeys=t.__assign({},p),!g.isActive&&null===x||!h&&!g.prevProp||xn(h)||"boolean"==typeof h)return"continue";var b=function(t,n){if("string"==typeof n)return n!==t;if(N(n))return!or(n,t);return!1}(g.prevProp,h)||i===s&&g.isActive&&!_&&y||r>m&&y,A=Array.isArray(h)?h:[h],P=A.reduce(u,{});!1===x&&(P={});var E=g.prevResolvedValues,T=void 0===E?{}:E,w=t.__assign(t.__assign({},T),P),S=function(t){b=!0,d.delete(t),g.needsAnimating[t]=!0};for(var C in w){var V=P[C],M=T[C];p.hasOwnProperty(C)||(V!==M?_n(V)&&_n(M)?or(V,M)?g.protectedKeys[C]=!0:S(C):void 0!==V?S(C):d.add(C):void 0!==V&&d.has(C)?S(C):g.protectedKeys[C]=!0)}g.prevProp=h,g.prevResolvedValues=P,g.isActive&&(p=t.__assign(t.__assign({},p),P)),a&&n.blockInitialAnimation&&(b=!1),b&&!_&&v.push.apply(v,t.__spreadArray([],t.__read(A.map((function(n){return{animation:n,options:t.__assign({type:i},e)}})))))},h=0;h<Yr;h++)g(h);if(i=t.__assign({},p),d.size){var y={};d.forEach((function(t){var e=n.getBaseTarget(t);void 0!==e&&(y[t]=e)})),v.push({animation:y})}var x=Boolean(v.length);return a&&!1===l.initial&&!n.manuallyAnimateOnMount&&(x=!1),a=!1,x?r(v):Promise.resolve()}return{isAnimated:function(t){return void 0!==i[t]},animateChanges:s,setActive:function(t,e,r){var i;return o[t].isActive===e?Promise.resolve():(null===(i=n.variantChildren)||void 0===i||i.forEach((function(n){var r;return null===(r=n.animationState)||void 0===r?void 0:r.setActive(t,e)})),o[t].isActive=e,s(r,t))},setAnimateFunction:function(t){r=t(n)},getState:function(){return o}}}function Wr(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}var qr={animation:er((function(t){var e=t.visualElement,r=t.animate;e.animationState||(e.animationState=zr(e)),xn(r)&&n.useEffect((function(){return r.subscribe(e)}),[r])})),exit:er((function(e){var r=e.custom,o=e.visualElement,i=t.__read(R(),2),a=i[0],u=i[1],s=n.useContext(M);n.useEffect((function(){var t,n,e=null===(t=o.animationState)||void 0===t?void 0:t.setActive(wn.Exit,!a,{custom:null!==(n=null==s?void 0:s.custom)&&void 0!==n?n:r});!a&&(null==e||e.then(u))}),[a])}))},Zr=function(){function n(n,e,r){var o=this,i=(void 0===r?{}:r).transformPagePoint;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=function(){if(o.lastMoveEvent&&o.lastMoveEventInfo){var n=Kr(o.lastMoveEventInfo,o.history),e=null!==o.startEvent,r=Ge(n.offset,{x:0,y:0})>=3;if(e||r){var i=n.point,a=_().timestamp;o.history.push(t.__assign(t.__assign({},i),{timestamp:a}));var u=o.handlers,s=u.onStart,c=u.onMove;e||(s&&s(o.lastMoveEvent,n),o.startEvent=o.lastMoveEvent),c&&c(o.lastMoveEvent,n)}}},this.handlePointerMove=function(t,n){o.lastMoveEvent=t,o.lastMoveEventInfo=Gr(n,o.transformPagePoint),Mn(t)&&0===t.buttons?o.handlePointerUp(t,n):p.update(o.updatePoint,!0)},this.handlePointerUp=function(t,n){o.end();var e=o.handlers,r=e.onEnd,i=e.onSessionEnd,a=Kr(Gr(n,o.transformPagePoint),o.history);o.startEvent&&r&&r(t,a),i&&i(t,a)},!(Ln(n)&&n.touches.length>1)){this.handlers=e,this.transformPagePoint=i;var a=Gr(jn(n),this.transformPagePoint),u=a.point,s=_().timestamp;this.history=[t.__assign(t.__assign({},u),{timestamp:s})];var c=e.onSessionStart;c&&c(n,Kr(a,this.history)),this.removeListeners=de(Un(window,"pointermove",this.handlePointerMove),Un(window,"pointerup",this.handlePointerUp),Un(window,"pointercancel",this.handlePointerUp))}}return n.prototype.updateHandlers=function(t){this.handlers=t},n.prototype.end=function(){this.removeListeners&&this.removeListeners(),m.update(this.updatePoint)},n}();function Gr(t,n){return n?{point:n(t.point)}:t}function $r(t,n){return{x:t.x-n.x,y:t.y-n.y}}function Kr(t,n){var e=t.point;return{point:e,delta:$r(e,Qr(n)),offset:$r(e,Jr(n)),velocity:to(n,.1)}}function Jr(t){return t[0]}function Qr(t){return t[t.length-1]}function to(t,n){if(t.length<2)return{x:0,y:0};for(var e=t.length-1,r=null,o=Qr(t);e>=0&&(r=t[e],!(o.timestamp-r.timestamp>ir(n)));)e--;if(!r)return{x:0,y:0};var i=(o.timestamp-r.timestamp)/1e3;if(0===i)return{x:0,y:0};var a={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return a.x===1/0&&(a.x=0),a.y===1/0&&(a.y=0),a}function no(t){return t}function eo(t){var n=t.top;return{x:{min:t.left,max:t.right},y:{min:n,max:t.bottom}}}var ro={translate:0,scale:1,origin:0,originPoint:0};function oo(){return{x:t.__assign({},ro),y:t.__assign({},ro)}}function io(t){return[t("x"),t("y")]}function ao(t,n,e){var r=n.min,o=n.max;return void 0!==r&&t<r?t=e?ie(r,t,e.min):Math.max(t,r):void 0!==o&&t>o&&(t=e?ie(o,t,e.max):Math.min(t,o)),t}function uo(t,n,e){return{min:void 0!==n?t.min+n:void 0,max:void 0!==e?t.max+e-(t.max-t.min):void 0}}function so(n,e){var r,o=e.min-n.min,i=e.max-n.max;return e.max-e.min<n.max-n.min&&(o=(r=t.__read([i,o],2))[0],i=r[1]),{min:n.min+o,max:n.min+i}}function co(t,n,e){return{min:lo(t,n),max:lo(t,e)}}function lo(t,n){var e;return"number"==typeof t?t:null!==(e=t[n])&&void 0!==e?e:0}function fo(t,n){return eo(function(t,n){var e=t.top,r=t.left,o=t.bottom,i=t.right;void 0===n&&(n=no);var a=n({x:r,y:e}),u=n({x:i,y:o});return{top:a.y,left:a.x,bottom:u.y,right:u.x}}(t.getBoundingClientRect(),n))}function vo(t,n,e){return void 0===n&&(n=0),void 0===e&&(e=.01),Ge(t,n)<e}function po(t){return t.max-t.min}function mo(t,n){var e=.5,r=po(t),o=po(n);return o>r?e=oe(n.min,n.max-r,t.min):r>o&&(e=oe(t.min,t.max-o,n.min)),$n(0,1,e)}function go(t,n,e,r){void 0===r&&(r=.5),t.origin=r,t.originPoint=ie(n.min,n.max,t.origin),t.scale=po(e)/po(n),vo(t.scale,1,1e-4)&&(t.scale=1),t.translate=ie(e.min,e.max,t.origin)-t.originPoint,vo(t.translate)&&(t.translate=0)}function ho(t,n,e,r){go(t.x,n.x,e.x,yo(r.originX)),go(t.y,n.y,e.y,yo(r.originY))}function yo(t){return"number"==typeof t?t:.5}function xo(t,n,e){t.min=e.min+n.min,t.max=t.min+po(n)}var _o=function(t,n){return t.depth-n.depth};function bo(t){return t.projection.isEnabled||t.shouldResetTransform()}function Ao(t,n){void 0===n&&(n=[]);var e=t.parent;return e&&Ao(e,n),bo(t)&&n.push(t),n}function Po(n){if(!n.shouldResetTransform()){var e,r=n.getLayoutState();n.notifyBeforeLayoutMeasure(r.layout),r.isHydrated=!0,r.layout=n.measureViewportBox(),r.layoutCorrected=(e=r.layout,{x:t.__assign({},e.x),y:t.__assign({},e.y)}),n.notifyLayoutMeasure(r.layout,n.prevViewportBox||r.layout),p.update((function(){return n.rebaseProjectionTarget()}))}}function Eo(t,n){return{min:n.min-t.min,max:n.max-t.min}}function To(t,n){return{x:Eo(t.x,n.x),y:Eo(t.y,n.y)}}function wo(t,n){var e=t.getLayoutId(),r=n.getLayoutId();return e!==r||void 0===r&&t!==n}function So(t){var n=t.getProps(),e=n.drag,r=n._dragX;return e&&!r}function Co(t,n){t.min=n.min,t.max=n.max}function Vo(t,n,e){return e+n*(t-e)}function Mo(t,n,e,r,o){return void 0!==o&&(t=Vo(t,o,r)),Vo(t,e,r)+n}function Lo(t,n,e,r,o){void 0===n&&(n=0),void 0===e&&(e=1),t.min=Mo(t.min,n,e,r,o),t.max=Mo(t.max,n,e,r,o)}function Ro(t,n){var e=n.x,r=n.y;Lo(t.x,e.translate,e.scale,e.originPoint),Lo(t.y,r.translate,r.scale,r.originPoint)}function Do(n,e,r,o){var i=t.__read(o,3),a=i[0],u=i[1],s=i[2];n.min=e.min,n.max=e.max;var c=void 0!==r[s]?r[s]:.5,l=ie(e.min,e.max,c);Lo(n,r[a],r[u],l,r.scale)}var ko=["x","scaleX","originX"],jo=["y","scaleY","originY"];function Bo(t,n,e){Do(t.x,n.x,e,ko),Do(t.y,n.y,e,jo)}function Oo(t,n,e,r,o){return t=Vo(t-=n,1/e,r),void 0!==o&&(t=Vo(t,1/o,r)),t}function Fo(n,e,r){var o=t.__read(r,3),i=o[0],a=o[1],u=o[2];!function(t,n,e,r,o){void 0===n&&(n=0),void 0===e&&(e=1),void 0===r&&(r=.5);var i=ie(t.min,t.max,r)-n;t.min=Oo(t.min,n,e,i,o),t.max=Oo(t.max,n,e,i,o)}(n,e[i],e[a],e[u],e.scale)}function Io(t,n){Fo(t.x,n,ko),Fo(t.y,n,jo)}var Uo=new Set;function Ho(t,n,e){t[e]||(t[e]=[]),t[e].push(n)}function No(t){return Uo.add(t),function(){return Uo.delete(t)}}function Yo(){if(Uo.size){var t=0,n=[[]],e=[],r=function(e){return Ho(n,e,t)},o=function(n){Ho(e,n,t),t++};Uo.forEach((function(n){n(r,o),t=0})),Uo.clear();for(var i=e.length,a=0;a<=i;a++)n[a]&&n[a].forEach(zo),e[a]&&e[a].forEach(zo)}}var Xo,zo=function(t){return t()},Wo=new WeakMap,qo=function(){function n(t){var n=t.visualElement;this.isDragging=!1,this.currentDirection=null,this.constraints=!1,this.elastic={x:{min:0,max:1},y:{min:0,max:1}},this.props={},this.hasMutatedConstraints=!1,this.cursorProgress={x:.5,y:.5},this.originPoint={},this.openGlobalLock=null,this.panSession=null,this.visualElement=n,this.visualElement.enableLayoutProjection(),Wo.set(n,this)}return n.prototype.start=function(n,e){var r=this,o=void 0===e?{}:e,i=o.snapToCursor,a=void 0!==i&&i,u=o.cursorProgress,s=this.props.transformPagePoint;this.panSession=new Zr(n,{onSessionStart:function(n){var e;r.stopMotion();var o=function(t){return jn(t,"client")}(n).point;null===(e=r.cancelLayout)||void 0===e||e.call(r),r.cancelLayout=No((function(n,e){var i=Ao(r.visualElement),s=function(t){var n=[],e=function(t){bo(t)&&n.push(t),t.children.forEach(e)};return t.children.forEach(e),n.sort(_o)}(r.visualElement),c=t.__spreadArray(t.__spreadArray([],t.__read(i)),t.__read(s)),l=!1;r.isLayoutDrag()&&r.visualElement.lockProjectionTarget(),e((function(){c.forEach((function(t){return t.resetTransform()}))})),n((function(){Po(r.visualElement),s.forEach(Po)})),e((function(){c.forEach((function(t){return t.restoreTransform()})),a&&(l=r.snapToCursor(o))})),n((function(){Boolean(r.getAxisMotionValue("x")&&!r.isExternalDrag())||r.visualElement.rebaseProjectionTarget(!0,r.visualElement.measureViewportBox(!1)),r.visualElement.scheduleUpdateLayoutProjection();var t=r.visualElement.projection;io((function(n){if(!l){var e=t.target[n],i=e.min,a=e.max;r.cursorProgress[n]=u?u[n]:oe(i,a,o[n])}var s=r.getAxisMotionValue(n);s&&(r.originPoint[n]=s.get())}))})),e((function(){g.update(),g.preRender(),g.render(),g.postRender()})),n((function(){return r.resolveDragConstraints()}))}))},onStart:function(t,n){var e,o,i,a=r.props,u=a.drag,s=a.dragPropagation;(!u||s||(r.openGlobalLock&&r.openGlobalLock(),r.openGlobalLock=zn(u),r.openGlobalLock))&&(Yo(),r.isDragging=!0,r.currentDirection=null,null===(o=(e=r.props).onDragStart)||void 0===o||o.call(e,t,n),null===(i=r.visualElement.animationState)||void 0===i||i.setActive(wn.Drag,!0))},onMove:function(t,n){var e,o,i,a,u=r.props,s=u.dragPropagation,c=u.dragDirectionLock;if(s||r.openGlobalLock){var l=n.offset;if(c&&null===r.currentDirection)return r.currentDirection=function(t,n){void 0===n&&(n=10);var e=null;Math.abs(t.y)>n?e="y":Math.abs(t.x)>n&&(e="x");return e}(l),void(null!==r.currentDirection&&(null===(o=(e=r.props).onDirectionLock)||void 0===o||o.call(e,r.currentDirection)));r.updateAxis("x",n.point,l),r.updateAxis("y",n.point,l),null===(a=(i=r.props).onDrag)||void 0===a||a.call(i,t,n),Xo=t}},onSessionEnd:function(t,n){return r.stop(t,n)}},{transformPagePoint:s})},n.prototype.resolveDragConstraints=function(){var t=this,n=this.props,e=n.dragConstraints,r=n.dragElastic,o=this.visualElement.getLayoutState().layoutCorrected;this.constraints=!!e&&(H(e)?this.resolveRefConstraints(o,e):function(t,n){var e=n.top,r=n.left,o=n.bottom,i=n.right;return{x:uo(t.x,r,i),y:uo(t.y,e,o)}}(o,e)),this.elastic=function(t){return!1===t?t=0:!0===t&&(t=.35),{x:co(t,"left","right"),y:co(t,"top","bottom")}}(r),this.constraints&&!this.hasMutatedConstraints&&io((function(n){t.getAxisMotionValue(n)&&(t.constraints[n]=function(t,n){var e={};return void 0!==n.min&&(e.min=n.min-t.min),void 0!==n.max&&(e.max=n.max-t.min),e}(o[n],t.constraints[n]))}))},n.prototype.resolveRefConstraints=function(t,n){var e=this.props,r=e.onMeasureDragConstraints,o=e.transformPagePoint,i=n.current;E(null!==i,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop."),this.constraintsBox=fo(i,o);var a=function(t,n){return{x:so(t.x,n.x),y:so(t.y,n.y)}}(t,this.constraintsBox);if(r){var u=r(function(t){var n=t.x,e=t.y;return{top:e.min,bottom:e.max,left:n.min,right:n.max}}(a));this.hasMutatedConstraints=!!u,u&&(a=eo(u))}return a},n.prototype.cancelDrag=function(){var t,n;this.visualElement.unlockProjectionTarget(),null===(t=this.cancelLayout)||void 0===t||t.call(this),this.isDragging=!1,this.panSession&&this.panSession.end(),this.panSession=null,!this.props.dragPropagation&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(wn.Drag,!1)},n.prototype.stop=function(t,n){var e,r,o;null===(e=this.panSession)||void 0===e||e.end(),this.panSession=null;var i=this.isDragging;if(this.cancelDrag(),i){var a=n.velocity;this.animateDragEnd(a),null===(o=(r=this.props).onDragEnd)||void 0===o||o.call(r,t,n)}},n.prototype.snapToCursor=function(t){var n=this;return io((function(e){if(Zo(e,n.props.drag,n.currentDirection)){var r=n.getAxisMotionValue(e);if(!r)return n.cursorProgress[e]=.5,!0;var o=n.visualElement.getLayoutState().layout,i=o[e].max-o[e].min,a=o[e].min+i/2,u=t[e]-a;n.originPoint[e]=t[e],r.set(u)}})).includes(!0)},n.prototype.updateAxis=function(t,n,e){if(Zo(t,this.props.drag,this.currentDirection))return this.getAxisMotionValue(t)?this.updateAxisMotionValue(t,e):this.updateVisualElementAxis(t,n)},n.prototype.updateAxisMotionValue=function(t,n){var e=this.getAxisMotionValue(t);if(n&&e){var r=this.originPoint[t]+n[t],o=this.constraints?ao(r,this.constraints[t],this.elastic[t]):r;e.set(o)}},n.prototype.updateVisualElementAxis=function(t,n){var e,r=this.visualElement.getLayoutState().layout[t],o=r.max-r.min,i=this.cursorProgress[t],a=function(t,n,e,r,o){var i=t-n*e;return r?ao(i,r,o):i}(n[t],o,i,null===(e=this.constraints)||void 0===e?void 0:e[t],this.elastic[t]);this.visualElement.setProjectionTargetAxis(t,a,a+o)},n.prototype.setProps=function(n){var e=n.drag,r=void 0!==e&&e,o=n.dragDirectionLock,i=void 0!==o&&o,a=n.dragPropagation,u=void 0!==a&&a,s=n.dragConstraints,c=void 0!==s&&s,l=n.dragElastic,f=void 0===l?.35:l,v=n.dragMomentum,d=void 0===v||v,p=t.__rest(n,["drag","dragDirectionLock","dragPropagation","dragConstraints","dragElastic","dragMomentum"]);this.props=t.__assign({drag:r,dragDirectionLock:i,dragPropagation:u,dragConstraints:c,dragElastic:f,dragMomentum:d},p)},n.prototype.getAxisMotionValue=function(t){var n=this.props,e=n.layout,r=n.layoutId,o="_drag"+t.toUpperCase();return this.props[o]?this.props[o]:e||void 0!==r?void 0:this.visualElement.getValue(t,0)},n.prototype.isLayoutDrag=function(){return!this.getAxisMotionValue("x")},n.prototype.isExternalDrag=function(){var t=this.props,n=t._dragX,e=t._dragY;return n||e},n.prototype.animateDragEnd=function(n){var e=this,r=this.props,o=r.drag,i=r.dragMomentum,a=r.dragElastic,u=r.dragTransition,s=function(t,n){void 0===n&&(n=!0);var e,r=t.getProjectionParent();return!!r&&(n?Io(e=To(r.projection.target,t.projection.target),r.getLatestValues()):e=To(r.getLayoutState().layout,t.getLayoutState().layout),io((function(n){return t.setProjectionTargetAxis(n,e[n].min,e[n].max,!0)})),!0)}(this.visualElement,this.isLayoutDrag()&&!this.isExternalDrag()),c=this.constraints||{};if(s&&Object.keys(c).length&&this.isLayoutDrag()){var l=this.visualElement.getProjectionParent();if(l){var f=To(l.projection.targetFinal,c);io((function(t){var n=f[t],e=n.min,r=n.max;c[t]={min:isNaN(e)?void 0:e,max:isNaN(r)?void 0:r}}))}}var v=io((function(r){var l;if(Zo(r,o,e.currentDirection)){var f=null!==(l=null==c?void 0:c[r])&&void 0!==l?l:{},v=a?200:1e6,d=a?40:1e7,p=t.__assign(t.__assign({type:"inertia",velocity:i?n[r]:0,bounceStiffness:v,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10},u),f);return e.getAxisMotionValue(r)?e.startAxisValueAnimation(r,p):e.visualElement.startLayoutAnimation(r,p,s)}}));return Promise.all(v).then((function(){var t,n;null===(n=(t=e.props).onDragTransitionEnd)||void 0===n||n.call(t)}))},n.prototype.stopMotion=function(){var t=this;io((function(n){var e=t.getAxisMotionValue(n);e?e.stop():t.visualElement.stopLayoutAnimation()}))},n.prototype.startAxisValueAnimation=function(t,n){var e=this.getAxisMotionValue(t);if(e){var r=e.get();return e.set(r),e.set(r),Er(t,e,0,n)}},n.prototype.scalePoint=function(){var t=this,n=this.props,e=n.drag;if(H(n.dragConstraints)&&this.constraintsBox){this.stopMotion();var r={x:0,y:0};io((function(n){r[n]=mo(t.visualElement.projection.target[n],t.constraintsBox[n])})),this.updateConstraints((function(){io((function(n){if(Zo(n,e,null)){var o=function(t,n,e){var r=t.max-t.min,o=ie(n.min,n.max-r,e);return{min:o,max:o+r}}(t.visualElement.projection.target[n],t.constraintsBox[n],r[n]),i=o.min,a=o.max;t.visualElement.setProjectionTargetAxis(n,i,a)}}))})),setTimeout(Yo,1)}},n.prototype.updateConstraints=function(t){var n=this;this.cancelLayout=No((function(e,r){var o=Ao(n.visualElement);r((function(){return o.forEach((function(t){return t.resetTransform()}))})),e((function(){return Po(n.visualElement)})),r((function(){return o.forEach((function(t){return t.restoreTransform()}))})),e((function(){n.resolveDragConstraints()})),t&&r(t)}))},n.prototype.mount=function(t){var n=this,e=Un(t.getInstance(),"pointerdown",(function(t){var e=n.props,r=e.drag,o=e.dragListener;r&&(void 0===o||o)&&n.start(t)})),r=Cn(window,"resize",(function(){n.scalePoint()})),o=t.onLayoutUpdate((function(){n.isDragging&&n.resolveDragConstraints()})),i=t.prevDragCursor;return i&&this.start(Xo,{cursorProgress:i}),function(){null==e||e(),null==r||r(),null==o||o(),n.cancelDrag()}},n}();function Zo(t,n,e){return!(!0!==n&&n!==t||null!==e&&e!==t)}var Go,$o,Ko={pan:er((function(t){var e=t.onPan,r=t.onPanStart,o=t.onPanEnd,i=t.onPanSessionStart,a=t.visualElement,u=e||r||o||i,s=n.useRef(null),c=n.useContext(C).transformPagePoint,l={onSessionStart:i,onStart:r,onMove:e,onEnd:function(t,n){s.current=null,o&&o(t,n)}};n.useEffect((function(){null!==s.current&&s.current.updateHandlers(l)})),Hn(a,"pointerdown",u&&function(t){s.current=new Zr(t,l,{transformPagePoint:c})}),Gn((function(){return s.current&&s.current.end()}))})),drag:er((function(e){var r=e.dragControls,o=e.visualElement,i=n.useContext(C).transformPagePoint,a=L((function(){return new qo({visualElement:o})}));a.setProps(t.__assign(t.__assign({},e),{transformPagePoint:i})),n.useEffect((function(){return r&&r.subscribe(a)}),[a]),n.useEffect((function(){return a.mount(o)}),[])}))};function Jo(t){return"string"==typeof t&&t.startsWith("var(--")}!function(t){t[t.Entering=0]="Entering",t[t.Present=1]="Present",t[t.Exiting=2]="Exiting"}(Go||(Go={})),function(t){t[t.Hide=0]="Hide",t[t.Show=1]="Show"}($o||($o={}));var Qo=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function ti(n,e,r){void 0===r&&(r=1),E(r<=4,'Max CSS variable fallback depth detected in property "'+n+'". This may indicate a circular fallback dependency.');var o=t.__read(function(n){var e=Qo.exec(n);if(!e)return[,];var r=t.__read(e,3);return[r[1],r[2]]}(n),2),i=o[0],a=o[1];if(i){var u=window.getComputedStyle(e).getPropertyValue(i);return u?u.trim():Jo(a)?ti(a,e,r+1):a}}function ni(t,n){return t/(n.max-n.min)*100}var ei={process:function(t,n,e){var r=e.target;if("string"==typeof t){if(!Tt.test(t))return t;t=parseFloat(t)}return ni(t,r.x)+"% "+ni(t,r.y)+"%"}},ri={borderRadius:t.__assign(t.__assign({},ei),{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:ei,borderTopRightRadius:ei,borderBottomLeftRadius:ei,borderBottomRightRadius:ei,boxShadow:{process:function(t,n){var e=n.delta,r=n.treeScale,o=t,i=t.includes("var("),a=[];i&&(t=t.replace(Qo,(function(t){return a.push(t),"_$css"})));var u=Ht.parse(t);if(u.length>5)return o;var s=Ht.createTransformer(t),c="number"!=typeof u[0]?1:0,l=e.x.scale*r.x,f=e.y.scale*r.y;u[0+c]/=l,u[1+c]/=f;var v=ie(l,f,.5);"number"==typeof u[2+c]&&(u[2+c]/=v),"number"==typeof u[3+c]&&(u[3+c]/=v);var d=s(u);if(i){var p=0;d=d.replace("_$css",(function(){var t=a[p];return p++,t}))}return d}}},oi=function(n){function e(){var e=null!==n&&n.apply(this,arguments)||this;return e.frameTarget={x:{min:0,max:1},y:{min:0,max:1}},e.currentAnimationTarget={x:{min:0,max:1},y:{min:0,max:1}},e.isAnimating={x:!1,y:!1},e.stopAxisAnimation={x:void 0,y:void 0},e.isAnimatingTree=!1,e.animate=function(n,r,o){void 0===o&&(o={});var i=o.originBox,a=o.targetBox,u=o.visibilityAction,s=o.shouldStackAnimate,c=o.onComplete,l=o.prevParent,f=t.__rest(o,["originBox","targetBox","visibilityAction","shouldStackAnimate","onComplete","prevParent"]),v=e.props,d=v.visualElement,p=v.layout;if(!1===s)return e.isAnimatingTree=!1,e.safeToRemove();if(!e.isAnimatingTree||!0===s){s&&(e.isAnimatingTree=!0),r=i||r,n=a||n;var m=!1,g=d.getProjectionParent();if(g){var h=g.prevViewportBox,y=g.getLayoutState().layout;l&&(a&&(y=l.getLayoutState().layout),i&&!wo(l,g)&&l.prevViewportBox&&(h=l.prevViewportBox)),h&&li(l,i,a)&&(m=!0,r=To(h,r),n=To(y,n))}var x=ii(r,n),_=io((function(o){var i,a;if("position"===p){var s=n[o].max-n[o].min;r[o].max=r[o].min+s}if(!d.projection.isTargetLocked)return void 0===u?x?e.animateAxis(o,n[o],r[o],t.__assign(t.__assign({},f),{isRelative:m})):(null===(a=(i=e.stopAxisAnimation)[o])||void 0===a||a.call(i),d.setProjectionTargetAxis(o,n[o].min,n[o].max,m)):void d.setVisibility(u===$o.Show)}));return d.syncRender(),Promise.all(_).then((function(){e.isAnimatingTree=!1,c&&c(),d.notifyLayoutAnimationComplete()}))}},e}return t.__extends(e,n),e.prototype.componentDidMount=function(){var t=this,n=this.props.visualElement;n.animateMotionValue=Er,n.enableLayoutProjection(),this.unsubLayoutReady=n.onLayoutUpdate(this.animate),n.layoutSafeToRemove=function(){return t.safeToRemove()},function(t){for(var n in t)tt[n]=t[n]}(ri)},e.prototype.componentWillUnmount=function(){var t=this;this.unsubLayoutReady(),io((function(n){var e,r;return null===(r=(e=t.stopAxisAnimation)[n])||void 0===r?void 0:r.call(e)}))},e.prototype.animateAxis=function(t,n,e,r){var o,i,a=this,u=void 0===r?{}:r,s=u.transition,c=u.isRelative;if(!this.isAnimating[t]||!si(n,this.currentAnimationTarget[t])){null===(i=(o=this.stopAxisAnimation)[t])||void 0===i||i.call(o),this.isAnimating[t]=!0;var l=this.props.visualElement,f=this.frameTarget[t],v=l.getProjectionAnimationProgress()[t];v.clearListeners(),v.set(0),v.set(0);var d=function(){var r=v.get()/1e3;!function(t,n,e,r){t.min=ie(n.min,e.min,r),t.max=ie(n.max,e.max,r)}(f,e,n,r),l.setProjectionTargetAxis(t,f.min,f.max,c)};d();var p=v.onChange(d);this.stopAxisAnimation[t]=function(){a.isAnimating[t]=!1,v.stop(),p()},this.currentAnimationTarget[t]=n;var m=s||l.getDefaultTransition()||ci;return Er("x"===t?"layoutX":"layoutY",v,1e3,m&&Pr(m,"layout")).then(this.stopAxisAnimation[t])}},e.prototype.safeToRemove=function(){var t,n;null===(n=(t=this.props).safeToRemove)||void 0===n||n.call(t)},e.prototype.render=function(){return null},e}(o.Component);function ii(t,n){return!(ui(t)||ui(n)||si(t.x,n.x)&&si(t.y,n.y))}var ai={min:0,max:0};function ui(t){return si(t.x,ai)&&si(t.y,ai)}function si(t,n){return t.min===n.min&&t.max===n.max}var ci={duration:.45,ease:[.4,0,.1,1]};function li(t,n,e){return t||!t&&!(n||e)}var fi={layoutReady:function(t){return t.notifyLayoutReady()}};function vi(){var n=new Set;return{add:function(t){return n.add(t)},flush:function(e){var r=void 0===e?fi:e,o=r.layoutReady,i=r.parent;No((function(e,r){var a=Array.from(n).sort(_o),u=i?Ao(i):[];r((function(){t.__spreadArray(t.__spreadArray([],t.__read(u)),t.__read(a)).forEach((function(t){return t.resetTransform()}))})),e((function(){a.forEach(Po)})),r((function(){u.forEach((function(t){return t.restoreTransform()})),a.forEach(o)})),e((function(){a.forEach((function(t){t.isPresent&&(t.presence=Go.Present)}))})),r((function(){g.preRender(),g.render()})),e((function(){p.postRender((function(){return a.forEach(di)})),n.clear()}))})),Yo()}}}function di(t){t.prevViewportBox=t.projection.target}var pi=n.createContext(vi()),mi=n.createContext(vi());function gi(t){return!!t.forceUpdate}var hi=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return t.__extends(e,n),e.prototype.componentDidMount=function(){var t=this.props,n=t.syncLayout,e=t.framerSyncLayout,r=t.visualElement;gi(n)&&n.register(r),gi(e)&&e.register(r),r.onUnmount((function(){gi(n)&&n.remove(r),gi(e)&&e.remove(r)}))},e.prototype.getSnapshotBeforeUpdate=function(){var t=this.props,n=t.syncLayout,e=t.visualElement;return gi(n)?n.syncUpdate():(!function(t){t.shouldResetTransform()||(t.prevViewportBox=t.measureViewportBox(!1),t.rebaseProjectionTarget(!1,t.prevViewportBox))}(e),n.add(e)),null},e.prototype.componentDidUpdate=function(){var t=this.props.syncLayout;gi(t)||t.flush()},e.prototype.render=function(){return null},e}(i.default.Component);var yi={measureLayout:function(e){var r=n.useContext(pi),o=n.useContext(mi);return i.default.createElement(hi,t.__assign({},e,{syncLayout:r,framerSyncLayout:o}))},layoutAnimation:function(n){var e=t.__read(R(),2)[1];return o.createElement(oi,t.__assign({},n,{safeToRemove:e}))}};function xi(){return{isHydrated:!1,layout:{x:{min:0,max:1},y:{min:0,max:1}},layoutCorrected:{x:{min:0,max:1},y:{min:0,max:1}},treeScale:{x:1,y:1},delta:oo(),deltaFinal:oo(),deltaTransform:""}}var _i=xi();function bi(t,n,e){var r=t.x,o=t.y,i="translate3d("+r.translate/n.x+"px, "+o.translate/n.y+"px, 0) ";if(e){var a=e.rotate,u=e.rotateX,s=e.rotateY;a&&(i+="rotate("+a+") "),u&&(i+="rotateX("+u+") "),s&&(i+="rotateY("+s+") ")}return i+="scale("+r.scale+", "+o.scale+")",e||i!==Pi?i:""}function Ai(t){var n=t.deltaFinal;return 100*n.x.origin+"% "+100*n.y.origin+"% 0"}var Pi=bi(_i.delta,_i.treeScale,{x:1,y:1}),Ei=["LayoutMeasure","BeforeLayoutMeasure","LayoutUpdate","ViewportBoxUpdate","Update","Render","AnimationComplete","LayoutAnimationComplete","AnimationStart","SetAxisTarget","Unmount"];function Ti(t,n,e,r){var o,i,a=t.delta,u=t.layout,s=t.layoutCorrected,c=t.treeScale,l=n.target;i=u,Co((o=s).x,i.x),Co(o.y,i.y),function(t,n,e){var r=e.length;if(r){var o,i;n.x=n.y=1;for(var a=0;a<r;a++)i=(o=e[a]).getLayoutState().delta,n.x*=i.x.scale,n.y*=i.y.scale,Ro(t,i),So(o)&&Bo(t,t,o.getLatestValues())}}(s,c,e),ho(a,s,l,r)}var wi=function(){function t(){this.children=[],this.isDirty=!1}return t.prototype.add=function(t){Tr(this.children,t),this.isDirty=!0},t.prototype.remove=function(t){wr(this.children,t),this.isDirty=!0},t.prototype.forEach=function(t){this.isDirty&&this.children.sort(_o),this.isDirty=!1,this.children.forEach(t)},t}();var Si=function(n){var e=n.treeType,r=void 0===e?"":e,o=n.build,i=n.getBaseTarget,a=n.makeTargetAnimatable,u=n.measureViewportBox,s=n.render,c=n.readValueFromInstance,l=n.resetTransform,f=n.restoreTransform,v=n.removeValueFromRenderState,d=n.sortNodePosition,g=n.scrapeMotionValuesFromProps;return function(n,e){var h=n.parent,y=n.props,x=n.presenceId,_=n.blockInitialAnimation,b=n.visualState;void 0===e&&(e={});var A,P,E,T,w,S,C=b.latestValues,V=b.renderState,M=function(){var n=Ei.map((function(){return new Sr})),e={},r={clearAllListeners:function(){return n.forEach((function(t){return t.clear()}))},updatePropListeners:function(t){return Ei.forEach((function(n){var o;null===(o=e[n])||void 0===o||o.call(e);var i="on"+n,a=t[i];a&&(e[n]=r[i](a))}))}};return n.forEach((function(n,e){r["on"+Ei[e]]=function(t){return n.add(t)},r["notify"+Ei[e]]=function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return n.notify.apply(n,t.__spreadArray([],t.__read(e)))}})),r}(),L={isEnabled:!1,isHydrated:!1,isTargetLocked:!1,target:{x:{min:0,max:1},y:{min:0,max:1}},targetFinal:{x:{min:0,max:1},y:{min:0,max:1}}},R=L,D=C,k=xi(),j=!1,B=new Map,O=new Map,F={},I=t.__assign({},C);function U(){A&&(J.isProjectionReady()&&(Bo(R.targetFinal,R.target,D),ho(k.deltaFinal,k.layoutCorrected,R.targetFinal,C)),H(),s(A,V))}function H(){var t=C;if(T&&T.isActive()){var n=T.getCrossfadeState(J);n&&(t=n)}o(J,V,t,R,k,e,y)}function N(){M.notifyUpdate(C)}function X(){J.layoutTree.forEach(Vi)}var z=g(y);for(var Z in z){var G=z[Z];void 0!==C[Z]&&ct(G)&&G.set(C[Z],!1)}var $=W(y),K=q(y),J=t.__assign(t.__assign({treeType:r,current:null,depth:h?h.depth+1:0,parent:h,children:new Set,path:h?t.__spreadArray(t.__spreadArray([],t.__read(h.path)),[h]):[],layoutTree:h?h.layoutTree:new wi,presenceId:x,projection:L,variantChildren:K?new Set:void 0,isVisible:void 0,manuallyAnimateOnMount:Boolean(null==h?void 0:h.isMounted()),blockInitialAnimation:_,isMounted:function(){return Boolean(A)},mount:function(t){A=J.current=t,J.pointTo(J),K&&h&&!$&&(S=null==h?void 0:h.addVariantChild(J)),null==h||h.children.add(J)},unmount:function(){m.update(N),m.render(U),m.preRender(J.updateLayoutProjection),O.forEach((function(t){return t()})),J.stopLayoutAnimation(),J.layoutTree.remove(J),null==S||S(),null==h||h.children.delete(J),null==E||E(),M.clearAllListeners()},addVariantChild:function(t){var n,e=J.getClosestVariantNode();if(e)return null===(n=e.variantChildren)||void 0===n||n.add(t),function(){return e.variantChildren.delete(t)}},sortNodePosition:function(t){return d&&r===t.treeType?d(J.getInstance(),t.getInstance()):0},getClosestVariantNode:function(){return K?J:null==h?void 0:h.getClosestVariantNode()},scheduleUpdateLayoutProjection:h?h.scheduleUpdateLayoutProjection:function(){return p.preRender(J.updateTreeLayoutProjection,!1,!0)},getLayoutId:function(){return y.layoutId},getInstance:function(){return A},getStaticValue:function(t){return C[t]},setStaticValue:function(t,n){return C[t]=n},getLatestValues:function(){return C},setVisibility:function(t){J.isVisible!==t&&(J.isVisible=t,J.scheduleRender())},makeTargetAnimatable:function(t,n){return void 0===n&&(n=!0),a(J,t,y,n)},addValue:function(t,n){J.hasValue(t)&&J.removeValue(t),B.set(t,n),C[t]=n.get(),function(t,n){var e=n.onChange((function(n){C[t]=n,y.onUpdate&&p.update(N,!1,!0)})),r=n.onRenderRequest(J.scheduleRender);O.set(t,(function(){e(),r()}))}(t,n)},removeValue:function(t){var n;B.delete(t),null===(n=O.get(t))||void 0===n||n(),O.delete(t),delete C[t],v(t,V)},hasValue:function(t){return B.has(t)},getValue:function(t,n){var e=B.get(t);return void 0===e&&void 0!==n&&(e=Vr(n),J.addValue(t,e)),e},forEachValue:function(t){return B.forEach(t)},readValue:function(t){var n;return null!==(n=C[t])&&void 0!==n?n:c(A,t,e)},setBaseTarget:function(t,n){I[t]=n},getBaseTarget:function(t){if(i){var n=i(y,t);if(void 0!==n&&!ct(n))return n}return I[t]}},M),{build:function(){return H(),V},scheduleRender:function(){p.render(U,!1,!0)},syncRender:U,setProps:function(t){y=t,M.updatePropListeners(t),F=function(t,n,e){var r;for(var o in n){var i=n[o],a=e[o];if(ct(i))t.addValue(o,i);else if(ct(a))t.addValue(o,Vr(i));else if(a!==i)if(t.hasValue(o)){var u=t.getValue(o);!u.hasAnimated&&u.set(i)}else t.addValue(o,Vr(null!==(r=t.getStaticValue(o))&&void 0!==r?r:i))}for(var o in e)void 0===n[o]&&t.removeValue(o);return n}(J,g(y),F)},getProps:function(){return y},getVariant:function(t){var n;return null===(n=y.variants)||void 0===n?void 0:n[t]},getDefaultTransition:function(){return y.transition},getVariantContext:function(t){if(void 0===t&&(t=!1),t)return null==h?void 0:h.getVariantContext();if(!$){var n=(null==h?void 0:h.getVariantContext())||{};return void 0!==y.initial&&(n.initial=y.initial),n}for(var e={},r=0;r<Ri;r++){var o=Li[r],i=y[o];(Y(i)||!1===i)&&(e[o]=i)}return e},enableLayoutProjection:function(){L.isEnabled=!0,J.layoutTree.add(J)},lockProjectionTarget:function(){L.isTargetLocked=!0},unlockProjectionTarget:function(){J.stopLayoutAnimation(),L.isTargetLocked=!1},getLayoutState:function(){return k},setCrossfader:function(t){T=t},isProjectionReady:function(){return L.isEnabled&&L.isHydrated&&k.isHydrated},startLayoutAnimation:function(t,n,e){void 0===e&&(e=!1);var r=J.getProjectionAnimationProgress()[t],o=e?L.relativeTarget[t]:L.target[t],i=o.min,a=o.max-i;return r.clearListeners(),r.set(i),r.set(i),r.onChange((function(n){J.setProjectionTargetAxis(t,n,n+a,e)})),J.animateMotionValue(t,r,0,n)},stopLayoutAnimation:function(){io((function(t){return J.getProjectionAnimationProgress()[t].stop()}))},measureViewportBox:function(t){void 0===t&&(t=!0);var n=u(A,e);return t||Io(n,C),n},getProjectionAnimationProgress:function(){return w||(w={x:Vr(0),y:Vr(0)}),w},setProjectionTargetAxis:function(t,n,e,r){var o;void 0===r&&(r=!1),r?(L.relativeTarget||(L.relativeTarget={x:{min:0,max:1},y:{min:0,max:1}}),o=L.relativeTarget[t]):(L.relativeTarget=void 0,o=L.target[t]),L.isHydrated=!0,o.min=n,o.max=e,j=!0,M.notifySetAxisTarget()},rebaseProjectionTarget:function(t,n){void 0===n&&(n=k.layout);var e=J.getProjectionAnimationProgress(),r=e.x,o=e.y,i=!(L.relativeTarget||L.isTargetLocked||r.isAnimating()||o.isAnimating());(t||i)&&io((function(t){var e=n[t],r=e.min,o=e.max;J.setProjectionTargetAxis(t,r,o)}))},notifyLayoutReady:function(t){!function(t){var n=t.getProjectionParent();if(n){var e=To(n.getLayoutState().layout,t.getLayoutState().layout);io((function(n){t.setProjectionTargetAxis(n,e[n].min,e[n].max,!0)}))}else t.rebaseProjectionTarget()}(J),J.notifyLayoutUpdate(k.layout,J.prevViewportBox||k.layout,t)},resetTransform:function(){return l(J,A,y)},restoreTransform:function(){return f(A,V)},updateLayoutProjection:function(){if(J.isProjectionReady()){var t=k.delta,n=k.treeScale,e=n.x,r=n.y,o=k.deltaTransform;Ti(k,R,J.path,C),j&&J.notifyViewportBoxUpdate(R.target,t),j=!1;var i=bi(t,n);i===o&&e===n.x&&r===n.y||J.scheduleRender(),k.deltaTransform=i}},updateTreeLayoutProjection:function(){J.layoutTree.forEach(Ci),p.preRender(X,!1,!0)},getProjectionParent:function(){if(void 0===P){for(var t=!1,n=J.path.length-1;n>=0;n--){var e=J.path[n];if(e.projection.isEnabled){t=e;break}}P=t}return P},resolveRelativeTargetBox:function(){var t=J.getProjectionParent();if(L.relativeTarget&&t&&(function(t,n){xo(t.target.x,t.relativeTarget.x,n.target.x),xo(t.target.y,t.relativeTarget.y,n.target.y)}(L,t.projection),So(t))){var n=L.target;Bo(n,n,t.getLatestValues())}},shouldResetTransform:function(){return Boolean(y._layoutResetTransform)},pointTo:function(t){R=t.projection,D=t.getLatestValues(),null==E||E(),E=de(t.onSetAxisTarget(J.scheduleUpdateLayoutProjection),t.onLayoutAnimationComplete((function(){var t;J.isPresent?J.presence=Go.Present:null===(t=J.layoutSafeToRemove)||void 0===t||t.call(J)})))},isPresent:!0,presence:Go.Entering});return J}};function Ci(t){t.resolveRelativeTargetBox()}function Vi(t){t.updateLayoutProjection()}var Mi,Li=t.__spreadArray(["initial"],t.__read(Hr)),Ri=Li.length,Di=new Set(["width","height","top","left","right","bottom","x","y"]),ki=function(t){return Di.has(t)},ji=function(t,n){t.set(n,!1),t.set(n)},Bi=function(t){return t===xt||t===Tt};!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Mi||(Mi={}));var Oi=function(t,n){return parseFloat(t.split(", ")[n])},Fi=function(t,n){return function(e,r){var o=r.transform;if("none"===o||!o)return 0;var i=o.match(/^matrix3d\((.+)\)$/);if(i)return Oi(i[1],n);var a=o.match(/^matrix\((.+)\)$/);return a?Oi(a[1],t):0}},Ii=new Set(["x","y","z"]),Ui=et.filter((function(t){return!Ii.has(t)}));var Hi={width:function(t){var n=t.x;return n.max-n.min},height:function(t){var n=t.y;return n.max-n.min},top:function(t,n){var e=n.top;return parseFloat(e)},left:function(t,n){var e=n.left;return parseFloat(e)},bottom:function(t,n){var e=t.y,r=n.top;return parseFloat(r)+(e.max-e.min)},right:function(t,n){var e=t.x,r=n.left;return parseFloat(r)+(e.max-e.min)},x:Fi(4,13),y:Fi(5,14)},Ni=function(n,e,r,o){void 0===r&&(r={}),void 0===o&&(o={}),e=t.__assign({},e),o=t.__assign({},o);var i=Object.keys(e).filter(ki),a=[],u=!1,s=[];if(i.forEach((function(t){var i=n.getValue(t);if(n.hasValue(t)){var c,l=r[t],f=e[t],v=Rr(l);if(_n(f))for(var d=f.length,p=null===f[0]?1:0;p<d;p++)c?E(Rr(f[p])===c,"All keyframes must be of the same type"):(c=Rr(f[p]),E(c===v||Bi(v)&&Bi(c),"Keyframes must be of the same dimension as the current value"));else c=Rr(f);if(v!==c)if(Bi(v)&&Bi(c)){var m=i.get();"string"==typeof m&&i.set(parseFloat(m)),"string"==typeof f?e[t]=parseFloat(f):Array.isArray(f)&&c===Tt&&(e[t]=f.map(parseFloat))}else(null==v?void 0:v.transform)&&(null==c?void 0:c.transform)&&(0===l||0===f)?0===l?i.set(c.transform(l)):e[t]=v.transform(f):(u||(a=function(t){var n=[];return Ui.forEach((function(e){var r=t.getValue(e);void 0!==r&&(n.push([e,r.get()]),r.set(e.startsWith("scale")?1:0))})),n.length&&t.syncRender(),n}(n),u=!0),s.push(t),o[t]=void 0!==o[t]?o[t]:e[t],ji(i,f))}})),s.length){var c=function(t,n,e){var r=n.measureViewportBox(),o=n.getInstance(),i=getComputedStyle(o),a=i.display,u={top:i.top,left:i.left,bottom:i.bottom,right:i.right,transform:i.transform};"none"===a&&n.setStaticValue("display",t.display||"block"),n.syncRender();var s=n.measureViewportBox();return e.forEach((function(e){var o=n.getValue(e);ji(o,Hi[e](r,u)),t[e]=Hi[e](s,i)})),t}(e,n,s);return a.length&&a.forEach((function(e){var r=t.__read(e,2),o=r[0],i=r[1];n.getValue(o).set(i)})),n.syncRender(),{target:c,transitionEnd:o}}return{target:e,transitionEnd:o}};function Yi(t,n,e,r){return function(t){return Object.keys(t).some(ki)}(n)?Ni(t,n,e,r):{target:n,transitionEnd:r}}var Xi=function(n,e,r,o){var i=function(n,e,r){var o,i=t.__rest(e,[]),a=n.getInstance();if(!(a instanceof HTMLElement))return{target:i,transitionEnd:r};for(var u in r&&(r=t.__assign({},r)),n.forEachValue((function(t){var n=t.get();if(Jo(n)){var e=ti(n,a);e&&t.set(e)}})),i){var s=i[u];if(Jo(s)){var c=ti(s,a);c&&(i[u]=c,r&&(null!==(o=r[u])&&void 0!==o||(r[u]=s)))}}return{target:i,transitionEnd:r}}(n,e,o);return Yi(n,e=i.target,r,o=i.transitionEnd)};var zi={treeType:"dom",readValueFromInstance:function(t,n){if(it(n)){var e=mr(n);return e&&e.default||0}var r,o=(r=t,window.getComputedStyle(r));return(ft(n)?o.getPropertyValue(n):o[n])||0},sortNodePosition:function(t,n){return 2&t.compareDocumentPosition(n)?1:-1},getBaseTarget:function(t,n){var e;return null===(e=t.style)||void 0===e?void 0:e[n]},measureViewportBox:function(t,n){return fo(t,n.transformPagePoint)},resetTransform:function(t,n,e){var r=e.transformTemplate;n.style.transform=r?r({},""):"none",t.scheduleRender()},restoreTransform:function(t,n){t.style.transform=n.style.transform},removeValueFromRenderState:function(t,n){var e=n.vars,r=n.style;delete e[t],delete r[t]},makeTargetAnimatable:function(n,e,r,o){var i=r.transformValues;void 0===o&&(o=!0);var a=e.transition,u=e.transitionEnd,s=t.__rest(e,["transition","transitionEnd"]),c=function(t,n,e){var r,o,i={};for(var a in t)i[a]=null!==(r=Br(a,n))&&void 0!==r?r:null===(o=e.getValue(a))||void 0===o?void 0:o.get();return i}(s,a||{},n);if(i&&(u&&(u=i(u)),s&&(s=i(s)),c&&(c=i(c))),o){!function(t,n,e){var r,o,i,a,u=Object.keys(n).filter((function(n){return!t.hasValue(n)})),s=u.length;if(s)for(var c=0;c<s;c++){var l=u[c],f=n[l],v=null;Array.isArray(f)&&(v=f[0]),null===v&&(v=null!==(o=null!==(r=e[l])&&void 0!==r?r:t.readValue(l))&&void 0!==o?o:n[l]),null!=v&&("string"==typeof v&&/^\-?\d*\.?\d+$/.test(v)?v=parseFloat(v):!kr(v)&&Ht.test(f)&&(v=gr(l,f)),t.addValue(l,Vr(v)),null!==(i=(a=e)[l])&&void 0!==i||(a[l]=v),t.setBaseTarget(l,v))}}(n,s,c);var l=Xi(n,s,c,u);u=l.transitionEnd,s=l.target}return t.__assign({transition:a,transitionEnd:u},s)},scrapeMotionValuesFromProps:hn,build:function(t,n,e,r,o,i,a){void 0!==t.isVisible&&(n.style.visibility=t.isVisible?"visible":"hidden");var u=r.isEnabled&&o.isHydrated;Zt(n,e,r,o,i,a.transformTemplate,u?bi:void 0,u?Ai:void 0)},render:pn},Wi=Si(zi),qi=Si(t.__assign(t.__assign({},zi),{getBaseTarget:function(t,n){return t[n]},readValueFromInstance:function(t,n){var e;return it(n)?(null===(e=mr(n))||void 0===e?void 0:e.default)||0:(n=mn.has(n)?n:dn(n),t.getAttribute(n))},scrapeMotionValuesFromProps:yn,build:function(t,n,e,r,o,i,a){var u=r.isEnabled&&o.isHydrated;sn(n,e,r,o,i,a.transformTemplate,u?bi:void 0,u?Ai:void 0)},render:gn})),Zi=function(t,n){return Q(t)?qi(n,{enableHardwareAcceleration:!1}):Wi(n,{enableHardwareAcceleration:!0})},Gi=t.__assign(t.__assign(t.__assign(t.__assign({},qr),rr),Ko),yi),$i=K((function(n,e){return function(n,e,r,o){var i=e.forwardMotionProps,a=void 0!==i&&i,u=Q(n)?Tn:Sn;return t.__assign(t.__assign({},u),{preloadedFeatures:r,useRender:fn(a),createVisualElement:o,Component:n})}(n,e,Gi,Zi)}));exports.PresenceContext=M,exports.SharedLayoutContext=pi,exports.isSharedLayout=gi,exports.motion=$i,exports.useConstant=L,exports.useIsPresent=function(){return D(n.useContext(M))},exports.usePresence=R,exports.useUnmountEffect=Gn;
+//# sourceMappingURL=motion-1db106fa.js.map