@televet/kibble-ui 3.0.9 → 3.0.10-franklin-2

package/build/{modalCloseButton.component-d280a6a1.js.map → modalCloseButton.component-7ec0edf7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalCloseButton.component-d280a6a1.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      className=\"Modal__CloseButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position","className"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAACC,cAAAC,EAAMA,OACLC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNc,UAAU,sBACNb"}
+{"version":3,"file":"modalCloseButton.component-7ec0edf7.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      className=\"Modal__CloseButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position","className"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAACC,cAAAC,EAAMA,OACLC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNc,UAAU,sBACNb"}

package/build/{modalFooter.component-87129be4.js → modalFooter.component-15697294.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.ModalFooter=r=>{var{children:a}=r,s=e.__rest(r,["children"]);return o.default.createElement(t.ModalFooter,Object.assign({pb:6,className:"Modal__Footer"},s),a)};
-//# sourceMappingURL=modalFooter.component-87129be4.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-8092955a.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.ModalFooter=r=>{var{children:a}=r,s=e.__rest(r,["children"]);return o.default.createElement(t.ModalFooter,Object.assign({pb:6,className:"Modal__Footer"},s),a)};
+//# sourceMappingURL=modalFooter.component-15697294.js.map

package/build/{modalFooter.component-87129be4.js.map → modalFooter.component-15697294.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooter.component-87129be4.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} className=\"Modal__Footer\" {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb","className"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,UAAU,iBAAoBT,GAChDD"}
+{"version":3,"file":"modalFooter.component-15697294.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} className=\"Modal__Footer\" {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb","className"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,UAAU,iBAAoBT,GAChDD"}

package/build/{modalFooterButtons.component-177087d1.js → modalFooterButtons.component-c2a7f976.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-modal.esm-2c76cb7b.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({className:"Modal__FooterButtons"},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
-//# sourceMappingURL=modalFooterButtons.component-177087d1.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-modal.esm-8092955a.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({className:"Modal__FooterButtons"},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
+//# sourceMappingURL=modalFooterButtons.component-c2a7f976.js.map

package/build/{modalFooterButtons.component-177087d1.js.map → modalFooterButtons.component-c2a7f976.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooterButtons.component-177087d1.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 | Promise<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 className=\"Modal__FooterButtons\" {...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","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","createElement","CModalFooter","Object","assign","className","pb","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,EAAA,QAAAC,cAACC,cAAYC,OAAAC,OAAA,CAACC,UAAU,wBAA2BT,EAAI,CAAEU,GAAI,IAC3DN,EAAAA,QAAAC,cAACM,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAC,cAAAQ,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAC,cAACW,EAAMA,OAAG,MACVZ,UAAAC,cAACQ,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
+{"version":3,"file":"modalFooterButtons.component-c2a7f976.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 | Promise<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 className=\"Modal__FooterButtons\" {...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","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","createElement","CModalFooter","Object","assign","className","pb","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,EAAA,QAAAC,cAACC,cAAYC,OAAAC,OAAA,CAACC,UAAU,wBAA2BT,EAAI,CAAEU,GAAI,IAC3DN,EAAAA,QAAAC,cAACM,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAC,cAAAQ,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAC,cAACW,EAAMA,OAAG,MACVZ,UAAAC,cAACQ,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}

package/build/{modalHeader.component-5876efa7.js → modalHeader.component-cd4f489b.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-8febedd1.js"),d=require("./chakra-ui-modal.esm-2c76cb7b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r);exports.ModalHeader=r=>{var{size:t="md",children:s}=r,c=e.__rest(r,["size","children"]);return i.default.createElement(d.ModalHeader,Object.assign({className:"Modal__Header",px:6,pt:6,pb:2},c),i.default.createElement(a.WrappedHeading,{size:t},s))};
-//# sourceMappingURL=modalHeader.component-5876efa7.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-8febedd1.js"),d=require("./chakra-ui-modal.esm-8092955a.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r);exports.ModalHeader=r=>{var{size:t="md",children:s}=r,l=e.__rest(r,["size","children"]);return i.default.createElement(d.ModalHeader,Object.assign({className:"Modal__Header",px:6,pt:6,pb:2},l),i.default.createElement(a.WrappedHeading,{size:t},s))};
+//# sourceMappingURL=modalHeader.component-cd4f489b.js.map

package/build/{modalHeader.component-5876efa7.js.map → modalHeader.component-cd4f489b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalHeader.component-5876efa7.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 className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}
+{"version":3,"file":"modalHeader.component-cd4f489b.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 className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}

package/build/patterns/TagBlock/examples/withDelete.stories.d.ts

@@ -3,7 +3,7 @@ import { TagBlockProps } from '../tagBlock.component';
 declare const _default: {
     title: string;
     id: string;
-    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
+    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, titleProps, tagProps, containerProps, groupedTags, }: TagBlockProps) => JSX.Element;
     argTypes: {
         handleDelete: import("@storybook/addons").ArgType<unknown>;
         canBeDeleted: import("@storybook/addons").ArgType<unknown>;

package/build/patterns/TagBlock/examples/withErrorState.stories.d.ts

@@ -3,7 +3,7 @@ import { TagBlockProps } from '../tagBlock.component';
 declare const _default: {
     title: string;
     id: string;
-    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
+    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, titleProps, tagProps, containerProps, groupedTags, }: TagBlockProps) => JSX.Element;
     argTypes: {
         hasError: import("@storybook/addons").ArgType<unknown>;
         errorText: import("@storybook/addons").ArgType<unknown>;

package/build/patterns/TagBlock/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-ad8b829b.js");require("react"),require("../../button.component-b67f5ec7.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-2a44c743.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-96da4f1d.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-4b08b539.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-baf37f0a.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-3b307197.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-59432c69.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-19f7c36e.js");require("react"),require("../../button.component-b67f5ec7.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-2a44c743.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-96da4f1d.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-4b08b539.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-baf37f0a.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-3b307197.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-59432c69.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/patterns/TagBlock/tagBlock.component.d.ts

@@ -1,4 +1,6 @@
-import { MenuButtonProps, MenuListProps, MenuContainerProps } from '../../components';
+import { BoxProps } from 'chakra';
+import * as React from 'react';
+import { MenuButtonProps, MenuContainerProps, MenuListProps, TagProps, TextProps } from '../../components';
 export declare enum TagDisabledState {
     Inactive = "Inactive",
     Deleted = "Deleted"
@@ -6,12 +8,15 @@ export declare enum TagDisabledState {
 export interface TagBlockTag {
     label: string;
     value: string;
+    groupName?: string;
+    leftElement?: React.ReactNode;
 }
 export interface TagBlockProps {
     title?: string;
     menuButtonProps?: MenuButtonProps;
     menuListProps?: MenuListProps;
     menuContainerProps?: MenuContainerProps;
+    titleProps?: TextProps;
     tags: TagBlockTag[];
     canBeDeleted?: boolean;
     onClearAll?: () => void;
@@ -21,5 +26,8 @@ export interface TagBlockProps {
     errorText?: string;
     isLoading?: boolean;
     dataTestId?: string;
+    tagProps?: Omit<TagProps, 'label'>;
+    containerProps?: BoxProps;
+    groupedTags?: boolean;
 }
-export declare const TagBlock: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
+export declare const TagBlock: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, titleProps, tagProps, containerProps, groupedTags, }: TagBlockProps) => JSX.Element;

package/build/patterns/TagBlock/tagBlock.stories.d.ts

@@ -3,7 +3,7 @@ import { TagBlockProps } from './tagBlock.component';
 declare const _default: {
     title: string;
     id: string;
-    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
+    component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, titleProps, tagProps, containerProps, groupedTags, }: TagBlockProps) => JSX.Element;
     argTypes: import("../../shared/types/storybook").KibbleArgTypes<TagBlockProps>;
 };
 export default _default;

package/build/patterns/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-ad6cb8b2.js"),r=require("../conversationCard.component-105a4eb4.js"),i=require("../timestamp.component-16be4ef2.js"),a=require("../tagBlock.component-ad8b829b.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-eeb0d319.js"),require("react"),require("../icon.component-3662253d.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-bf1cf6b8.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-b67f5ec7.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a856f80f.js"),require("../withFormControl-d55cc71b.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-71e352c1.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-04486145.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-789317f3.js"),require("../menuList.component-da25c181.js"),require("../menuItem.component-d26a70c2.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-2a44c743.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-96da4f1d.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-4b08b539.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-baf37f0a.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-3b307197.js"),require("../textarea.component-59432c69.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-ad6cb8b2.js"),r=require("../conversationCard.component-105a4eb4.js"),i=require("../timestamp.component-16be4ef2.js"),s=require("../tagBlock.component-19f7c36e.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-eeb0d319.js"),require("react"),require("../icon.component-3662253d.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-bf1cf6b8.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-b67f5ec7.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a856f80f.js"),require("../withFormControl-d55cc71b.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-71e352c1.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-04486145.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-789317f3.js"),require("../menuList.component-da25c181.js"),require("../menuItem.component-d26a70c2.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-2a44c743.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-96da4f1d.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-4b08b539.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-baf37f0a.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-3b307197.js"),require("../textarea.component-59432c69.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=s.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return s.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/tagBlock.component-19f7c36e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("./button.component-b67f5ec7.js"),a=require("./heading.component-8febedd1.js");require("./icon.component-3662253d.js");var r=require("./text.component-a1231840.js");require("./checkbox.component-a856f80f.js"),require("./checkboxGroup.component-2a44c743.js"),require("./_baseGetTag-7b5fc763.js");var n=require("./menu.component-04486145.js");require("./textInput.component-71e352c1.js"),require("./link.component-96da4f1d.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var o=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-4b08b539.js"),require("./select.component-baf37f0a.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-3b307197.js");var l=require("./tag.component-e5da4b8d.js");require("./textarea.component-59432c69.js"),require("./timePicker.types-eedca939.js");var s=require("./chakra-ui-layout.esm-0601b9a5.js");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var i,u=c(e);exports.TagDisabledState=void 0,(i=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",i.Deleted="Deleted";exports.TagBlock=({title:c,menuButtonProps:i={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:m={isMultiSelect:!0},menuContainerProps:d,tags:p,canBeDeleted:b=!1,onClearAll:g,onRemoveTag:f,handleDelete:x,hasError:j=!1,errorText:T="This field contains an error",isLoading:k=!1,dataTestId:q="tag-block",titleProps:h,tagProps:B,containerProps:v,groupedTags:E})=>{const _=e.useCallback((e=>{f&&f(e,p)}),[f,p]),C=u.useMemo((()=>{if(!E)return[];const e={};for(const t of p){const a=t.groupName||"-";e[a]||(e[a]=[]),e[a].push(t)}return Object.entries(e).map((([e,t])=>({groupName:e,tags:t})))}),[p,E]),N=e.useCallback((e=>e.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return u.createElement(l.Tag,Object.assign({className:"TagBlock__Tag","data-testid":`${q}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>_(e.value),closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md",leftElement:e.leftElement},B||{}))}))),[q,_,B]);return u.createElement(s.Box,Object.assign({className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:j?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},v||{}),u.createElement(s.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${q}-container`,justifyContent:"space-between"},u.createElement(s.HStack,{spacing:1,minH:10},c&&u.createElement(r.WrappedText,Object.assign({className:"TagBlock__Title",mr:2,fontWeight:"bold"},h||{}),c),u.createElement(n.Menu,{buttonProps:i,listProps:m,containerProps:d,dataTestId:`${q}-menu`}),u.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${q}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:g,isDisabled:p.length<=0},"Clear All")),b&&u.createElement(s.Box,null,u.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${q}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:x,justifySelf:"flex-end"}))),Boolean(p.length)&&u.createElement(s.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},E&&C.length?u.createElement(s.Flex,{direction:"column"},C.map((({groupName:e,tags:t})=>u.createElement(s.Box,{key:e,mb:2},u.createElement(s.Box,{textAlign:"left",className:"TagBlock__GroupTitle"},u.createElement(a.WrappedHeading,{size:"xs",pb:2},e)),u.createElement(s.Flex,null,N(t)))))):N(p)),k&&u.createElement(o.Spinner,{isFullScreen:!0}),j&&u.createElement(r.WrappedText,{className:"TagBlock__Error","data-testid":`${q}-error`,mt:2,size:"xs",as:"p",variant:"danger"},T))};
+//# sourceMappingURL=tagBlock.component-19f7c36e.js.map

package/build/tagBlock.component-19f7c36e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagBlock.component-19f7c36e.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import { Box, BoxProps, Flex, HStack } from 'chakra';\nimport * as React from 'react';\nimport { useCallback } from 'react';\nimport {\n  Button,\n  Heading,\n  Menu,\n  MenuButtonProps,\n  MenuContainerProps,\n  MenuListProps,\n  Spinner,\n  Tag,\n  TagProps,\n  Text,\n  TextProps,\n} from '../../components';\n\nexport enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupName?: string;\n  leftElement?: React.ReactNode;\n}\n\nexport interface TagBlockProps {\n  title?: string;\n  menuButtonProps?: MenuButtonProps;\n  menuListProps?: MenuListProps;\n  menuContainerProps?: MenuContainerProps;\n  titleProps?: TextProps;\n  tags: TagBlockTag[];\n  canBeDeleted?: boolean;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  handleDelete?: () => void;\n  hasError?: boolean;\n  errorText?: string;\n  isLoading?: boolean;\n  dataTestId?: string;\n  tagProps?: Omit<TagProps, 'label'>;\n  containerProps?: BoxProps;\n  groupedTags?: boolean;\n}\n\nexport const TagBlock = ({\n  title,\n  menuButtonProps = {\n    size: 'sm',\n    variant: 'secondarySubtle',\n    leftIconName: 'plus',\n    text: 'Add',\n    showRightIcon: false,\n  },\n  menuListProps = {\n    isMultiSelect: true,\n  },\n  menuContainerProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  handleDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  isLoading = false,\n  dataTestId = 'tag-block',\n  titleProps,\n  tagProps,\n  containerProps,\n  groupedTags,\n}: TagBlockProps): JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!groupedTags) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupName || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupName, tags]) => ({ groupName, tags }));\n  }, [tags, groupedTags]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-tag`}\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text.default'}\n            size=\"md\"\n            leftElement={tag.leftElement}\n            {...(tagProps || {})}\n          />\n        );\n      });\n    },\n    [dataTestId, handleRemoveTag, tagProps],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border.default\"\n      {...(containerProps || {})}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid={`${dataTestId}-container`}\n        justifyContent=\"space-between\"\n      >\n        <HStack spacing={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\" {...(titleProps || {})}>\n              {title}\n            </Text>\n          )}\n          <Menu\n            buttonProps={menuButtonProps}\n            listProps={menuListProps}\n            containerProps={menuContainerProps}\n            dataTestId={`${dataTestId}-menu`}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-clear-all-button`}\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            isDisabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid={`${dataTestId}-delete-button`}\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={handleDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {groupedTags && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupName, tags }) => (\n                <Box key={groupName} mb={2}>\n                  <Box textAlign=\"left\" className=\"TagBlock__GroupTitle\">\n                    <Heading size=\"xs\" pb={2}>{groupName}</Heading>\n                  </Box>\n                  <Flex>{renderTags(tags)}</Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {isLoading && <Spinner isFullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","titleProps","tagProps","containerProps","groupedTags","handleRemoveTag","useCallback","value","tagsByGroup","React","useMemo","grouped","tag","group","groupName","push","Object","entries","map","renderTags","isDisabled","label","includes","Inactive","Deleted","createElement","Tag","assign","className","mr","mb","key","onClose","closeButtonDisplay","fontWeight","color","leftElement","Box","position","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","Menu","buttonProps","listProps","Button","iconName","onClick","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","direction","textAlign","Heading","WrappedHeading","Spinner","isFullScreen","as"],"mappings":"41CAiBYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BA8BsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,YACbC,WAAAA,EACAC,SAAAA,EACAC,eAAAA,EACAC,YAAAA,MAEA,MAAMC,EAAkBC,eACrBC,IACKZ,GACFA,EAAYY,EAAOf,KAGvB,CAACG,EAAaH,IAGVgB,EAAcC,EAAMC,SAAQ,KAChC,IAAKN,EACH,MAAO,GAET,MAAMO,EAAU,GAChB,IAAK,MAAMC,KAAOpB,EAAM,CACtB,MAAMqB,EAAQD,EAAIE,WAAa,IAC1BH,EAAQE,KACXF,EAAQE,GAAS,IAEnBF,EAAQE,GAAOE,KAAKH,GAEtB,OAAOI,OAAOC,QAAQN,GAASO,KAAI,EAAEJ,EAAWtB,MAAK,CAAQsB,UAAAA,EAAWtB,KAAAA,QACvE,CAACA,EAAMY,IAEJe,EAAab,eAChBd,GACQA,EAAK0B,KAAKN,IACf,MAAMQ,EACJR,EAAIS,MAAMC,SAASzC,QAAAA,iBAAiB0C,WAAaX,EAAIS,MAAMC,SAASzC,QAAgBA,iBAAC2C,SAEvF,OACEf,EAACgB,cAAAC,EAAAA,IACCV,OAAAW,OAAA,CAAAC,UAAU,gBAAe,cACZ,GAAG5B,QAChB6B,GAAI,EACJC,GAAI,EACJC,IAAKnB,EAAIL,MACTc,MAAOT,EAAIS,MACXW,QAAS,IAAY3B,EAAgBO,EAAIL,OACzC0B,mBAAmB,SACnBC,WAAW,SACXC,MAAOf,EAAa,mBAAqB,eACzCpC,KAAK,KACLoD,YAAaxB,EAAIwB,aACZlC,GAAY,SAKzB,CAACF,EAAYK,EAAiBH,IAGhC,OACEO,EAAAgB,cAACY,EAAAA,IAAGrB,OAAAW,OAAA,CACFC,UAAU,WACVU,SAAS,WACTR,GAAI,EACJS,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAW/C,EAAW,+CAAiD,GACvEgD,OAAO,MACPC,YAAY,kBACP3C,GAAkB,IAEvBM,EAAAgB,cAACsB,OAAI,CACHnB,UAAU,4BAA2B,cACxB,GAAG5B,cAChBgD,eAAe,iBAEfvC,EAACgB,cAAAwB,UAAOC,QAAS,EAAGC,KAAM,IACvBrE,GACC2B,EAAAgB,cAAC2B,EAAAA,YAAIpC,OAAAW,OAAA,CAACC,UAAU,kBAAkBC,GAAI,EAAGK,WAAW,QAAYjC,GAAc,IAC3EnB,GAGL2B,EAAAgB,cAAC4B,EAAIA,KACH,CAAAC,YAAavE,EACbwE,UAAWlE,EACXc,eAAgBZ,EAChBS,WAAY,GAAGA,WAEjBS,EAAAgB,cAAC+B,SAAM,CACL5B,UAAU,6BACG,cAAA,GAAG5B,qBAChBhB,KAAK,KACLyE,SAAS,cACTxE,QAAQ,eACRyE,QAAShE,EACT0B,WAAY5B,EAAKmE,QAAU,iBAK9BlE,GACCgB,EAAAgB,cAACY,EAAAA,IAAG,KACF5B,EAAAgB,cAAC+B,EAAAA,OAAM,CACL5B,UAAU,2BAA0B,cACvB,GAAG5B,kBAChByD,SAAS,WACTxE,QAAQ,eACRyE,QAAS9D,EACTgE,YAAY,eAKnBC,QAAQrE,EAAKmE,SACZlD,EAAAgB,cAACsB,OAAI,CACHnB,UAAU,yBACVkC,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTjB,eAAe,aACfkB,WAAW,cAEV9D,GAAeI,EAAYmD,OAC1BlD,EAAAgB,cAACsB,EAAAA,KAAI,CAACoB,UAAU,UACb3D,EAAYU,KAAI,EAAGJ,UAAAA,EAAWtB,KAAAA,KAC7BiB,EAACgB,cAAAY,OAAIN,IAAKjB,EAAWgB,GAAI,GACvBrB,EAACgB,cAAAY,OAAI+B,UAAU,OAAOxC,UAAU,wBAC9BnB,EAAAgB,cAAC4C,EAAOC,eAAA,CAACtF,KAAK,KAAK+E,GAAI,GAAIjD,IAE7BL,EAACgB,cAAAsB,EAAAA,UAAM5B,EAAW3B,QAKxB2B,EAAW3B,IAIhBO,GAAaU,EAAAgB,cAAC8C,EAAOA,QAAA,CAACC,cAAe,IACrC3E,GACCY,EAACgB,cAAA2B,eAAKxB,UAAU,kBAAiB,cAAc,GAAG5B,UAAoB8D,GAAI,EAAG9E,KAAK,KAAKyF,GAAG,IAAIxF,QAAQ,UACnGa"}

package/build/{useExpandButton-478244d5.js → useExpandButton-9cffadc3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,v=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const f=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?f:b,motionPreset:"slideInBottom","data-testid":x},v),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
-//# sourceMappingURL=useExpandButton-478244d5.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-8092955a.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,v=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const f=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?f:b,motionPreset:"slideInBottom","data-testid":x},v),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
+//# sourceMappingURL=useExpandButton-9cffadc3.js.map

package/build/{useExpandButton-478244d5.js.map → useExpandButton-9cffadc3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useExpandButton-478244d5.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.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';\n\nexport interface ModalProps extends CModalProps {\n  allowEscape?: boolean;\n  isCentered?: boolean;\n  useFullScreenMobile?: boolean;\n  size?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  children: ReactNode;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  isExpanded?: boolean;\n  dataTestId?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  size = 'xl',\n  isExpanded = false,\n  dataTestId = 'modal',\n  ...rest\n}: ModalProps): JSX.Element => {\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: '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 || isExpanded ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      data-testid={dataTestId}\n      {...rest}\n    >\n      <ModalOverlay\n        bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n        style={{ transition: 'background-color 0.7s ease-in-out' }}\n        className=\"Modal__Overlay\"\n        data-testid={`${dataTestId}-overlay`}\n      />\n      <ModalContent\n        backgroundColor=\"background.overlay\"\n        data-testid={`${dataTestId}-content`}\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n        minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n        minW={{ md: isExpanded ? '650px' : '300px' }}\n        maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n        transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n        className=\"Modal__Content\"\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n  isExpanded: boolean;\n  handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  \n  const handleExpandClick = (): void => {\n    setIsExpanded(currentValue => !currentValue);\n  };\n  \n  return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}
+{"version":3,"file":"useExpandButton-9cffadc3.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.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';\n\nexport interface ModalProps extends CModalProps {\n  allowEscape?: boolean;\n  isCentered?: boolean;\n  useFullScreenMobile?: boolean;\n  size?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  children: ReactNode;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  isExpanded?: boolean;\n  dataTestId?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  size = 'xl',\n  isExpanded = false,\n  dataTestId = 'modal',\n  ...rest\n}: ModalProps): JSX.Element => {\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: '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 || isExpanded ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      data-testid={dataTestId}\n      {...rest}\n    >\n      <ModalOverlay\n        bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n        style={{ transition: 'background-color 0.7s ease-in-out' }}\n        className=\"Modal__Overlay\"\n        data-testid={`${dataTestId}-overlay`}\n      />\n      <ModalContent\n        backgroundColor=\"background.overlay\"\n        data-testid={`${dataTestId}-content`}\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n        minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n        minW={{ md: isExpanded ? '650px' : '300px' }}\n        maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n        transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n        className=\"Modal__Content\"\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n  isExpanded: boolean;\n  handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  \n  const handleExpandClick = (): void => {\n    setIsExpanded(currentValue => !currentValue);\n  };\n  \n  return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}

package/build/{useToast-0e0450c5.js → useToast-08a7660e.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-434904f8.js"),o=require("./chakra-ui-theme.esm-23420bf9.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./alert.component-02403f4b.js"),s=require("./useTheme-ee73b181.js"),a=require("react-dom"),u=require("./index-8fecff45.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
-//# sourceMappingURL=useToast-0e0450c5.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-434904f8.js"),o=require("./chakra-ui-theme.esm-23420bf9.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./alert.component-02403f4b.js"),s=require("./useTheme-ee73b181.js"),a=require("react-dom"),u=require("./index-c47ce06b.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
+//# sourceMappingURL=useToast-08a7660e.js.map