@televet/kibble-ui 1.20.21-beta.cs48 → 1.20.21-beta.cs49

package/build/alert.component-f3001c8d.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.component-f3001c8d.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { Button, ButtonProps } from 'components/Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant=\"secondary\" {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from 'components/Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n","import { IconColor, IconName } from 'components/Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n  const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from 'components/Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/layout';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/layout';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from 'components/Icon/icon.component';\nimport { Status } from './alert.types';\nimport { Box, VStack } from '@chakra-ui/layout';\nimport { TextProps } from 'components/Text/text.component';\nimport { HeadingProps } from 'components/Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  iconProps,\n  onClose,\n  hideCloseButton = false,\n  hideIcon = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={alertVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"wdAUaA,EAAc,SAACC,GACsCA,EAAWC,eAAvDC,EAA4CF,EAA9BE,eAAEC,EAA4BH,iBAATI,WAASJ,EAA1D,CAAuD,aAAA,iBAAA,mBAC7D,OACEK,EAAAA,QAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,gBACVC,GAAuB,eAAnBP,GAAoCC,EAAqB,EAAJ,EACzDO,GAAuB,eAAnBR,EAAkC,GAAM,GAE5CG,EAAAA,QAAAC,cAACK,EAAAA,OAAOC,EAAAA,SAAA,CAAAC,KAAK,KAAKC,QAAQ,aAAgBV,GACvCJ,EAAYC,cCXRc,EAAmB,SAACC,GACvB,IAAAC,EAAYD,EAAKC,QACzB,OACEZ,EAAC,QAAAC,cAAAC,EAAGA,IAAC,CAAAC,UAAU,sBACbH,EAAAA,QAACC,cAAAK,EAAAA,QAAOG,QAAQ,eAAeI,SAAS,QAAQL,KAAK,KAAKM,QAASF,MCJ5DG,EAAa,SAACJ,GACjB,IAAAK,EAAsBL,EAAKK,MAApBC,EAAeN,EAAKM,WACnC,OACEjB,EAAA,QAAAC,cAACiB,UAAOX,EAAAA,SAAA,CAACJ,UAAU,eAAegB,SAAU,EAAGC,WAAW,UAAUC,WAAY,EAAGb,KAAK,MAASS,GAC9FD,ICTMM,EAAgD,CAC3DC,KAAM,OACNC,QAAS,UACTC,QAAS,UACTC,MAAO,SAGIC,EAA+C,CAC1DJ,KAAM,WACNC,QAAS,cACTC,QAAS,cACTC,MAAO,aAGIE,EAA+C,CAC1DL,KAAM,SACNC,QAAS,UACTE,MAAO,QACPD,QAAS,WAGEI,EAA4C,CACvDH,MAAO,cACPD,QAAS,cACTD,QAAS,YACTD,KAAM,sBChBKO,EAAY,SAACnB,GAChB,IAAAoB,EAAsBpB,EAAKoB,UAAhBC,EAAWrB,EAAKqB,OAC7BC,EAAYC,EAAAA,kBAAkBN,EAAkBI,GAAS,gBAE/D,OACEhC,EAAAA,QAACC,cAAAC,EAAGA,IAAC,CAAAC,UAAU,cAAcgC,KAAK,QAChCnC,EAAAA,QAAAC,cAACmC,OAAI7B,EAAAA,SAAA,CAAC8B,MAAOJ,EAAWzB,KAAK,MAASuB,EAAS,CAAEO,MAAMP,MAAAA,OAAS,EAATA,EAAWO,OAAQT,EAAgBG,QCVnFO,EAAmB,SAAC5B,GACvB,IAAA6B,EAAkC7B,EAAK6B,YAA1BC,EAAqB9B,EAAK8B,iBAC/C,OACEzC,EAAAA,sBAAC0C,EAAAA,KAAInC,EAAAA,SAAA,CAACJ,UAAU,qBAAqBwC,GAAG,IAAInC,KAAK,MAASiC,GACvDD,ICHMI,EAAY,SAACjC,GAChB,IAAAkC,EAAwClC,EAAKkC,SAAnCC,EAA8BnC,EAAKmC,SAAzBC,EAAoBpC,kBAChD,OACEX,wBAACgD,EAAMA,OAAA,CACL7C,UAAU,cACV8C,QAAQ,aACRC,MAAM,aACNC,EAAE,OACFC,GAAKN,EAAoB,GAAT,OAChBO,GAAKN,EAA2B,GAAT,QAEtBF,ICbMS,EAAc,SAAC3C,GAClB,IAAAkC,EAAalC,EAAKkC,SAC1B,OACE7C,wBAACuD,EAAMA,OAAA,CAACpD,UAAU,gBAAgBgD,EAAE,OAAOD,MAAM,aAAaD,QAAQ,cACnEJ,kBCoBc,SAACW,GACpB,IAAA7D,gBACAkD,aACAL,EAAWgB,EAAAhB,YACXC,EAAgBe,EAAAf,iBAChBV,EAASyB,EAAAzB,UACTnB,EAAO4C,EAAA5C,QACP6C,EAAuBD,EAAAT,gBAAvBA,OAAe,IAAAU,GAAQA,EACvBC,EAAgBF,EAAAV,SAAhBA,OAAW,IAAAY,KACXC,EAAAH,EAAAxB,OAAAA,OAAS,IAAA2B,EAAA,YACT3C,UACAC,eACGlB,EAZiB6D,EAAAA,OAAAJ,EAAA,CAAA,cAAA,WAAA,cAAA,mBAAA,YAAA,UAAA,kBAAA,WAAA,SAAA,QAAA,eAcdK,EAAe3B,EAAAA,kBAAkBZ,EAAsBU,GAASL,EAAqBK,IAEvFrC,IAAgBA,EAAYE,iBAC9BF,EAAYE,eAAiB,YAiD/B,OACEG,EAAAA,sBAAC8D,EAAAA,MAAMvD,EAAAA,SAAA,CACLwD,cAAc,SACdb,MAAM,aACND,QAAQ,aACRxC,QAASoD,EACTG,SAAS,UACTC,GAAI,EACJC,GAAI,GACAnE,GAEHiB,EAAQhB,EAAAA,QAACC,eAzDS,WACrB,OACED,UAAAC,cAAAD,EAAA,QAAAmE,SAAA,KACEnE,UAAAC,cAACqD,EAAW,MACRR,GAAY9C,UAACC,cAAA6B,EAAU,CAAAE,OAAQA,EAAQD,UAAWA,IACpD/B,EAAC,QAAAC,cAAAc,GAAWC,MAAOA,EAAOC,WAAYA,IACL,cAAhCtB,MAAAA,OAAW,EAAXA,EAAaE,iBACZG,EAAAA,sBAACN,EAAWa,WAAA,GAAKZ,EAAW,CAAEG,eAAgBsE,QAAQ5B,OAEtDO,GAAmB/C,EAAAA,QAACC,cAAAS,GAAiBE,QAASA,KAElDZ,EAAC,QAAAC,cAAA2C,GAAUE,SAAUA,EAAUC,gBAAiBA,GAC7CP,GAAexC,EAAAA,QAACC,cAAAsC,EAAiB,CAAAC,YAAaA,EAAaC,iBAAkBA,IAC7EI,EACgC,gBAAhClD,MAAAA,OAAA,EAAAA,EAAaE,iBACZG,UAACC,cAAAP,EAAgBa,WAAA,GAAAZ,EAAa,CAAAG,eAAgBsE,QAAQ5B,UA0CjC,MAAGxC,yBAnCR,WACxB,OACEA,EAAA,QAAAC,cAAC+C,EAAAA,OAAM,CAACG,EAAE,OAAOD,MAAM,aAAaD,QAAQ,cAC1CjD,UAAAC,cAACqD,EAAW,MACRR,GAAY9C,UAACC,cAAA6B,EAAU,CAAAE,OAAQA,EAAQD,UAAWA,IACpD/B,EAAAA,QAAAC,cAACC,EAAAA,IAAG,CAACiB,SAAU,GACZqB,GAAexC,EAAAA,QAACC,cAAAsC,EAAiB,CAAAC,YAAaA,EAAaC,iBAAkBA,IAC7EI,GAE8B,cAAhClD,MAAAA,OAAW,EAAXA,EAAaE,iBACZG,EAAAA,sBAACN,EAAWa,WAAA,GAAKZ,EAAW,CAAEG,eAAgBsE,QAAQ5B,OAEtDO,GAAmB/C,EAAAA,QAACC,cAAAS,GAAiBE,QAASA,KAGjB,gBAAhCjB,MAAAA,OAAW,EAAXA,EAAaE,iBACZG,EAAAA,QAACC,cAAA2C,GAAUE,SAAUA,EAAUC,gBAAiBA,GAC9C/C,EAAAA,QAAAC,cAACP,EAAWa,EAAAA,SAAA,GAAKZ,EAAW,CAAEG,eAAgBsE,QAAQ5B,UAkBZ"}
+{"version":3,"file":"alert.component-f3001c8d.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { Button, ButtonProps } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant=\"secondary\" {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n","import { IconColor, IconName } from '../Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n  const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/layout';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/layout';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { Box, VStack } from '@chakra-ui/layout';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  iconProps,\n  onClose,\n  hideCloseButton = false,\n  hideIcon = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={alertVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}

package/build/avatar.component-e161482c.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-e161482c.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js","../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\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\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\nvar _excluded$1 = [\"name\", \"getInitials\"],\n    _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var badgeStyles = _extends({\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    insetEnd: \"0\",\n    bottom: \"0\"\n  }, styles.badge);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-avatar__badge\", props.className),\n    __css: badgeStyles\n  }));\n});\n\nif (__DEV__) {\n  AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n  var _name$split = name.split(\" \"),\n      firstName = _name$split[0],\n      lastName = _name$split[1];\n\n  return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n  var name = props.name,\n      getInitials = props.getInitials,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"img\",\n    \"aria-label\": name\n  }, rest, {\n    __css: styles.label\n  }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n    viewBox: \"0 0 128 128\",\n    color: \"#fff\",\n    width: \"100%\",\n    height: \"100%\",\n    className: \"chakra-avatar__svg\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n  }));\n};\n\nvar baseStyle = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n  textTransform: \"uppercase\",\n  fontWeight: \"medium\",\n  position: \"relative\",\n  flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      src = _omitThemingProps.src,\n      srcSet = _omitThemingProps.srcSet,\n      name = _omitThemingProps.name,\n      showBorder = _omitThemingProps.showBorder,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      onError = _omitThemingProps.onError,\n      _omitThemingProps$get = _omitThemingProps.getInitials,\n      getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n      _omitThemingProps$ico = _omitThemingProps.icon,\n      icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n      _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n      iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n      loading = _omitThemingProps.loading,\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      ignoreFallback = _omitThemingProps.ignoreFallback,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var avatarStyles = _extends({\n    borderRadius: borderRadius,\n    borderWidth: showBorder ? \"2px\" : undefined\n  }, baseStyle, styles.container);\n\n  if (borderColor) {\n    avatarStyles.borderColor = borderColor;\n  }\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-avatar\", props.className),\n    __css: avatarStyles\n  }), /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(AvatarImage, {\n    src: src,\n    srcSet: srcSet,\n    loading: loading,\n    onError: onError,\n    getInitials: getInitials,\n    name: name,\n    borderRadius: borderRadius,\n    icon: icon,\n    iconLabel: iconLabel,\n    ignoreFallback: ignoreFallback\n  }), children));\n});\n\nif (__DEV__) {\n  Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n  var src = props.src,\n      srcSet = props.srcSet,\n      onError = props.onError,\n      getInitials = props.getInitials,\n      name = props.name,\n      borderRadius = props.borderRadius,\n      loading = props.loading,\n      iconLabel = props.iconLabel,\n      _props$icon = props.icon,\n      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n      ignoreFallback = props.ignoreFallback;\n  /**\n   * use the image hook to only show the image when it has loaded\n   */\n\n  var status = useImage({\n    src: src,\n    onError: onError,\n    ignoreFallback: ignoreFallback\n  });\n  var hasLoaded = status === \"loaded\";\n  /**\n   * Fallback avatar applies under 2 conditions:\n   * - If `src` was passed and the image has not loaded or failed to load\n   * - If `src` wasn't passed\n   *\n   * In this case, we'll show either the name avatar or default avatar\n   */\n\n  var showFallback = !src || !hasLoaded;\n\n  if (showFallback) {\n    return name ? /*#__PURE__*/React.createElement(AvatarName, {\n      className: \"chakra-avatar__initials\",\n      getInitials: getInitials,\n      name: name\n    }) : /*#__PURE__*/React.cloneElement(icon, {\n      role: \"img\",\n      \"aria-label\": iconLabel\n    });\n  }\n  /**\n   * If `src` was passed and the image has loaded, we'll show it\n   */\n\n\n  return /*#__PURE__*/React.createElement(chakra.img, {\n    src: src,\n    srcSet: srcSet,\n    alt: name,\n    className: \"chakra-avatar__img\",\n    loading: loading,\n    __css: {\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      borderRadius: borderRadius\n    }\n  });\n};\n\nif (__DEV__) {\n  AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      max = _omitThemingProps.max,\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var validChildren = getValidChildren(children);\n  /**\n   * get the avatars within the max\n   */\n\n  var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n  /**\n   * get the remaining avatar count\n   */\n\n  var excess = max != null && validChildren.length - max;\n  /**\n   * Reversing the children is a great way to avoid using zIndex\n   * to overlap the avatars\n   */\n\n  var reversedChildren = childrenWithinMax.reverse();\n  var clones = reversedChildren.map(function (child, index) {\n    var _child$props$borderCo;\n\n    var isFirstAvatar = index === 0;\n    var childProps = {\n      marginEnd: isFirstAvatar ? 0 : spacing,\n      size: props.size,\n      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n      showBorder: true\n    };\n    return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n  });\n  var groupStyles = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    flexDirection: \"row-reverse\"\n  };\n\n  var excessStyles = _extends({\n    borderRadius: borderRadius,\n    marginStart: spacing\n  }, baseStyle, styles.excessLabel);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles\n  }, rest, {\n    className: cx(\"chakra-avatar__group\", props.className)\n  }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n    className: \"chakra-avatar__excess\",\n    __css: excessStyles\n  }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n  AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n","export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Number = 'number',\n  Dashed = 'dashed',\n  Image = 'image',\n  Icon = 'icon',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport { Icon } from 'components/Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor,\n  badgeBorderColor,\n  badgeIconColor,\n  badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor || adaptiveColors.icon.light.active}\n      borderColor={badgeBorderColor || coreColors.white}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor || semanticColors.background.info}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n","import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  name: string;\n  size?: AvatarSize;\n  isClinic?: boolean;\n  showTooltip?: boolean;\n  tooltipPlacement?: PlacementWithLogical;\n  style?: CSSProperties;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  showRemoveButton?: boolean;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  variant?: AvatarVariant;\n  iconName?: IconName;\n  tooltipText?: string;\n  showBadge?: boolean;\n  badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nexport const Avatar = ({\n  name,\n  src,\n  isClinic = false,\n  size = 'md',\n  showTooltip = true,\n  tooltipPlacement = 'bottom',\n  style,\n  handleClick,\n  showRemoveButton,\n  handleRemoveButtonClick,\n  variant,\n  iconName,\n  tooltipText,\n  showBadge,\n  badgeProps,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const theme = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n  let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n  if (isSrcValid) {\n    _variant = AvatarVariant.Image;\n  }\n\n  if (iconName) {\n    _variant = AvatarVariant.Icon;\n  }\n\n  const avatarDynamicStyles: CSSProperties = {\n    cursor: handleClick ? 'pointer' : 'auto',\n    ...style,\n  };\n\n  const avatarMarkup = (\n    <CAvatar\n      {...rest}\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      style={avatarDynamicStyles}\n      variant={variant || _variant}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      icon={\n        iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />\n      }\n      onClick={handleClick}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={theme.colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-4px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","AvatarVariant","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection","AvatarBadgePosition","getNextIconSize","larger","count","nextSize","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","CAvatarBadge","adaptiveColors","light","active","coreColors","white","bg","semanticColors","background","info","boxSize","transform","parentSizeString","_d","_b","AvatarConfig","sizes","_c","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","charCode","isClinic","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","Dashed","_variant","charCodeAt","Blue","Red","Green","Comet","Image","avatarDynamicStyles","__assign","cursor","avatarMarkup","CAvatar","onClick","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","top","right","colorToken","Tooltip","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-e161482c.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js","../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\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\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\nvar _excluded$1 = [\"name\", \"getInitials\"],\n    _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var badgeStyles = _extends({\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    insetEnd: \"0\",\n    bottom: \"0\"\n  }, styles.badge);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-avatar__badge\", props.className),\n    __css: badgeStyles\n  }));\n});\n\nif (__DEV__) {\n  AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n  var _name$split = name.split(\" \"),\n      firstName = _name$split[0],\n      lastName = _name$split[1];\n\n  return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n  var name = props.name,\n      getInitials = props.getInitials,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"img\",\n    \"aria-label\": name\n  }, rest, {\n    __css: styles.label\n  }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n    viewBox: \"0 0 128 128\",\n    color: \"#fff\",\n    width: \"100%\",\n    height: \"100%\",\n    className: \"chakra-avatar__svg\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n  }));\n};\n\nvar baseStyle = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n  textTransform: \"uppercase\",\n  fontWeight: \"medium\",\n  position: \"relative\",\n  flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      src = _omitThemingProps.src,\n      srcSet = _omitThemingProps.srcSet,\n      name = _omitThemingProps.name,\n      showBorder = _omitThemingProps.showBorder,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      onError = _omitThemingProps.onError,\n      _omitThemingProps$get = _omitThemingProps.getInitials,\n      getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n      _omitThemingProps$ico = _omitThemingProps.icon,\n      icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n      _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n      iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n      loading = _omitThemingProps.loading,\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      ignoreFallback = _omitThemingProps.ignoreFallback,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var avatarStyles = _extends({\n    borderRadius: borderRadius,\n    borderWidth: showBorder ? \"2px\" : undefined\n  }, baseStyle, styles.container);\n\n  if (borderColor) {\n    avatarStyles.borderColor = borderColor;\n  }\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-avatar\", props.className),\n    __css: avatarStyles\n  }), /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(AvatarImage, {\n    src: src,\n    srcSet: srcSet,\n    loading: loading,\n    onError: onError,\n    getInitials: getInitials,\n    name: name,\n    borderRadius: borderRadius,\n    icon: icon,\n    iconLabel: iconLabel,\n    ignoreFallback: ignoreFallback\n  }), children));\n});\n\nif (__DEV__) {\n  Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n  var src = props.src,\n      srcSet = props.srcSet,\n      onError = props.onError,\n      getInitials = props.getInitials,\n      name = props.name,\n      borderRadius = props.borderRadius,\n      loading = props.loading,\n      iconLabel = props.iconLabel,\n      _props$icon = props.icon,\n      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n      ignoreFallback = props.ignoreFallback;\n  /**\n   * use the image hook to only show the image when it has loaded\n   */\n\n  var status = useImage({\n    src: src,\n    onError: onError,\n    ignoreFallback: ignoreFallback\n  });\n  var hasLoaded = status === \"loaded\";\n  /**\n   * Fallback avatar applies under 2 conditions:\n   * - If `src` was passed and the image has not loaded or failed to load\n   * - If `src` wasn't passed\n   *\n   * In this case, we'll show either the name avatar or default avatar\n   */\n\n  var showFallback = !src || !hasLoaded;\n\n  if (showFallback) {\n    return name ? /*#__PURE__*/React.createElement(AvatarName, {\n      className: \"chakra-avatar__initials\",\n      getInitials: getInitials,\n      name: name\n    }) : /*#__PURE__*/React.cloneElement(icon, {\n      role: \"img\",\n      \"aria-label\": iconLabel\n    });\n  }\n  /**\n   * If `src` was passed and the image has loaded, we'll show it\n   */\n\n\n  return /*#__PURE__*/React.createElement(chakra.img, {\n    src: src,\n    srcSet: srcSet,\n    alt: name,\n    className: \"chakra-avatar__img\",\n    loading: loading,\n    __css: {\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      borderRadius: borderRadius\n    }\n  });\n};\n\nif (__DEV__) {\n  AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      max = _omitThemingProps.max,\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var validChildren = getValidChildren(children);\n  /**\n   * get the avatars within the max\n   */\n\n  var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n  /**\n   * get the remaining avatar count\n   */\n\n  var excess = max != null && validChildren.length - max;\n  /**\n   * Reversing the children is a great way to avoid using zIndex\n   * to overlap the avatars\n   */\n\n  var reversedChildren = childrenWithinMax.reverse();\n  var clones = reversedChildren.map(function (child, index) {\n    var _child$props$borderCo;\n\n    var isFirstAvatar = index === 0;\n    var childProps = {\n      marginEnd: isFirstAvatar ? 0 : spacing,\n      size: props.size,\n      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n      showBorder: true\n    };\n    return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n  });\n  var groupStyles = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    flexDirection: \"row-reverse\"\n  };\n\n  var excessStyles = _extends({\n    borderRadius: borderRadius,\n    marginStart: spacing\n  }, baseStyle, styles.excessLabel);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles\n  }, rest, {\n    className: cx(\"chakra-avatar__group\", props.className)\n  }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n    className: \"chakra-avatar__excess\",\n    __css: excessStyles\n  }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n  AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n","export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Number = 'number',\n  Dashed = 'dashed',\n  Image = 'image',\n  Icon = 'icon',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport { Icon } from '../../../Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from '../../../Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor,\n  badgeBorderColor,\n  badgeIconColor,\n  badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor || adaptiveColors.icon.light.active}\n      borderColor={badgeBorderColor || coreColors.white}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor || semanticColors.background.info}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n","import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  name: string;\n  size?: AvatarSize;\n  isClinic?: boolean;\n  showTooltip?: boolean;\n  tooltipPlacement?: PlacementWithLogical;\n  style?: CSSProperties;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  showRemoveButton?: boolean;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  variant?: AvatarVariant;\n  iconName?: IconName;\n  tooltipText?: string;\n  showBadge?: boolean;\n  badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nexport const Avatar = ({\n  name,\n  src,\n  isClinic = false,\n  size = 'md',\n  showTooltip = true,\n  tooltipPlacement = 'bottom',\n  style,\n  handleClick,\n  showRemoveButton,\n  handleRemoveButtonClick,\n  variant,\n  iconName,\n  tooltipText,\n  showBadge,\n  badgeProps,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const theme = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n  let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n  if (isSrcValid) {\n    _variant = AvatarVariant.Image;\n  }\n\n  if (iconName) {\n    _variant = AvatarVariant.Icon;\n  }\n\n  const avatarDynamicStyles: CSSProperties = {\n    cursor: handleClick ? 'pointer' : 'auto',\n    ...style,\n  };\n\n  const avatarMarkup = (\n    <CAvatar\n      {...rest}\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      style={avatarDynamicStyles}\n      variant={variant || _variant}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      icon={\n        iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />\n      }\n      onClick={handleClick}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={theme.colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-4px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","AvatarVariant","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection","AvatarBadgePosition","getNextIconSize","larger","count","nextSize","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","CAvatarBadge","adaptiveColors","light","active","coreColors","white","bg","semanticColors","background","info","boxSize","transform","parentSizeString","_d","_b","AvatarConfig","sizes","_c","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","charCode","isClinic","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","Dashed","_variant","charCodeAt","Blue","Red","Green","Comet","Image","avatarDynamicStyles","__assign","cursor","avatarMarkup","CAvatar","onClick","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","top","right","colorToken","Tooltip","placement"],"mappings":"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"}

