@televet/kibble-ui 3.0.15 → 3.0.16

package/build/{popover.component-902fefb6.js → popover.component-de02e042.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-8d58bacd.js"),o=require("./popoverFooter.component-c68647aa.js"),a=require("./text.component-a1231840.js"),s=require("./chakra-ui-popover.esm-d21bf3b5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
-//# sourceMappingURL=popover.component-902fefb6.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-82a4c46d.js"),o=require("./popoverFooter.component-1524205f.js"),a=require("./text.component-a1231840.js"),s=require("./chakra-ui-popover.esm-d21bf3b5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
+//# sourceMappingURL=popover.component-de02e042.js.map

package/build/{popover.component-902fefb6.js.map → popover.component-de02e042.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-902fefb6.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
+{"version":3,"file":"popover.component-de02e042.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}

package/build/{popoverFooter.component-c68647aa.js → popoverFooter.component-1524205f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-15b49687.js"),i=require("./chakra-ui-popover.esm-d21bf3b5.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.PopoverFooter=t=>{var{submitText:a="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:b=!1,hideButtons:m=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!m&&s.default.createElement(n.Flex,{w:"100%"},!b&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),s.default.createElement(n.Spacer,null),s.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},a)))};
-//# sourceMappingURL=popoverFooter.component-c68647aa.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-19a04ce2.js"),i=require("./chakra-ui-popover.esm-d21bf3b5.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.PopoverFooter=t=>{var{submitText:a="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:b=!1,hideButtons:m=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!m&&s.default.createElement(n.Flex,{w:"100%"},!b&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),s.default.createElement(n.Spacer,null),s.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},a)))};
+//# sourceMappingURL=popoverFooter.component-1524205f.js.map

package/build/{popoverFooter.component-c68647aa.js.map → popoverFooter.component-1524205f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-c68647aa.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}
+{"version":3,"file":"popoverFooter.component-1524205f.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}

package/build/{popoverHeader.component-8d58bacd.js → popoverHeader.component-82a4c46d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-8febedd1.js"),r=require("./button.component-15b49687.js"),n=require("./chakra-ui-popover.esm-d21bf3b5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:d,hideCloseButton:l=!1,isOnContrast:u=!0,onClose:c}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:b}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:d||"inherit"},a),!l&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:u,onClick:c||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
-//# sourceMappingURL=popoverHeader.component-8d58bacd.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-8febedd1.js"),r=require("./button.component-19a04ce2.js"),n=require("./chakra-ui-popover.esm-d21bf3b5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:d,hideCloseButton:l=!1,isOnContrast:u=!0,onClose:c}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:b}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:d||"inherit"},a),!l&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:u,onClick:c||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
+//# sourceMappingURL=popoverHeader.component-82a4c46d.js.map

package/build/{popoverHeader.component-8d58bacd.js.map → popoverHeader.component-82a4c46d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverHeader.component-8d58bacd.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}
+{"version":3,"file":"popoverHeader.component-82a4c46d.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}

package/build/{radioGroup.component-32f61d36.js → radioGroup.component-501c1409.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-a4a73b4d.js"),a=require("./radio.component-1c03819e.js"),t=require("./chakra-ui-radio.esm-bd0e90ff.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:u,isFieldInline:c,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(t.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:u,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(a.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const u=r.withFormControl(d);exports.WrappedRadioGroup=u;
-//# sourceMappingURL=radioGroup.component-32f61d36.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-ba1efcf6.js"),a=require("./radio.component-1c03819e.js"),t=require("./chakra-ui-radio.esm-bd0e90ff.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:c,isFieldInline:u,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(t.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:c,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(a.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const c=r.withFormControl(d);exports.WrappedRadioGroup=c;
+//# sourceMappingURL=radioGroup.component-501c1409.js.map

package/build/{radioGroup.component-32f61d36.js.map → radioGroup.component-501c1409.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-32f61d36.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}
+{"version":3,"file":"radioGroup.component-501c1409.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}

package/build/{select.component-455fdcbd.js → select.component-b314af8c.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-34ab3f3f.js"),a=require("./withFormControl-a4a73b4d.js"),l=require("./menu.context-66211f5a.js"),r=require("./menuList.component-1f658cfe.js"),s=require("./text.component-a1231840.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./icon.component-8d0ca544.js"),c=require("./chakra-ui-select.esm-e7128fb0.js"),u=require("./chakra-ui-menu.esm-bb35ab5f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,a=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},a))},p=t=>{var{selectedOption:n,defaultLeftElement:a,shouldTruncateText:l=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):a?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},a):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:l,variant:n.variant||"default"},n.label):n.label)},x=a=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:b,maxW:h="100%",isOnContrast:j,emptyStateText:S,containerProps:E,selectedOptionContainerProps:O,renderCustomSelectedOption:g}=a,T=e.__rest(a,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption"]);const C=j?"onContrast":"default",_=t.useRef(null),y=t.useMemo((()=>({label:x,value:"",variant:j?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,j]),[q,L]=t.useState([]),M=t.useMemo((()=>{const e=q.find((e=>e.isSelected));return e||y}),[q,y]),P=t.useCallback((e=>{if(!q)return;const t=q.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));L(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[q,i]),W=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===b})));setTimeout((()=>{L([...e,y])}),250)}),[d,y,b]),m.default.createElement(l.MenuProvider,{menuItems:q},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},E),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:C,maxW:h,size:v},W,T),g?g(M):m.default.createElement(p,Object.assign({selectedOption:M,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},O))),m.default.createElement(f,Object.assign({},i,{onSelect:P,options:q,maxW:F||h,emptyStateText:S}))))};x.displayName="Select";const v=a.withFormControl(x);exports.WrappedSelect=v;
-//# sourceMappingURL=select.component-455fdcbd.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-34ab3f3f.js"),a=require("./withFormControl-ba1efcf6.js"),l=require("./menu.context-66211f5a.js"),r=require("./menuList.component-f7a7ecf2.js"),s=require("./text.component-a1231840.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./icon.component-a5eb83e4.js"),c=require("./chakra-ui-select.esm-e7128fb0.js"),u=require("./chakra-ui-menu.esm-bb35ab5f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,a=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},a))},p=t=>{var{selectedOption:n,defaultLeftElement:a,shouldTruncateText:l=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):a?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},a):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:l,variant:n.variant||"default"},n.label):n.label)},x=a=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:b,maxW:h="100%",isOnContrast:j,emptyStateText:S,containerProps:E,selectedOptionContainerProps:O,renderCustomSelectedOption:g}=a,T=e.__rest(a,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption"]);const C=j?"onContrast":"default",_=t.useRef(null),y=t.useMemo((()=>({label:x,value:"",variant:j?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,j]),[q,L]=t.useState([]),M=t.useMemo((()=>{const e=q.find((e=>e.isSelected));return e||y}),[q,y]),P=t.useCallback((e=>{if(!q)return;const t=q.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));L(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[q,i]),W=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===b})));setTimeout((()=>{L([...e,y])}),250)}),[d,y,b]),m.default.createElement(l.MenuProvider,{menuItems:q},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},E),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:C,maxW:h,size:v},W,T),g?g(M):m.default.createElement(p,Object.assign({selectedOption:M,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},O))),m.default.createElement(f,Object.assign({},i,{onSelect:P,options:q,maxW:F||h,emptyStateText:S}))))};x.displayName="Select";const v=a.withFormControl(x);exports.WrappedSelect=v;
+//# sourceMappingURL=select.component-b314af8c.js.map

package/build/{select.component-455fdcbd.js.map → select.component-b314af8c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-455fdcbd.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n  ...rest\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n      {...rest}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  containerProps?: MenuContainerProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n  selectedOptionContainerProps?: FlexProps;\n  renderCustomSelectedOption?: (props: SelectOptionProps) => JSX.Element;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  containerProps,\n  selectedOptionContainerProps,\n  renderCustomSelectedOption,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    // A timeout is used in MenuProvider->handleOnClose to modify `filteredMenuItems` with a delay of 200 ms.\n    // This was introduced to prevent a jumpy menu effect during closure.\n    // Internally, selecting a menu item triggers updates to `menuItems`.\n    // However, for this component, we rely on `setAllOptions` as the main source of truth.\n    // The additional timeout ensures that the menu items update correctly without conflicts,\n    // addressing an issue where the options wouldn't reflect the latest changes.\n    setTimeout(() => {\n      setAllOptions([...mappedOptions, placeholderOption]);\n    }, 250);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n        <CSelect\n          icon={\n            <Icon\n              name=\"chevronDown\"\n              size={size as IconSize}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            />\n          }\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          size={size}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          {renderCustomSelectedOption ? (\n            renderCustomSelectedOption(selectedOption)\n          ) : (\n            <SelectContainer\n              selectedOption={selectedOption}\n              defaultLeftElement={defaultLeftElement}\n              shouldTruncateText={listProps?.shouldTruncateText}\n              {...selectedOptionContainerProps}\n            />\n          )}\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","setTimeout","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
+{"version":3,"file":"select.component-b314af8c.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n  ...rest\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n      {...rest}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  containerProps?: MenuContainerProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n  selectedOptionContainerProps?: FlexProps;\n  renderCustomSelectedOption?: (props: SelectOptionProps) => JSX.Element;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  containerProps,\n  selectedOptionContainerProps,\n  renderCustomSelectedOption,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    // A timeout is used in MenuProvider->handleOnClose to modify `filteredMenuItems` with a delay of 200 ms.\n    // This was introduced to prevent a jumpy menu effect during closure.\n    // Internally, selecting a menu item triggers updates to `menuItems`.\n    // However, for this component, we rely on `setAllOptions` as the main source of truth.\n    // The additional timeout ensures that the menu items update correctly without conflicts,\n    // addressing an issue where the options wouldn't reflect the latest changes.\n    setTimeout(() => {\n      setAllOptions([...mappedOptions, placeholderOption]);\n    }, 250);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n        <CSelect\n          icon={\n            <Icon\n              name=\"chevronDown\"\n              size={size as IconSize}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            />\n          }\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          size={size}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          {renderCustomSelectedOption ? (\n            renderCustomSelectedOption(selectedOption)\n          ) : (\n            <SelectContainer\n              selectedOption={selectedOption}\n              defaultLeftElement={defaultLeftElement}\n              shouldTruncateText={listProps?.shouldTruncateText}\n              {...selectedOptionContainerProps}\n            />\n          )}\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","setTimeout","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/{styledAvatar.types-2540b39f.js → styledAvatar.types-b9f5ae1f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./avatar.component-dd61be1f.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(require("react"));exports.StyledAvatar=a=>{var{type:n="Client",isGrouped:r,index:i}=a,l=e.__rest(a,["type","isGrouped","index"]);const{size:s,name:d,tooltipText:c,handleClick:u}=l,p="lg"===s||"md"===s?-2:-1,m={variant:"outlineYellow",tooltipText:c||`${d} (Test Client)`},v={iconName:"cellphone",tooltipText:c||`Text messages sent from ${d||"unknown number"}`},C={variant:"outlineAccent",name:d||"Sys"};return o.default.createElement(t.Avatar,Object.assign({"data-testid":`${n}-styled-avatar`,className:"StyledAvatar",tooltipPlacement:"top",handleClick:e=>{e.stopPropagation(),u&&u(e)}},l,r&&{marginInlineStart:0===i?0:p},"TestClient"===n?m:{},"SMS"===n?v:{},"Automated"===n?{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.onContrast",size:"sm",showTooltip:!1}:{},"Clinic"===n?C:{}))},exports.styledAvatarTypes=["Client","SMS","TestClient","Automated","Clinic"];
-//# sourceMappingURL=styledAvatar.types-2540b39f.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("./avatar.component-97b5c7b6.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=a(require("react"));exports.StyledAvatar=a=>{var{type:n="Client",isGrouped:r,index:i}=a,l=t.__rest(a,["type","isGrouped","index"]);const{size:s,name:d,tooltipText:c,handleClick:u}=l,p="lg"===s||"md"===s?-2:-1,m={variant:"outlineYellow",tooltipText:c||`${d} (Test Client)`},v={iconName:"cellphone",tooltipText:c||`Text messages sent from ${d||"unknown number"}`},C={variant:"outlineAccent",name:d||"Sys"};return o.default.createElement(e.Avatar,Object.assign({"data-testid":`${n}-styled-avatar`,className:"StyledAvatar",tooltipPlacement:"top",handleClick:t=>{t.stopPropagation(),u&&u(t)}},l,r&&{marginInlineStart:0===i?0:p},"TestClient"===n?m:{},"SMS"===n?v:{},"Automated"===n?{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.onContrast",size:"sm",showTooltip:!1}:{},"Clinic"===n?C:{}))},exports.styledAvatarTypes=["Client","SMS","TestClient","Automated","Clinic"];
+//# sourceMappingURL=styledAvatar.types-b9f5ae1f.js.map