package/build/avatarGroup.component-5e5e9179.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-5e5e9179.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport { Icon } from 'components/Icon/icon.component';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  avatars: AvatarProps[];\n  max?: number;\n  size?: AvatarSize;\n  handleAddButtonClick?: () => void;\n  showAddButton?: boolean;\n  addButtonTooltipText?: string;\n  showRemoveAvatarButton?: boolean;\n  handleRemoveButtonClick?: () => void;\n}\n\nexport const AvatarGroup = ({\n  avatars,\n  max = 3,\n  size = 'md',\n  handleAddButtonClick,\n  showAddButton = true,\n  addButtonTooltipText,\n  showRemoveAvatarButton = false,\n  handleRemoveButtonClick,\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing}>\n      {avatars.length > max ? (\n        <Avatar name={`${avatars.length}`} size={size} variant={AvatarVariant.Number} tooltipText={mergedNames} />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          name=\"\"\n          variant={AvatarVariant.Dashed}\n          icon={<Icon name=\"plus\" colorToken=\"subtle\" size={size} />}\n          onClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["_a","avatars","_b","max","_c","size","handleAddButtonClick","_d","showAddButton","addButtonTooltipText","_e","showRemoveAvatarButton","handleRemoveButtonClick","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","concat","variant","AvatarVariant","Number","tooltipText","__assign","key","showRemoveButton","Dashed","icon","Icon","colorToken","onClick"],"mappings":"sQAiB2B,SAACA,GAC1B,IAAAC,YACAC,EAAAF,EAAAG,IAAAA,aAAM,EAACD,EACPE,EAAAJ,EAAAK,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAoBN,EAAAM,qBACpBC,EAAAP,EAAAQ,cAAAA,OAAa,IAAAD,GAAOA,EACpBE,EAAoBT,EAAAS,qBACpBC,EAAAV,EAAAW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAuBZ,EAAAY,wBAEjBC,EAAcC,EAAAA,SAAQ,WAAM,OAAAb,EAAQc,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAACjB,IAC9EkB,EAAmB,OAATd,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEe,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAlB,KAAMA,EAAMc,QAASA,GAChClB,EAAQuB,OAASrB,EAChBiB,UAAAC,cAACI,EAAAA,OAAO,CAAAR,KAAM,GAAAS,OAAGzB,EAAQuB,QAAUnB,KAAMA,EAAMsB,QAASC,EAAAA,cAAcC,OAAQC,YAAajB,IAE3FZ,EAAQc,KAAI,SAACC,GAAW,OACtBI,EAAAA,QAAAC,cAACI,EAAMA,OACDM,WAAA,GAAAf,EACJ,CAAAgB,IAAKhB,EAAOC,KACZZ,KAAMA,EACN4B,iBAAkBtB,EAClBC,wBAAyBA,QAI9BJ,GACCY,EAAAA,QAACC,cAAAI,EAAAA,QACCR,KAAK,GACLU,QAASC,EAAAA,cAAcM,OACvBC,KAAMf,EAAAA,sBAACgB,EAAAA,KAAI,CAACnB,KAAK,OAAOoB,WAAW,SAAShC,KAAMA,IAClDiC,QAAShC,EACTwB,YAAarB,EACbJ,KAAMA"}
+{"version":3,"file":"avatarGroup.component-5e5e9179.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport { Icon } from '../Icon/icon.component';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  avatars: AvatarProps[];\n  max?: number;\n  size?: AvatarSize;\n  handleAddButtonClick?: () => void;\n  showAddButton?: boolean;\n  addButtonTooltipText?: string;\n  showRemoveAvatarButton?: boolean;\n  handleRemoveButtonClick?: () => void;\n}\n\nexport const AvatarGroup = ({\n  avatars,\n  max = 3,\n  size = 'md',\n  handleAddButtonClick,\n  showAddButton = true,\n  addButtonTooltipText,\n  showRemoveAvatarButton = false,\n  handleRemoveButtonClick,\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing}>\n      {avatars.length > max ? (\n        <Avatar name={`${avatars.length}`} size={size} variant={AvatarVariant.Number} tooltipText={mergedNames} />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          name=\"\"\n          variant={AvatarVariant.Dashed}\n          icon={<Icon name=\"plus\" colorToken=\"subtle\" size={size} />}\n          onClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["_a","avatars","_b","max","_c","size","handleAddButtonClick","_d","showAddButton","addButtonTooltipText","_e","showRemoveAvatarButton","handleRemoveButtonClick","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","concat","variant","AvatarVariant","Number","tooltipText","__assign","key","showRemoveButton","Dashed","icon","Icon","colorToken","onClick"],"mappings":"sQAiB2B,SAACA,GAC1B,IAAAC,YACAC,EAAAF,EAAAG,IAAAA,aAAM,EAACD,EACPE,EAAAJ,EAAAK,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAoBN,EAAAM,qBACpBC,EAAAP,EAAAQ,cAAAA,OAAa,IAAAD,GAAOA,EACpBE,EAAoBT,EAAAS,qBACpBC,EAAAV,EAAAW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAuBZ,EAAAY,wBAEjBC,EAAcC,EAAAA,SAAQ,WAAM,OAAAb,EAAQc,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAACjB,IAC9EkB,EAAmB,OAATd,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEe,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAlB,KAAMA,EAAMc,QAASA,GAChClB,EAAQuB,OAASrB,EAChBiB,UAAAC,cAACI,EAAAA,OAAO,CAAAR,KAAM,GAAAS,OAAGzB,EAAQuB,QAAUnB,KAAMA,EAAMsB,QAASC,EAAAA,cAAcC,OAAQC,YAAajB,IAE3FZ,EAAQc,KAAI,SAACC,GAAW,OACtBI,EAAAA,QAAAC,cAACI,EAAMA,OACDM,WAAA,GAAAf,EACJ,CAAAgB,IAAKhB,EAAOC,KACZZ,KAAMA,EACN4B,iBAAkBtB,EAClBC,wBAAyBA,QAI9BJ,GACCY,EAAAA,QAACC,cAAAI,EAAAA,QACCR,KAAK,GACLU,QAASC,EAAAA,cAAcM,OACvBC,KAAMf,EAAAA,sBAACgB,EAAAA,KAAI,CAACnB,KAAK,OAAOoB,WAAW,SAAShC,KAAMA,IAClDiC,QAAShC,EACTwB,YAAarB,EACbJ,KAAMA"}

package/build/button.component-32ddee6f.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.component-32ddee6f.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAA,QAAAC,cAACY,EAAOpD,OAAAuB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}
+{"version":3,"file":"button.component-32ddee6f.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize, IconName } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAA,QAAAC,cAACY,EAAOpD,OAAAuB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}

package/build/checkboxGroup.component-0566d3e9.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.component-0566d3e9.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SystemProps } from '@chakra-ui/system';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';\nimport { Stack } from '@chakra-ui/layout';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Checkbox, CheckboxProps } from 'components/Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from 'components/Checkbox/checkbox.types';\n\nexport interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {\n  size?: CheckboxSize;\n  checkboxes: CheckboxProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n  variant?: CheckboxVariant;\n}\n\nconst CheckboxGroup = ({\n  checkboxes,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  variant,\n  ...rest\n}: CheckboxGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CCheckboxGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox key={index} {...checkbox} size={size} variant={variant || checkbox.variant} />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","_b","size","_c","direction","spacing","variant","rest","__rest","isFieldInline","domProps","React","createElement","CCheckboxGroup","__assign","Stack","width","map","checkbox","index","Checkbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"6VAkBMA,EAAgB,SAACC,GACrB,IAAAC,EAAUD,EAAAC,WACVC,EAAWF,EAAAG,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAJ,EAAAK,UAAAA,aAAY,MAAKD,EACjBE,EAAON,EAAAM,QACPC,EAAOP,EAAAO,QACJC,EANkBC,EAAAA,OAAAT,EAAA,CAAA,aAAA,OAAA,YAAA,UAAA,YAQkBQ,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,GAClBC,EAAC,QAAAC,cAAAG,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDhB,EAAWiB,KAAI,SAACC,EAAUC,GAAU,OACnCR,EAAA,QAAAC,cAACQ,EAAQA,SAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAUhB,KAAMA,EAAMI,QAASA,GAAWY,EAASZ,iBAOvFR,EAAcwB,YAAc,gBAE5B,IAAMC,EAAuBC,EAAeA,gBAAC1B"}
+{"version":3,"file":"checkboxGroup.component-0566d3e9.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SystemProps } from '@chakra-ui/system';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';\nimport { Stack } from '@chakra-ui/layout';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from '../Checkbox/checkbox.types';\n\nexport interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {\n  size?: CheckboxSize;\n  checkboxes: CheckboxProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n  variant?: CheckboxVariant;\n}\n\nconst CheckboxGroup = ({\n  checkboxes,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  variant,\n  ...rest\n}: CheckboxGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CCheckboxGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox key={index} {...checkbox} size={size} variant={variant || checkbox.variant} />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","_b","size","_c","direction","spacing","variant","rest","__rest","isFieldInline","domProps","React","createElement","CCheckboxGroup","__assign","Stack","width","map","checkbox","index","Checkbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"6VAkBMA,EAAgB,SAACC,GACrB,IAAAC,EAAUD,EAAAC,WACVC,EAAWF,EAAAG,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAJ,EAAAK,UAAAA,aAAY,MAAKD,EACjBE,EAAON,EAAAM,QACPC,EAAOP,EAAAO,QACJC,EANkBC,EAAAA,OAAAT,EAAA,CAAA,aAAA,OAAA,YAAA,UAAA,YAQkBQ,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,GAClBC,EAAC,QAAAC,cAAAG,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDhB,EAAWiB,KAAI,SAACC,EAAUC,GAAU,OACnCR,EAAA,QAAAC,cAACQ,EAAQA,SAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAUhB,KAAMA,EAAMI,QAASA,GAAWY,EAASZ,iBAOvFR,EAAcwB,YAAc,gBAE5B,IAAMC,EAAuBC,EAAeA,gBAAC1B"}

package/build/components/Alert/alert.component.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
 import { AlertProps as CAlertProps } from '@chakra-ui/alert';
-import { IconProps } from 'components/Icon/icon.component';
+import { IconProps } from '../Icon/icon.component';
 import { Status } from './alert.types';
-import { TextProps } from 'components/Text/text.component';
-import { HeadingProps } from 'components/Heading/heading.component';
+import { TextProps } from '../Text/text.component';
+import { HeadingProps } from '../Heading/heading.component';
 import { AlertButtonProps } from './components/alertButton.component';
 export interface AlertProps extends Omit<CAlertProps, 'title'> {
     buttonProps?: AlertButtonProps;

package/build/components/Alert/alert.records.d.ts

@@ -1,4 +1,4 @@
-import { IconColor, IconName } from 'components/Icon/icon.types';
+import { IconColor, IconName } from '../Icon/icon.types';
 import { Status } from './alert.types';
 export declare const LightStatusVariantMap: Record<Status, string>;
 export declare const DarkStatusVariantMap: Record<Status, string>;

package/build/components/Alert/components/alertButton.component.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from 'components/Button/button.component';
+import { ButtonProps } from '../../Button/button.component';
 export interface AlertButtonProps extends ButtonProps {
     buttonPosition?: 'topRight' | 'bottomLeft';
     buttonText: string;

package/build/components/Alert/components/alertDescription.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TextProps } from 'components/Text/text.component';
+import { TextProps } from '../../Text/text.component';
 export interface AlertDescriptionProps {
     description?: string | ReactNode;
     descriptionProps?: TextProps;

package/build/components/Alert/components/alertIcon.component.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from 'components/Icon/icon.component';
+import { IconProps } from '../../Icon/icon.component';
 import { Status } from '../alert.types';
 export interface AlertIconProps {
     iconProps?: IconProps;

package/build/components/Alert/components/alertTitle.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { HeadingProps } from 'components/Heading/heading.component';
+import { HeadingProps } from '../../Heading/heading.component';
 export interface AlertTitleProps {
     title?: string | ReactNode;
     titleProps?: HeadingProps;

package/build/components/Avatar/avatar.component.d.ts

@@ -3,7 +3,7 @@ import { AvatarProps as CAvatarProps } from '@chakra-ui/avatar';
 import React, { CSSProperties } from 'react';
 import { AvatarSize, AvatarVariant } from './avatar.types';
 import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
-import { IconName } from 'components/Icon/icon.types';
+import { IconName } from '../Icon/icon.types';
 export interface AvatarProps extends CAvatarProps {
     name: string;
     size?: AvatarSize;

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -1,5 +1,5 @@
 import { AvatarSize } from '../../avatar.types';
-import { IconName } from 'components/Icon/icon.types';
+import { IconName } from '../../../Icon/icon.types';
 import { AvatarBadgePosition } from './avatarBadge.types';
 export interface AvatarBadgeProps {
     badgeIconName?: IconName;

package/build/components/AvatarGroup/avatarGroup.component.d.ts

@@ -1,5 +1,5 @@
-import { AvatarProps } from 'components/Avatar/avatar.component';
-import { AvatarSize } from 'components/Avatar/avatar.types';
+import { AvatarProps } from '../Avatar/avatar.component';
+import { AvatarSize } from '../Avatar/avatar.types';
 export interface AvatarGroupProps {
     avatars: AvatarProps[];
     max?: number;

package/build/components/Button/button.component.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps as CButtonProps } from '@chakra-ui/button';
-import { IconsSize, IconName } from 'components/Icon/icon.types';
+import { IconsSize, IconName } from '../Icon/icon.types';
 import { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';
 export interface ButtonProps extends CButtonProps {
     children?: ReactNode;

package/build/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -3,8 +3,8 @@ import { SystemProps } from '@chakra-ui/system';
 import { CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 import { FlexDirection } from 'shared/types';
-import { CheckboxProps } from 'components/Checkbox/checkbox.component';
-import { CheckboxSize, CheckboxVariant } from 'components/Checkbox/checkbox.types';
+import { CheckboxProps } from '../Checkbox/checkbox.component';
+import { CheckboxSize, CheckboxVariant } from '../Checkbox/checkbox.types';
 export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {
     size?: CheckboxSize;
     checkboxes: CheckboxProps[];

package/build/components/DatePicker/datepicker.component.d.ts

@@ -1,5 +1,5 @@
 import { PlacementWithLogical } from '@chakra-ui/popper';
-import { TextInputProps } from 'components/TextInput/textInput.component';
+import { TextInputProps } from '../TextInput/textInput.component';
 import { DateFormats } from './datepicker.types';
 export interface DatePickerProps {
     date: Date | null;

package/build/components/DatePicker/datepicker.records.d.ts

@@ -1,4 +1,4 @@
-import { IconsSize } from 'components/Icon/icon.types';
+import { IconsSize } from '../Icon/icon.types';
 import { FormControlSize } from '../FormControl/formControl.types';
 export declare const IconSizeMap: Record<FormControlSize, IconsSize>;
 export declare const months: {

package/build/components/FormControl/formControl.component.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Dict } from 'shared/types';
 import { FormControlSize, HelperTextAlignment } from './formControl.types';
-import { IconColor } from 'components/Icon/icon.types';
+import { IconColor } from '../Icon/icon.types';
 export interface WithFormControlProps {
     errorText?: string;
     helperText?: string;

package/build/components/Icon/icon.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconColorToken, IconsSize } from './icon.types';
-import { IconName } from 'components/Icon/icon.types';
+import { IconName } from './icon.types';
 export interface IconProps {
     name: IconName;
     size?: IconsSize;

package/build/components/Link/components/linkIcon.component.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from 'components/Icon/icon.component';
+import { IconProps } from '../../Icon/icon.component';
 export interface LinkIconProps extends IconProps {
     position?: 'start' | 'end';
 }

package/build/components/Link/link.component.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { LinkProps as CLinkProps } from '@chakra-ui/layout';
 import { LinkIconProps } from './components/linkIcon.component';
 import { TextColor } from 'shared/types';
-import { TextSize } from 'components/Text/text.types';
+import { TextSize } from '../Text/text.types';
 export interface LinkProps extends CLinkProps {
     children: ReactNode;
     iconProps?: LinkIconProps;

package/build/components/Menu/components/MenuButton/menuButton.component.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';
-import { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';
-import { IconName } from 'components/Icon/icon.types';
+import { ButtonSizeType, ButtonVariantType } from '../../../Button/button.types';
+import { IconName } from '../../../Icon/icon.types';
 export interface MenuButtonProps extends CMenuButtonProps {
     leftElement?: ReactNode;
     leftIconName?: IconName;

package/build/components/Menu/components/MenuContainer/menuContainer.component.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { MenuProps as CMenuProps } from '@chakra-ui/menu';
-import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+import { MenuItemProps } from '../MenuItem/menuItem.component';
 export interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {
     children?: ReactNode;
     onClose?: (value: (MenuItemProps | undefined)[]) => void;

package/build/components/Menu/components/MenuList/menuList.component.d.ts

@@ -1,5 +1,5 @@
 import { MenuListProps as CMenuListProps } from '@chakra-ui/menu';
-import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+import { MenuItemProps } from '../MenuItem/menuItem.component';
 export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
     canSelectAll?: boolean;
     canSelectGroups?: boolean;

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

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, Dispatch, SetStateAction, KeyboardEvent, MutableRefObject } from 'react';
-import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+import { MenuItemProps } from '../MenuItem/menuItem.component';
 export interface MenuSearchBarProps {
     handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
     menuItems: MenuItemProps[];

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

@@ -1,5 +1,5 @@
 import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
-import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+import { MenuItemProps } from '../components/MenuItem/menuItem.component';
 export interface IMenuContext {
     allMenuItems?: MenuItemProps[];
     filteredMenuItems?: MenuItemProps[];

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

@@ -1,8 +1,8 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { MenuProps as CMenuProps } from '@chakra-ui/menu';
-import { MenuContainerProps } from 'components/Menu/components/MenuContainer/menuContainer.component';
-import { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';
-import { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';
+import { MenuContainerProps } from './components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from './components/MenuButton/menuButton.component';
+import { MenuListProps } from './components/MenuList/menuList.component';
 export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
     buttonProps?: MenuButtonProps;
     CustomTriggerElement?: FunctionComponent;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/modal';
-import { HeadingSize } from 'components/Heading/heading.types';
+import { HeadingSize } from '../../../Heading/heading.types';
 export interface ModalHeaderProps extends CModalHeaderProps {
     size?: HeadingSize;
 }

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

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

package/build/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -1,5 +1,5 @@
 import { PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/popover';
-import { HeadingSize } from 'components/Heading/heading.types';
+import { HeadingSize } from '../../../Heading/heading.types';
 import { TextColor } from 'shared/types';
 export interface PopoverHeaderProps extends CPopoverHeaderProps {
     size?: HeadingSize;

package/build/components/RadioGroup/radioGroup.component.d.ts

@@ -3,8 +3,8 @@ import { RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';
 import { SystemProps } from '@chakra-ui/system';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 import { FlexDirection } from 'shared/types';
-import { RadioProps } from 'components/Radio/radio.component';
-import { RadioSize } from 'components/Radio/radio.types';
+import { RadioProps } from '../Radio/radio.component';
+import { RadioSize } from '../Radio/radio.types';
 export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {
     size?: RadioSize;
     radios: RadioProps[];

package/build/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.d.ts

@@ -1,2 +1,2 @@
-import { BrowserDefaultSelectProps } from 'components/Select/select.component';
+import { BrowserDefaultSelectProps } from '../../../Select/select.component';
 export declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;