package/build/{styledAvatar.types-2540b39f.js.map → styledAvatar.types-b9f5ae1f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styledAvatar.types-2540b39f.js","sources":["../src/patterns/StyledAvatar/styledAvatar.component.tsx","../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import { Avatar, AvatarProps } from 'components/Avatar';\nimport React from 'react';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface BaseStyledAvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport interface DefaultStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped?: false;\n  index?: never;\n}\n\nexport interface GroupedStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped: boolean;\n  index: number;\n}\n\nexport type KStyledAvatarProps = DefaultStyledAvatarProps | GroupedStyledAvatarProps;\n\nexport type StyledAvatarProps = KStyledAvatarProps & AvatarProps;\n\nexport const StyledAvatar = ({ type = 'Client', isGrouped, index, ...rest }: StyledAvatarProps): JSX.Element => {\n  const { size, name, tooltipText, handleClick } = rest;\n  const groupedStyledAvatarSpacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineYellow',\n    tooltipText: tooltipText || `${name} (Test Client)`,\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: 'cellphone',\n    tooltipText: tooltipText || `Text messages sent from ${name || 'unknown number'}`,\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: 'robot',\n    backgroundColor: 'background.primary',\n    hideBorder: true,\n    color: 'text.onContrast',\n    size: 'sm',\n    showTooltip: false,\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineAccent',\n    name: name || 'Sys',\n  };\n\n  return (\n    <Avatar\n      data-testid={`${type}-styled-avatar`}\n      className=\"StyledAvatar\"\n      tooltipPlacement=\"top\"\n      handleClick={(e): void => {\n        e.stopPropagation();\n        if (handleClick) {\n          handleClick(e);\n        }\n      }}\n      {...rest}\n      {...(isGrouped && { marginInlineStart: index === 0 ? 0 : groupedStyledAvatarSpacing })}\n      {...(type === 'TestClient' ? testClientStyleProps : {})}\n      {...(type === 'SMS' ? smsStyleProps : {})}\n      {...(type === 'Automated' ? automatedStyleProps : {})}\n      {...(type === 'Clinic' ? clinicStyleProps : {})}\n    />\n  );\n};\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic'] as const;\n\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["_a","type","isGrouped","index","rest","__rest","size","name","tooltipText","handleClick","groupedStyledAvatarSpacing","testClientStyleProps","variant","smsStyleProps","iconName","clinicStyleProps","React","Avatar","Object","assign","className","tooltipPlacement","e","stopPropagation","marginInlineStart","backgroundColor","hideBorder","color","showTooltip"],"mappings":"yNAsB6BA,IAAA,IAAAC,KAAEA,EAAO,SAAQC,UAAEA,EAASC,MAAEA,GAAKH,EAAKI,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,OAAA,YAAA,UAC3B,MAAMM,KAAEA,EAAIC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,GAAgBL,EAC3CM,EAAsC,OAATJ,GAA0B,OAATA,GAAiB,GAAK,EAEpEK,EAA6C,CACjDC,QAAS,gBACTJ,YAAaA,GAAe,GAAGD,mBAG3BM,EAAsC,CAC1CC,SAAU,YACVN,YAAaA,GAAe,2BAA2BD,GAAQ,oBAY3DQ,EAAyC,CAC7CH,QAAS,gBACTL,KAAMA,GAAQ,OAGhB,OACES,EAAAA,sBAACC,EAAMA,OAAAC,OAAAC,OAAA,CAAA,cACQ,GAAGlB,kBAChBmB,UAAU,eACVC,iBAAiB,MACjBZ,YAAca,IACZA,EAAEC,kBACEd,GACFA,EAAYa,KAGZlB,EACCF,GAAa,CAAEsB,kBAA6B,IAAVrB,EAAc,EAAIO,GAC3C,eAATT,EAAwBU,EAAuB,GACtC,QAATV,EAAiBY,EAAgB,GACxB,cAATZ,EA7ByC,CAChDa,SAAU,QACVW,gBAAiB,qBACjBC,YAAY,EACZC,MAAO,kBACPrB,KAAM,KACNsB,aAAa,GAuBuC,GACpC,WAAT3B,EAAoBc,EAAmB,gCClEjB,CAAC,SAAU,MAAO,aAAc,YAAa"}
+{"version":3,"file":"styledAvatar.types-b9f5ae1f.js","sources":["../src/patterns/StyledAvatar/styledAvatar.component.tsx","../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import { Avatar, AvatarProps } from 'components/Avatar';\nimport React from 'react';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface BaseStyledAvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport interface DefaultStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped?: false;\n  index?: never;\n}\n\nexport interface GroupedStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped: boolean;\n  index: number;\n}\n\nexport type KStyledAvatarProps = DefaultStyledAvatarProps | GroupedStyledAvatarProps;\n\nexport type StyledAvatarProps = KStyledAvatarProps & AvatarProps;\n\nexport const StyledAvatar = ({ type = 'Client', isGrouped, index, ...rest }: StyledAvatarProps): JSX.Element => {\n  const { size, name, tooltipText, handleClick } = rest;\n  const groupedStyledAvatarSpacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineYellow',\n    tooltipText: tooltipText || `${name} (Test Client)`,\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: 'cellphone',\n    tooltipText: tooltipText || `Text messages sent from ${name || 'unknown number'}`,\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: 'robot',\n    backgroundColor: 'background.primary',\n    hideBorder: true,\n    color: 'text.onContrast',\n    size: 'sm',\n    showTooltip: false,\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineAccent',\n    name: name || 'Sys',\n  };\n\n  return (\n    <Avatar\n      data-testid={`${type}-styled-avatar`}\n      className=\"StyledAvatar\"\n      tooltipPlacement=\"top\"\n      handleClick={(e): void => {\n        e.stopPropagation();\n        if (handleClick) {\n          handleClick(e);\n        }\n      }}\n      {...rest}\n      {...(isGrouped && { marginInlineStart: index === 0 ? 0 : groupedStyledAvatarSpacing })}\n      {...(type === 'TestClient' ? testClientStyleProps : {})}\n      {...(type === 'SMS' ? smsStyleProps : {})}\n      {...(type === 'Automated' ? automatedStyleProps : {})}\n      {...(type === 'Clinic' ? clinicStyleProps : {})}\n    />\n  );\n};\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic'] as const;\n\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["_a","type","isGrouped","index","rest","__rest","size","name","tooltipText","handleClick","groupedStyledAvatarSpacing","testClientStyleProps","variant","smsStyleProps","iconName","clinicStyleProps","React","Avatar","Object","assign","className","tooltipPlacement","e","stopPropagation","marginInlineStart","backgroundColor","hideBorder","color","showTooltip"],"mappings":"yNAsB6BA,IAAA,IAAAC,KAAEA,EAAO,SAAQC,UAAEA,EAASC,MAAEA,GAAKH,EAAKI,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,OAAA,YAAA,UAC3B,MAAMM,KAAEA,EAAIC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,GAAgBL,EAC3CM,EAAsC,OAATJ,GAA0B,OAATA,GAAiB,GAAK,EAEpEK,EAA6C,CACjDC,QAAS,gBACTJ,YAAaA,GAAe,GAAGD,mBAG3BM,EAAsC,CAC1CC,SAAU,YACVN,YAAaA,GAAe,2BAA2BD,GAAQ,oBAY3DQ,EAAyC,CAC7CH,QAAS,gBACTL,KAAMA,GAAQ,OAGhB,OACES,EAAAA,sBAACC,EAAMA,OAAAC,OAAAC,OAAA,CAAA,cACQ,GAAGlB,kBAChBmB,UAAU,eACVC,iBAAiB,MACjBZ,YAAca,IACZA,EAAEC,kBACEd,GACFA,EAAYa,KAGZlB,EACCF,GAAa,CAAEsB,kBAA6B,IAAVrB,EAAc,EAAIO,GAC3C,eAATT,EAAwBU,EAAuB,GACtC,QAATV,EAAiBY,EAAgB,GACxB,cAATZ,EA7ByC,CAChDa,SAAU,QACVW,gBAAiB,qBACjBC,YAAY,EACZC,MAAO,kBACPrB,KAAM,KACNsB,aAAa,GAuBuC,GACpC,WAAT3B,EAAoBc,EAAmB,gCClEjB,CAAC,SAAU,MAAO,aAAc,YAAa"}

package/build/{switch.component-b10c0f86.js → switch.component-89a8440f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-a4a73b4d.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),n=require("./chakra-ui-system.esm-434904f8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=s(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),s=i.spacing,o=void 0===s?"0.5rem":s,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=c.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=c.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=c.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return c.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),c.createElement("input",l({className:"chakra-switch__input"},p({},t))),c.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),c.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&c.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:s}=r,c=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?s?"indeterminateOnContrast":"indeterminate":s?"onContrast":"default"),[n,s]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},c))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
-//# sourceMappingURL=switch.component-b10c0f86.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-ba1efcf6.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),n=require("./chakra-ui-system.esm-434904f8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
+//# sourceMappingURL=switch.component-89a8440f.js.map

package/build/{switch.component-b10c0f86.js.map → switch.component-89a8440f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-b10c0f86.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
+{"version":3,"file":"switch.component-89a8440f.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}

package/build/tab.component-9cfb5ed4.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-42ce2a31.js"),i=require("./icon.component-a5eb83e4.js"),n=require("react"),a=require("./notificationCounter.types-e0bf8950.js"),o=require("./heading.component-8febedd1.js"),r=require("./chakra-ui-tabs.esm-91de32e1.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(n);const m={xs:"sm",sm:"md",md:"md",lg:"lg"},d={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:u,label:f,showNotificationCounter:l=!1,notificationCount:b=0,notificationCounterVariant:C=a.NotificationCounterVariant.Red,size:j="md"}=n,p=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(r.Tab,Object.assign({},p),!!u&&c.default.createElement(s.Box,{pr:2},c.default.createElement(i.Icon,{name:u,size:j})),c.default.createElement(o.WrappedHeading,{size:d[j]},f),l&&c.default.createElement(t.NotificationCounter,{count:b,variant:C,size:m[j],ml:2}))};
+//# sourceMappingURL=tab.component-9cfb5ed4.js.map

package/build/{tab.component-f7a80e92.js.map → tab.component-9cfb5ed4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab.component-f7a80e92.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
+{"version":3,"file":"tab.component-9cfb5ed4.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}

package/build/tabs.component-a1e8349f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-9cfb5ed4.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=r(t);exports.Tabs=t=>{var{size:r="md",tabList:i,tabPanels:n,tabPanelsStyle:l,tabListProps:c}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return b.default.createElement(s.Tabs,Object.assign({},u,{size:r}),b.default.createElement(s.TabList,Object.assign({},c&&c),i.map(((e,t)=>b.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&b.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
+//# sourceMappingURL=tabs.component-a1e8349f.js.map

package/build/{tabs.component-84713165.js.map → tabs.component-a1e8349f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-84713165.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n  tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n  size = 'md',\n  tabList,\n  tabPanels,\n  tabPanelsStyle,\n  tabListProps,\n  ...rest\n}: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList {...(tabListProps && tabListProps)}>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}
+{"version":3,"file":"tabs.component-a1e8349f.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n  tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n  size = 'md',\n  tabList,\n  tabPanels,\n  tabPanelsStyle,\n  tabListProps,\n  ...rest\n}: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList {...(tabListProps && tabListProps)}>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}

package/build/{tabsLayout.component-f43fa494.js → tabsLayout.component-6e160fb4.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./tabs.component-84713165.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
-//# sourceMappingURL=tabsLayout.component-f43fa494.js.map
+"use strict";var e=require("react"),t=require("./tabs.component-a1e8349f.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
+//# sourceMappingURL=tabsLayout.component-6e160fb4.js.map

package/build/{tabsLayout.component-f43fa494.js.map → tabsLayout.component-6e160fb4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabsLayout.component-f43fa494.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
+{"version":3,"file":"tabsLayout.component-6e160fb4.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}

package/build/{tagBlock.component-eeb67b0e.js → tagBlock.component-22284a12.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./button.component-15b49687.js"),a=require("./heading.component-8febedd1.js");require("./icon.component-8d0ca544.js");var r=require("./text.component-a1231840.js");require("./checkbox.component-ca33f17c.js"),require("./checkboxGroup.component-7a918704.js"),require("./_baseGetTag-7b5fc763.js");var n=require("./menu.component-6addfd4a.js");require("./textInput.component-daebc8ef.js"),require("./link.component-a45bd0f4.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var o=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-e0bf8950.js"),require("./radioGroup.component-32f61d36.js"),require("./select.component-455fdcbd.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-b10c0f86.js");var l=require("./tag.component-e5da4b8d.js");require("./textarea.component-4975fe4e.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:d={isMultiSelect:!0},menuContainerProps:m,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",displayTagsInGroups:h})=>{const v=e.useCallback((e=>{f&&f(e,p)}),[f,p]),B=u.useMemo((()=>{if(!h)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,h]),E=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,{className:"TagBlock__Tag","data-testid":`${q}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>v(e.value),closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),[q,v]);return u.createElement(s.Box,{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",overflow:k?"hidden":void 0},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,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},c),u.createElement(n.Menu,{buttonProps:i,listProps:d,containerProps:m,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"},h&&B.length?u.createElement(s.Flex,{direction:"column"},B.map((({groupName:e,tags:t})=>u.createElement(s.Box,{key:e,mb:2},u.createElement(s.Box,{className:"TagBlock__GroupTitle"},u.createElement(a.WrappedHeading,{size:"xs",pb:2},e)),u.createElement(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},E(t)))))):E(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-eeb67b0e.js.map
+"use strict";var e=require("react"),t=require("./button.component-19a04ce2.js"),a=require("./heading.component-8febedd1.js");require("./icon.component-a5eb83e4.js");var r=require("./text.component-a1231840.js");require("./checkbox.component-7f9167f3.js"),require("./checkboxGroup.component-837fa80d.js"),require("./_baseGetTag-7b5fc763.js");var n=require("./menu.component-ed545966.js");require("./textInput.component-c07b505a.js"),require("./link.component-b50ea088.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var o=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-e0bf8950.js"),require("./radioGroup.component-501c1409.js"),require("./select.component-b314af8c.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-89a8440f.js");var l=require("./tag.component-e5da4b8d.js");require("./textarea.component-004d476d.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",displayTagsInGroups:h})=>{const v=e.useCallback((e=>{f&&f(e,p)}),[f,p]),B=u.useMemo((()=>{if(!h)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,h]),E=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,{className:"TagBlock__Tag","data-testid":`${q}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>v(e.value),closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),[q,v]);return u.createElement(s.Box,{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",overflow:k?"hidden":void 0},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,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},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"},h&&B.length?u.createElement(s.Flex,{direction:"column"},B.map((({groupName:e,tags:t})=>u.createElement(s.Box,{key:e,mb:2},u.createElement(s.Box,{className:"TagBlock__GroupTitle"},u.createElement(a.WrappedHeading,{size:"xs",pb:2},e)),u.createElement(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},E(t)))))):E(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-22284a12.js.map

package/build/{tagBlock.component-eeb67b0e.js.map → tagBlock.component-22284a12.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-eeb67b0e.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import { Box, 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  Text,\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}\n\nexport interface TagBlockProps {\n  title?: string;\n  menuButtonProps?: MenuButtonProps;\n  menuListProps?: MenuListProps;\n  menuContainerProps?: MenuContainerProps;\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  displayTagsInGroups?: 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  displayTagsInGroups,\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 (!displayTagsInGroups) {\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, displayTagsInGroups]);\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          />\n        );\n      });\n    },\n    [dataTestId, handleRemoveTag],\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      overflow={isLoading ? 'hidden' : undefined}\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\">\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          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupName, tags }) => (\n                <Box key={groupName} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupName}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </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","displayTagsInGroups","handleRemoveTag","useCallback","value","tagsByGroup","React","useMemo","grouped","tag","group","groupName","push","Object","entries","map","renderTags","isDisabled","label","includes","Inactive","Deleted","createElement","Tag","className","mr","mb","key","onClose","closeButtonDisplay","fontWeight","color","Box","position","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","overflow","undefined","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","direction","Heading","WrappedHeading","Spinner","isFullScreen","as"],"mappings":"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"}
+{"version":3,"file":"tagBlock.component-22284a12.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import { Box, 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  Text,\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}\n\nexport interface TagBlockProps {\n  title?: string;\n  menuButtonProps?: MenuButtonProps;\n  menuListProps?: MenuListProps;\n  menuContainerProps?: MenuContainerProps;\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  displayTagsInGroups?: 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  displayTagsInGroups,\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 (!displayTagsInGroups) {\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, displayTagsInGroups]);\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          />\n        );\n      });\n    },\n    [dataTestId, handleRemoveTag],\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      overflow={isLoading ? 'hidden' : undefined}\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\">\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          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupName, tags }) => (\n                <Box key={groupName} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupName}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </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","displayTagsInGroups","handleRemoveTag","useCallback","value","tagsByGroup","React","useMemo","grouped","tag","group","groupName","push","Object","entries","map","renderTags","isDisabled","label","includes","Inactive","Deleted","createElement","Tag","className","mr","mb","key","onClose","closeButtonDisplay","fontWeight","color","Box","position","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","overflow","undefined","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","direction","Heading","WrappedHeading","Spinner","isFullScreen","as"],"mappings":"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"}

package/build/{textInput.component-daebc8ef.js → textInput.component-c07b505a.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-a4a73b4d.js"),n=require("./text.component-a1231840.js"),r=require("./button.component-15b49687.js"),l=require("./chakra-ui-input.esm-de5d4e45.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},m=a.withFormControl((a=>{var{isClearable:s=!1,size:m="md",leftElement:c,rightElement:d,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:b}=a,g=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let v=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(d=u.default.createElement(r.Button,{size:o[m],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:m},c&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:c,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:v},g,{ref:p,value:h})),d&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:d})),!!b&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>b?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",b)))})),c=t.forwardRef(((e,t)=>u.default.createElement(m,Object.assign({inputRef:t},e))));c.displayName="TextInput",exports.WrappedTextInput=c;
-//# sourceMappingURL=textInput.component-daebc8ef.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-ba1efcf6.js"),n=require("./text.component-a1231840.js"),r=require("./button.component-19a04ce2.js"),l=require("./chakra-ui-input.esm-de5d4e45.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:m,rightElement:d,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:b}=a,g=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let v=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(d=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},m&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:m,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:v},g,{ref:p,value:h})),d&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:d})),!!b&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>b?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",b)))})),m=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));m.displayName="TextInput",exports.WrappedTextInput=m;
+//# sourceMappingURL=textInput.component-c07b505a.js.map

package/build/{textInput.component-daebc8ef.js.map → textInput.component-c07b505a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-daebc8ef.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}
+{"version":3,"file":"textInput.component-c07b505a.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}

package/build/{textarea.component-4975fe4e.js → textarea.component-004d476d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-a4a73b4d.js"),a=require("./chakra-ui-textarea.esm-d82076ec.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const d=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:d},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
-//# sourceMappingURL=textarea.component-4975fe4e.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-ba1efcf6.js"),a=require("./chakra-ui-textarea.esm-d82076ec.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const f=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:f},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
+//# sourceMappingURL=textarea.component-004d476d.js.map

package/build/{textarea.component-4975fe4e.js.map → textarea.component-004d476d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-4975fe4e.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}
+{"version":3,"file":"textarea.component-004d476d.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}