@televet/kibble-ui 1.23.0 → 1.23.1

package/build/{alert.component-fcb596b3.js → alert.component-fae00941.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./alert.config-23cd80bc.js"),r=require("./button.component-574f99f3.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),a=require("./heading.component-46024b9d.js"),s=require("./icon.component-e34857d4.js"),i=require("./chakra-ui-system.esm-b563b97d.js"),l=require("./text.component-dabbab97.js");require("./color.record-8ec2eb8a.js");var u=require("./shadows.config-fd05bf52.js"),c=require("./chakra-ui-alert.esm-9bb76feb.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(t),m=function(t){var a,s;t.buttonText;var i=t.buttonPosition,l=t.hasDescription,u=t.status,c=e.__rest(t,["buttonText","buttonPosition","hasDescription","status"]),d="secondary",m=(null===(a=n.AlertConfig.variants)||void 0===a?void 0:a.default)||{},p=null===(s=null==m?void 0:m.button)||void 0===s?void 0:s.variant;"default"===u&&p&&(d=p);var g={variant:d};return f.default.createElement(o.Box,{className:"Alert__Button",pt:"bottomLeft"!==i||l?0:1,pb:"bottomLeft"===i?.5:0},f.default.createElement(r.Button,e.__assign({size:"xs"},g,c),t.buttonText))},p=function(e){var t=e.onClose;return f.default.createElement(o.Box,{className:"Alert__CloseButton"},f.default.createElement(r.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},g=function(t){var n=t.title,r=t.titleProps;return f.default.createElement(a.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},r),n)},b={info:"info",success:"success",warning:"warning",error:"error",default:"default"},h={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark",default:"defaultDark"},v={info:"active",success:"success",error:"error",warning:"warning",default:"active"},_={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},E=function(t){var n=t.iconProps,r=t.status,a=i.useColorModeValue(v[r],"currentColor");return f.default.createElement(o.Box,{className:"Alert__Icon",maxH:"24px"},f.default.createElement(s.Icon,e.__assign({color:a,size:"lg"},n,{name:(null==n?void 0:n.name)||_[r]})))},x=function(t){var n=t.description,r=t.descriptionProps;return"string"==typeof n?f.default.createElement(l.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n):f.default.createElement(f.default.Fragment,null,n)},P=function(e){var t=e.children,n=e.hideIcon,r=e.hideCloseButton;return f.default.createElement(o.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:r?"":"34px"},t)},w=function(e){var t=e.children;return f.default.createElement(o.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var n=t.buttonProps,r=t.children,a=t.description,s=t.descriptionProps,l=t.iconProps,d=t.onClose,v=t.hideCloseButton,_=void 0!==v&&v,B=t.hideIcon,C=void 0!==B&&B,j=t.status,k=void 0===j?"success":j,D=t.title,q=t.titleProps,y=t.hasShadow,A=void 0!==y&&y,N=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps","hasShadow"]),S=i.useColorModeValue(b[k],h[k]);n&&!n.buttonPosition&&(n.buttonPosition="topRight");return f.default.createElement(c.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:S,overflow:"visible",px:3,py:2},A&&{boxShadow:u.shadows.md},N),D?f.default.createElement((function(){return f.default.createElement(f.default.Fragment,null,f.default.createElement(w,null,!C&&f.default.createElement(E,{status:k,iconProps:l}),f.default.createElement(g,{title:D,titleProps:q}),"topRight"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k})),!_&&f.default.createElement(p,{onClose:d})),f.default.createElement(P,{hideIcon:C,hideCloseButton:_},a&&f.default.createElement(x,{description:a,descriptionProps:s}),r,"bottomLeft"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k}))))}),null):f.default.createElement((function(){return f.default.createElement(o.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},f.default.createElement(w,null,!C&&f.default.createElement(E,{status:k,iconProps:l}),f.default.createElement(o.Box,{flexGrow:1},a&&f.default.createElement(x,{description:a,descriptionProps:s}),r),"topRight"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k})),!_&&f.default.createElement(p,{onClose:d})),"bottomLeft"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(P,{hideIcon:C,hideCloseButton:_},f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k}))))}),null))};
-//# sourceMappingURL=alert.component-fcb596b3.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./alert.config-23cd80bc.js"),r=require("./button.component-1974818b.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),a=require("./heading.component-46024b9d.js"),s=require("./icon.component-092995a3.js"),i=require("./chakra-ui-system.esm-b563b97d.js"),l=require("./text.component-dabbab97.js");require("./color.record-8ec2eb8a.js");var u=require("./shadows.config-fd05bf52.js"),c=require("./chakra-ui-alert.esm-9bb76feb.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(t),m=function(t){var a,s;t.buttonText;var i=t.buttonPosition,l=t.hasDescription,u=t.status,c=e.__rest(t,["buttonText","buttonPosition","hasDescription","status"]),d="secondary",m=(null===(a=n.AlertConfig.variants)||void 0===a?void 0:a.default)||{},p=null===(s=null==m?void 0:m.button)||void 0===s?void 0:s.variant;"default"===u&&p&&(d=p);var b={variant:d};return f.default.createElement(o.Box,{className:"Alert__Button",pt:"bottomLeft"!==i||l?0:1,pb:"bottomLeft"===i?.5:0},f.default.createElement(r.Button,e.__assign({size:"xs"},b,c),t.buttonText))},p=function(e){var t=e.onClose;return f.default.createElement(o.Box,{className:"Alert__CloseButton"},f.default.createElement(r.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},b=function(t){var n=t.title,r=t.titleProps;return f.default.createElement(a.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},r),n)},g={info:"info",success:"success",warning:"warning",error:"error",default:"default"},h={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark",default:"defaultDark"},v={info:"active",success:"success",error:"error",warning:"warning",default:"active"},_={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},E=function(t){var n=t.iconProps,r=t.status,a=i.useColorModeValue(v[r],"currentColor");return f.default.createElement(o.Box,{className:"Alert__Icon",maxH:"24px"},f.default.createElement(s.Icon,e.__assign({color:a,size:"lg"},n,{name:(null==n?void 0:n.name)||_[r]})))},x=function(t){var n=t.description,r=t.descriptionProps;return"string"==typeof n?f.default.createElement(l.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n):f.default.createElement(f.default.Fragment,null,n)},P=function(e){var t=e.children,n=e.hideIcon,r=e.hideCloseButton;return f.default.createElement(o.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:r?"":"34px"},t)},w=function(e){var t=e.children;return f.default.createElement(o.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var n=t.buttonProps,r=t.children,a=t.description,s=t.descriptionProps,l=t.iconProps,d=t.onClose,v=t.hideCloseButton,_=void 0!==v&&v,B=t.hideIcon,C=void 0!==B&&B,j=t.status,k=void 0===j?"success":j,D=t.title,q=t.titleProps,y=t.hasShadow,A=void 0!==y&&y,N=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps","hasShadow"]),S=i.useColorModeValue(g[k],h[k]);n&&!n.buttonPosition&&(n.buttonPosition="topRight");return f.default.createElement(c.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:S,overflow:"visible",px:3,py:2},A&&{boxShadow:u.shadows.md},N),D?f.default.createElement((function(){return f.default.createElement(f.default.Fragment,null,f.default.createElement(w,null,!C&&f.default.createElement(E,{status:k,iconProps:l}),f.default.createElement(b,{title:D,titleProps:q}),"topRight"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k})),!_&&f.default.createElement(p,{onClose:d})),f.default.createElement(P,{hideIcon:C,hideCloseButton:_},a&&f.default.createElement(x,{description:a,descriptionProps:s}),r,"bottomLeft"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k}))))}),null):f.default.createElement((function(){return f.default.createElement(o.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},f.default.createElement(w,null,!C&&f.default.createElement(E,{status:k,iconProps:l}),f.default.createElement(o.Box,{flexGrow:1},a&&f.default.createElement(x,{description:a,descriptionProps:s}),r),"topRight"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k})),!_&&f.default.createElement(p,{onClose:d})),"bottomLeft"===(null==n?void 0:n.buttonPosition)&&f.default.createElement(P,{hideIcon:C,hideCloseButton:_},f.default.createElement(m,e.__assign({},n,{hasDescription:Boolean(a),status:k}))))}),null))};
+//# sourceMappingURL=alert.component-fae00941.js.map

package/build/{alert.component-fcb596b3.js.map → alert.component-fae00941.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.component-fcb596b3.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 React from 'react';\nimport { AlertConfig } from '../alert.config';\nimport { Status } from '../alert.types';\nimport { CustomStyleConfig } from 'shared/types';\nimport { Button, ButtonProps, ButtonVariantType  } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n}\n\ninterface ButtonConfig {\n  button?: {\n    variant?: ButtonVariantType;\n    [key: string]: any;\n  };\n  [key: string]: any;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, ...rest } = buttonProps;\n  let variant = 'secondary';\n\n  const alertConfig: CustomStyleConfig = AlertConfig as CustomStyleConfig;\n  const configStyles: ButtonConfig = (alertConfig.variants?.default || {}) as ButtonConfig;\n  const buttonVariant = configStyles?.button?.variant;\n\n  if (status === \"default\" && buttonVariant) {\n    variant = buttonVariant;\n  }\n\n  const buttonStyles = { variant: variant as ButtonVariantType };\n\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\" {...buttonStyles} {...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/react';\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 { IconColorToken } from '../Icon/icon.types';\nimport { IconName } from '../../icons';\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  default: 'default',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n  default: 'defaultDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColorToken> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  default: 'active',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n","import React from 'react';\nimport { Box, useColorModeValue } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\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 typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\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/react';\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, Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\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 { shadows } from 'theme/tokens';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title' | 'status'> {\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  hasShadow?: boolean;\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  hasShadow = false,\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)} status={status} />\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)} status={status} />\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)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\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      // chakra md shadow if hasShadow is true with rounded corners\n      {...(hasShadow && { boxShadow: shadows.md })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","rest","__rest","variant","configStyles","_a","AlertConfig","variants","default","buttonVariant","_b","button","buttonStyles","React","createElement","Box","className","pt","pb","Button","__assign","size","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","Fragment","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_c","_d","_e","hasShadow","alertVariant","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","shadows","md","Boolean"],"mappings":"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"}
+{"version":3,"file":"alert.component-fae00941.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 React from 'react';\nimport { AlertConfig } from '../alert.config';\nimport { Status } from '../alert.types';\nimport { CustomStyleConfig } from 'shared/types';\nimport { Button, ButtonProps, ButtonVariantType  } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n}\n\ninterface ButtonConfig {\n  button?: {\n    variant?: ButtonVariantType;\n    [key: string]: any;\n  };\n  [key: string]: any;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, ...rest } = buttonProps;\n  let variant = 'secondary';\n\n  const alertConfig: CustomStyleConfig = AlertConfig as CustomStyleConfig;\n  const configStyles: ButtonConfig = (alertConfig.variants?.default || {}) as ButtonConfig;\n  const buttonVariant = configStyles?.button?.variant;\n\n  if (status === \"default\" && buttonVariant) {\n    variant = buttonVariant;\n  }\n\n  const buttonStyles = { variant: variant as ButtonVariantType };\n\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\" {...buttonStyles} {...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/react';\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 { IconColorToken } from '../Icon/icon.types';\nimport { IconName } from '../../icons';\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  default: 'default',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n  default: 'defaultDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColorToken> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  default: 'active',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n","import React from 'react';\nimport { Box, useColorModeValue } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\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 typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\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/react';\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, Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\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 { shadows } from 'theme/tokens';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title' | 'status'> {\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  hasShadow?: boolean;\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  hasShadow = false,\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)} status={status} />\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)} status={status} />\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)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\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      // chakra md shadow if hasShadow is true with rounded corners\n      {...(hasShadow && { boxShadow: shadows.md })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","rest","__rest","variant","configStyles","_a","AlertConfig","variants","default","buttonVariant","_b","button","buttonStyles","React","createElement","Box","className","pt","pb","Button","__assign","size","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","Fragment","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_c","_d","_e","hasShadow","alertVariant","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","shadows","md","Boolean"],"mappings":"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"}

package/build/{avatar.component-7967925a.js → avatar.component-a6fb2a89.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),a=require("react"),r=require("./icon.component-e34857d4.js"),o=require("./tooltip.component-25303330.js"),t=require("./useTheme-d7d8c3f5.js"),n=require("./avatarBadge.component-0e37bf48.js"),i=require("./picture.component-c9ffd27e.js"),c=require("./chakra-ui-avatar.esm-d7e98d56.js"),s=require("./chakra-ui-layout.esm-493ee04b.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,u=d(a);exports.AvatarVariant=void 0,(l=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",l.Red="red",l.Blue="blue",l.Comet="comet",l.Dark="dark",l.Dashed="dashed",l.Test="test";var v=function(e,a,r){var o;switch(void 0===a&&(a=!0),void 0===r&&(r=1),e){case"xs":o=a?"sm":"xs";break;case"sm":o=a?"md":"xs";break;case"md":o=a?"lg":"sm";break;case"lg":o=a?"xl":"md";break;case"xl":o=a?"2xl":"lg";break;case"2xl":o=a?"2xl":"xl";break;default:o=e}return r>1&&(o=v(o,a,r-1)),o};exports.Avatar=function(d){var l,p=d.badgeProps,m=d.handleClick,b=d.handleRemoveButtonClick,g=d.hideBorder,h=void 0!==g&&g,x=d.iconName,k=d.name,_=void 0===k?"":k,f=d.randomizeVariant,C=void 0!==f&&f,A=d.showBadge,w=void 0!==A&&A,V=d.showRemoveButton,B=void 0!==V&&V,y=d.showTooltip,z=void 0===y||y,j=d.size,E=void 0===j?"md":j,T=d.src,q=d.webpSrc,R=d.tooltipPlacement,S=void 0===R?"bottom":R,P=d.tooltipText,I=d.variant,M=void 0===I?exports.AvatarVariant.Comet:I,D=e.__rest(d,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","showBadge","showRemoveButton","showTooltip","size","src","webpSrc","tooltipPlacement","tooltipText","variant"]),G=t.useTheme(),L=G.colors,N=G.radii,F=e.__read(a.useState(!!T||!!q),2),W=F[0],H=F[1],J=e.__read(a.useState(!1),2),K=J[0],O=J[1],Q=e.__read(a.useState(!1),2),U=Q[0],X=Q[1],Y="xs"===E,Z=M;C&&(l=_.charCodeAt(0),Z=l>=65&&l<=71?exports.AvatarVariant.Blue:l>=72&&l<=77?exports.AvatarVariant.Red:l>=78&&l<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet);var $=a.useMemo((function(){var e={_hover:{backgroundColor:L.gray[50],img:{opacity:1},zIndex:2},_active:{backgroundColor:L.gray[100],img:{opacity:1}}};switch(Z){case exports.AvatarVariant.Comet:e._hover.backgroundColor=L.gray[100],e._active.backgroundColor=L.gray[200];break;case exports.AvatarVariant.Dark:e._hover.backgroundColor=L.blue[700],e._active.backgroundColor=L.blue[600];break;case exports.AvatarVariant.Dashed:e._hover.backgroundColor=L.blackAlpha[100],e._hover.zIndex=0,e._active.backgroundColor=L.blackAlpha[200];break;case exports.AvatarVariant.Test:e._hover.backgroundColor=L.orange[100],e._active.backgroundColor=L.orange[200]}return W&&(e._hover.backgroundColor=L.black,e._hover.img.opacity=.94,e._active.backgroundColor=L.gray[200],e._active.img.opacity=.92),e}),[Z,W,L]),ee=u.default.createElement(c.Avatar,e.__assign({name:x?"":_,size:E,src:q?void 0:T,variant:Z,boxShadow:"0 0 0 1px ".concat(h?L.transparent:L.white),borderWidth:W||h?"0px":"2px"},x&&{icon:u.default.createElement(r.Icon,{name:x,size:v(E,!0,"sm"===E||"xs"===E?2:1)})},m&&e.__assign({onClick:m,cursor:"pointer"},$),{onError:function(){return H(!1)},onMouseEnter:function(){return O(!0)},onMouseLeave:function(){return O(!1)}},D),B&&K&&!Y&&u.default.createElement(s.Box,{backgroundColor:L.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-5px",onClick:b,onMouseEnter:function(){return X(!0)},zIndex:2,onMouseLeave:function(){return X(!1)}},u.default.createElement(r.Icon,{name:"closeCircle",size:U?"sm":"xs",colorToken:"default"})),w&&u.default.createElement(n.AvatarBadge,e.__assign({avatarSize:E},p)),q&&T&&u.default.createElement(i.Picture,{src:T,webpSrc:q,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:N.full,position:"absolute",top:0,left:0}}));return z?u.default.createElement(o.Tooltip,{label:P||_,placement:S},ee):ee};
-//# sourceMappingURL=avatar.component-7967925a.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),a=require("react"),r=require("./icon.component-092995a3.js"),o=require("./tooltip.component-25303330.js"),t=require("./useTheme-d7d8c3f5.js"),n=require("./avatarBadge.component-2cc0ea86.js"),i=require("./picture.component-c9ffd27e.js"),c=require("./chakra-ui-avatar.esm-d7e98d56.js"),s=require("./chakra-ui-layout.esm-493ee04b.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,u=d(a);exports.AvatarVariant=void 0,(l=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",l.Red="red",l.Blue="blue",l.Comet="comet",l.Dark="dark",l.Dashed="dashed",l.Test="test";var v=function(e,a,r){var o;switch(void 0===a&&(a=!0),void 0===r&&(r=1),e){case"xs":o=a?"sm":"xs";break;case"sm":o=a?"md":"xs";break;case"md":o=a?"lg":"sm";break;case"lg":o=a?"xl":"md";break;case"xl":o=a?"2xl":"lg";break;case"2xl":o=a?"2xl":"xl";break;default:o=e}return r>1&&(o=v(o,a,r-1)),o};exports.Avatar=function(d){var l,p=d.badgeProps,m=d.handleClick,b=d.handleRemoveButtonClick,g=d.hideBorder,h=void 0!==g&&g,x=d.iconName,k=d.name,_=void 0===k?"":k,f=d.randomizeVariant,C=void 0!==f&&f,A=d.showBadge,w=void 0!==A&&A,V=d.showRemoveButton,B=void 0!==V&&V,y=d.showTooltip,z=void 0===y||y,j=d.size,E=void 0===j?"md":j,T=d.src,q=d.webpSrc,R=d.tooltipPlacement,S=void 0===R?"bottom":R,P=d.tooltipText,I=d.variant,M=void 0===I?exports.AvatarVariant.Comet:I,D=e.__rest(d,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","showBadge","showRemoveButton","showTooltip","size","src","webpSrc","tooltipPlacement","tooltipText","variant"]),G=t.useTheme(),L=G.colors,N=G.radii,F=e.__read(a.useState(!!T||!!q),2),W=F[0],H=F[1],J=e.__read(a.useState(!1),2),K=J[0],O=J[1],Q=e.__read(a.useState(!1),2),U=Q[0],X=Q[1],Y="xs"===E,Z=M;C&&(l=_.charCodeAt(0),Z=l>=65&&l<=71?exports.AvatarVariant.Blue:l>=72&&l<=77?exports.AvatarVariant.Red:l>=78&&l<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet);var $=a.useMemo((function(){var e={_hover:{backgroundColor:L.gray[50],img:{opacity:1},zIndex:2},_active:{backgroundColor:L.gray[100],img:{opacity:1}}};switch(Z){case exports.AvatarVariant.Comet:e._hover.backgroundColor=L.gray[100],e._active.backgroundColor=L.gray[200];break;case exports.AvatarVariant.Dark:e._hover.backgroundColor=L.blue[700],e._active.backgroundColor=L.blue[600];break;case exports.AvatarVariant.Dashed:e._hover.backgroundColor=L.blackAlpha[100],e._hover.zIndex=0,e._active.backgroundColor=L.blackAlpha[200];break;case exports.AvatarVariant.Test:e._hover.backgroundColor=L.orange[100],e._active.backgroundColor=L.orange[200]}return W&&(e._hover.backgroundColor=L.black,e._hover.img.opacity=.94,e._active.backgroundColor=L.gray[200],e._active.img.opacity=.92),e}),[Z,W,L]),ee=u.default.createElement(c.Avatar,e.__assign({name:x?"":_,size:E,src:q?void 0:T,variant:Z,boxShadow:"0 0 0 1px ".concat(h?L.transparent:L.white),borderWidth:W||h?"0px":"2px"},x&&{icon:u.default.createElement(r.Icon,{name:x,size:v(E,!0,"sm"===E||"xs"===E?2:1)})},m&&e.__assign({onClick:m,cursor:"pointer"},$),{onError:function(){return H(!1)},onMouseEnter:function(){return O(!0)},onMouseLeave:function(){return O(!1)}},D),B&&K&&!Y&&u.default.createElement(s.Box,{backgroundColor:L.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-5px",onClick:b,onMouseEnter:function(){return X(!0)},zIndex:2,onMouseLeave:function(){return X(!1)}},u.default.createElement(r.Icon,{name:"closeCircle",size:U?"sm":"xs",colorToken:"default"})),w&&u.default.createElement(n.AvatarBadge,e.__assign({avatarSize:E},p)),q&&T&&u.default.createElement(i.Picture,{src:T,webpSrc:q,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:N.full,position:"absolute",top:0,left:0}}));return z?u.default.createElement(o.Tooltip,{label:P||_,placement:S},ee):ee};
+//# sourceMappingURL=avatar.component-a6fb2a89.js.map

package/build/{avatar.component-7967925a.js.map → avatar.component-a6fb2a89.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-7967925a.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\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 IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useState, useMemo } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Box } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport { Picture } from 'components/Picture';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\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  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  webpSrc,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Comet,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Comet:\n        styles._hover.backgroundColor = colors.gray[100];\n        styles._active.backgroundColor = colors.gray[200];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n      borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-5px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={2}\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      {webpSrc && src && (\n        <Picture\n          src={src}\n          webpSrc={webpSrc}\n          imgProps={{\n            w: '100%',\n            h: '100%',\n            objectFit: 'cover',\n            borderRadius: radii.full,\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\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":["AvatarVariant","getNextIconSize","size","larger","count","nextSize","_a","charCode","badgeProps","handleClick","handleRemoveButtonClick","_b","hideBorder","iconName","_c","name","_d","randomizeVariant","_e","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","webpSrc","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","_l","useTheme","colors","radii","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","transparent","white","borderWidth","icon","Icon","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Picture","imgProps","w","h","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-a6fb2a89.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\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 IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useState, useMemo } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Box } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport { Picture } from 'components/Picture';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\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  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  webpSrc,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Comet,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Comet:\n        styles._hover.backgroundColor = colors.gray[100];\n        styles._active.backgroundColor = colors.gray[200];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n      borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-5px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={2}\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      {webpSrc && src && (\n        <Picture\n          src={src}\n          webpSrc={webpSrc}\n          imgProps={{\n            w: '100%',\n            h: '100%',\n            objectFit: 'cover',\n            borderRadius: radii.full,\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\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":["AvatarVariant","getNextIconSize","size","larger","count","nextSize","_a","charCode","badgeProps","handleClick","handleRemoveButtonClick","_b","hideBorder","iconName","_c","name","_d","randomizeVariant","_e","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","webpSrc","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","_l","useTheme","colors","radii","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","transparent","white","borderWidth","icon","Icon","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Picture","imgProps","w","h","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}

package/build/{avatarBadge.component-0e37bf48.js → avatarBadge.component-2cc0ea86.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("react"),o=require("./icon.component-e34857d4.js"),a=require("./avatar.config-90fae63d.js"),e=require("./color.record-8ec2eb8a.js"),r=require("./chakra-ui-avatar.esm-d7e98d56.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i,c=n(t);exports.AvatarBadgePosition=void 0,(i=exports.AvatarBadgePosition||(exports.AvatarBadgePosition={})).TopLeft="topLeft",i.TopRight="topRight",i.BottomLeft="bottomLeft",i.BottomRight="bottomRight";exports.AvatarBadge=function(n){var i=n.avatarSize,s=n.badgeIconName,d=n.badgeBackgroundColor,p=void 0===d?e.semanticColors.background.info:d,l=n.badgeBorderColor,x=void 0===l?e.coreColors.white:l,v=n.badgeIconColor,u=void 0===v?e.adaptiveColors.icon.light.active:v,g=n.badgePosition,f=void 0===g?exports.AvatarBadgePosition.BottomRight:g,m=t.useMemo((function(){return"xs"===i||!s}),[s,i]);return c.default.createElement(r.AvatarBadge,{color:u,borderColor:x,borderWidth:"1px",bg:p,boxSize:m?"10px":"18px",transform:function(t){var o,e,r,n,c=null===(n=null===(r=null===(e=null===(o=a.AvatarConfig.sizes)||void 0===o?void 0:o[i])||void 0===e?void 0:e.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),s=Number(null==c?void 0:c.replace("px",""))/2;switch(t){case exports.AvatarBadgePosition.TopLeft:return m&&"xs"!==i?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case exports.AvatarBadgePosition.TopRight:return m&&"xs"!==i?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/3,"px, ").concat(-1.2*s,"px)");case exports.AvatarBadgePosition.BottomLeft:return m&&"xs"!==i?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return m&&"xs"!==i?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(f)},!m&&s&&c.default.createElement(o.Icon,{name:s,size:"xs"}))};
-//# sourceMappingURL=avatarBadge.component-0e37bf48.js.map
+"use strict";var t=require("react"),o=require("./icon.component-092995a3.js"),a=require("./avatar.config-90fae63d.js"),e=require("./color.record-8ec2eb8a.js"),r=require("./chakra-ui-avatar.esm-d7e98d56.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i,c=n(t);exports.AvatarBadgePosition=void 0,(i=exports.AvatarBadgePosition||(exports.AvatarBadgePosition={})).TopLeft="topLeft",i.TopRight="topRight",i.BottomLeft="bottomLeft",i.BottomRight="bottomRight";exports.AvatarBadge=function(n){var i=n.avatarSize,s=n.badgeIconName,d=n.badgeBackgroundColor,p=void 0===d?e.semanticColors.background.info:d,l=n.badgeBorderColor,x=void 0===l?e.coreColors.white:l,v=n.badgeIconColor,u=void 0===v?e.adaptiveColors.icon.light.active:v,g=n.badgePosition,f=void 0===g?exports.AvatarBadgePosition.BottomRight:g,m=t.useMemo((function(){return"xs"===i||!s}),[s,i]);return c.default.createElement(r.AvatarBadge,{color:u,borderColor:x,borderWidth:"1px",bg:p,boxSize:m?"10px":"18px",transform:function(t){var o,e,r,n,c=null===(n=null===(r=null===(e=null===(o=a.AvatarConfig.sizes)||void 0===o?void 0:o[i])||void 0===e?void 0:e.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),s=Number(null==c?void 0:c.replace("px",""))/2;switch(t){case exports.AvatarBadgePosition.TopLeft:return m&&"xs"!==i?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case exports.AvatarBadgePosition.TopRight:return m&&"xs"!==i?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/3,"px, ").concat(-1.2*s,"px)");case exports.AvatarBadgePosition.BottomLeft:return m&&"xs"!==i?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return m&&"xs"!==i?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(f)},!m&&s&&c.default.createElement(o.Icon,{name:s,size:"xs"}))};
+//# sourceMappingURL=avatarBadge.component-2cc0ea86.js.map

package/build/{avatarBadge.component-0e37bf48.js.map → avatarBadge.component-2cc0ea86.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarBadge.component-0e37bf48.js","sources":["../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["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/react';\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 '../../../../icons';\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 = semanticColors.background.info,\n  badgeBorderColor = coreColors.white,\n  badgeIconColor = adaptiveColors.icon.light.active,\n  badgePosition = AvatarBadgePosition.BottomRight,\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 / 3}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}\n      borderColor={badgeBorderColor}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n"],"names":["AvatarBadgePosition","_a","avatarSize","badgeIconName","_b","badgeBackgroundColor","semanticColors","background","info","_c","badgeBorderColor","coreColors","white","_d","badgeIconColor","adaptiveColors","icon","light","active","_e","badgePosition","BottomRight","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","borderColor","borderWidth","bg","boxSize","transform","position","parentSizeString","AvatarConfig","sizes","container","height","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","Icon","name","size"],"mappings":"2RAAYA,SAAAA,QAKXA,yBAAA,GALWA,EAAAA,QAAmBA,sBAAnBA,4BAKX,KAJC,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA,kCCkByB,SAACC,OAC1BC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAqDH,EAAAI,qBAArDA,OAAuB,IAAAD,EAAAE,EAAcA,eAACC,WAAWC,KAAIJ,EACrDK,qBAAAC,aAAmBC,aAAWC,MAAKH,EACnCI,mBAAAC,aAAiBC,EAAcA,eAACC,KAAKC,MAAMC,OAAML,EACjDM,EAA+ClB,EAAAmB,cAA/CA,OAAgB,IAAAD,EAAAnB,4BAAoBqB,YAAWF,EAEzCG,EAAgBC,EAAAA,SAAQ,WAAM,MAAe,OAAfrB,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEsB,EAAAA,QAACC,cAAAC,EAAAA,YACC,CAAAC,MAAOb,EACPc,YAAalB,EACbmB,YAAY,MACZC,GAAIzB,EACJ0B,QAAST,EAAgB,OAAS,OAClCU,UAlCsB,SAACC,eACnBC,EAEgB,QAFGrB,EAEb,kBADVT,UAAAH,EAAAkC,eAAaC,4BAAQlC,yBACpBmC,iBAAS,IAAA5B,OAAA,EAAAA,EAAE6B,cAAQ,IAAAzB,OAAA,EAAAA,EAAA0B,WAEhBC,EADaC,OAAOP,MAAAA,OAAgB,EAAhBA,EAAkBQ,QAAQ,KAAM,KACzB,EAEjC,OAAQT,GACN,KAAKjC,QAAmBA,oBAAC2C,QACvB,OAAOrB,GAAgC,OAAfpB,EACpB,aAAa0C,QAAe,KAAfJ,EAAmB,QAAAI,QAAsB,KAAfJ,EAAwB,OAC/D,aAAAI,QAA4B,IAAfJ,EAAyB,QAAAI,QAAe,IAAfJ,EAAkB,OAC9D,KAAKxC,QAAmBA,oBAAC6C,SACvB,OAAOvB,GAAgC,OAAfpB,EACpB,aAAa0C,OAAAJ,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaI,OAAAJ,EAAc,EAAQ,QAAAI,QAAe,IAAfJ,EAAkB,OAC3D,KAAKxC,QAAmBA,oBAAC8C,WACvB,OAAOxB,GAAgC,OAAfpB,EACpB,aAAa0C,QAAe,KAAfJ,EAA0B,QAAAI,OAAAJ,EAAc,GAAO,OAC5D,aAAaI,QAAe,IAAfJ,EAAkB,QAAAI,OAAOJ,EAAc,EAAC,OAC3D,QACE,OAAOlB,GAAgC,OAAfpB,EACpB,oBAAasC,EAAc,GAAS,QAAAI,OAAAJ,EAAc,GAAO,OACzD,aAAaI,OAAAJ,EAAc,iBAAQA,EAAc,EAAC,QAW7CO,CAAkB3B,KAE3BE,GAAiBnB,GAAiBqB,EAAA,QAAAC,cAACuB,EAAIA,KAAA,CAACC,KAAM9C,EAAe+C,KAAM"}
+{"version":3,"file":"avatarBadge.component-2cc0ea86.js","sources":["../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["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/react';\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 '../../../../icons';\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 = semanticColors.background.info,\n  badgeBorderColor = coreColors.white,\n  badgeIconColor = adaptiveColors.icon.light.active,\n  badgePosition = AvatarBadgePosition.BottomRight,\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 / 3}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}\n      borderColor={badgeBorderColor}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n"],"names":["AvatarBadgePosition","_a","avatarSize","badgeIconName","_b","badgeBackgroundColor","semanticColors","background","info","_c","badgeBorderColor","coreColors","white","_d","badgeIconColor","adaptiveColors","icon","light","active","_e","badgePosition","BottomRight","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","borderColor","borderWidth","bg","boxSize","transform","position","parentSizeString","AvatarConfig","sizes","container","height","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","Icon","name","size"],"mappings":"2RAAYA,SAAAA,QAKXA,yBAAA,GALWA,EAAAA,QAAmBA,sBAAnBA,4BAKX,KAJC,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA,kCCkByB,SAACC,OAC1BC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAqDH,EAAAI,qBAArDA,OAAuB,IAAAD,EAAAE,EAAcA,eAACC,WAAWC,KAAIJ,EACrDK,qBAAAC,aAAmBC,aAAWC,MAAKH,EACnCI,mBAAAC,aAAiBC,EAAcA,eAACC,KAAKC,MAAMC,OAAML,EACjDM,EAA+ClB,EAAAmB,cAA/CA,OAAgB,IAAAD,EAAAnB,4BAAoBqB,YAAWF,EAEzCG,EAAgBC,EAAAA,SAAQ,WAAM,MAAe,OAAfrB,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEsB,EAAAA,QAACC,cAAAC,EAAAA,YACC,CAAAC,MAAOb,EACPc,YAAalB,EACbmB,YAAY,MACZC,GAAIzB,EACJ0B,QAAST,EAAgB,OAAS,OAClCU,UAlCsB,SAACC,eACnBC,EAEgB,QAFGrB,EAEb,kBADVT,UAAAH,EAAAkC,eAAaC,4BAAQlC,yBACpBmC,iBAAS,IAAA5B,OAAA,EAAAA,EAAE6B,cAAQ,IAAAzB,OAAA,EAAAA,EAAA0B,WAEhBC,EADaC,OAAOP,MAAAA,OAAgB,EAAhBA,EAAkBQ,QAAQ,KAAM,KACzB,EAEjC,OAAQT,GACN,KAAKjC,QAAmBA,oBAAC2C,QACvB,OAAOrB,GAAgC,OAAfpB,EACpB,aAAa0C,QAAe,KAAfJ,EAAmB,QAAAI,QAAsB,KAAfJ,EAAwB,OAC/D,aAAAI,QAA4B,IAAfJ,EAAyB,QAAAI,QAAe,IAAfJ,EAAkB,OAC9D,KAAKxC,QAAmBA,oBAAC6C,SACvB,OAAOvB,GAAgC,OAAfpB,EACpB,aAAa0C,OAAAJ,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaI,OAAAJ,EAAc,EAAQ,QAAAI,QAAe,IAAfJ,EAAkB,OAC3D,KAAKxC,QAAmBA,oBAAC8C,WACvB,OAAOxB,GAAgC,OAAfpB,EACpB,aAAa0C,QAAe,KAAfJ,EAA0B,QAAAI,OAAAJ,EAAc,GAAO,OAC5D,aAAaI,QAAe,IAAfJ,EAAkB,QAAAI,OAAOJ,EAAc,EAAC,OAC3D,QACE,OAAOlB,GAAgC,OAAfpB,EACpB,oBAAasC,EAAc,GAAS,QAAAI,OAAAJ,EAAc,GAAO,OACzD,aAAaI,OAAAJ,EAAc,iBAAQA,EAAc,EAAC,QAW7CO,CAAkB3B,KAE3BE,GAAiBnB,GAAiBqB,EAAA,QAAAC,cAACuB,EAAIA,KAAA,CAACC,KAAM9C,EAAe+C,KAAM"}

package/build/{avatarGroup.component-b16a245e.js → avatarGroup.component-60d900fd.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./avatar.component-7967925a.js"),n=require("./chakra-ui-avatar.esm-d7e98d56.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.AvatarGroup=function(r){var i=r.addButtonTooltipText,u=r.avatars,l=r.handleAddButtonClick,d=r.handleRemoveButtonClick,s=r.max,v=void 0===s?3:s,c=r.showAddButton,m=void 0===c||c,f=r.showRemoveAvatarButton,h=void 0!==f&&f,p=r.size,A=void 0===p?"md":p,B=t.useMemo((function(){return u.map((function(e){return e.name})).join(", ")}),[u]),k="lg"===A||"md"===A?-2:-1;return o.default.createElement(n.AvatarGroup,{size:A,spacing:k},u.length>v?o.default.createElement(a.Avatar,{name:"".concat(u.length),size:A,variant:a.AvatarVariant.Dark,showRemoveButton:!1,tooltipText:B}):u.map((function(t){return o.default.createElement(a.Avatar,e.__assign({},t,{key:t.name,size:A,showRemoveButton:h,handleRemoveButtonClick:d}))})),m&&o.default.createElement(a.Avatar,{variant:a.AvatarVariant.Dashed,iconName:"plus",handleClick:l,tooltipText:i,size:A}))};
-//# sourceMappingURL=avatarGroup.component-b16a245e.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./avatar.component-a6fb2a89.js"),n=require("./chakra-ui-avatar.esm-d7e98d56.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.AvatarGroup=function(r){var i=r.addButtonTooltipText,u=r.avatars,l=r.handleAddButtonClick,d=r.handleRemoveButtonClick,s=r.max,v=void 0===s?3:s,c=r.showAddButton,m=void 0===c||c,f=r.showRemoveAvatarButton,h=void 0!==f&&f,p=r.size,A=void 0===p?"md":p,B=t.useMemo((function(){return u.map((function(e){return e.name})).join(", ")}),[u]),k="lg"===A||"md"===A?-2:-1;return o.default.createElement(n.AvatarGroup,{size:A,spacing:k},u.length>v?o.default.createElement(a.Avatar,{name:"".concat(u.length),size:A,variant:a.AvatarVariant.Dark,showRemoveButton:!1,tooltipText:B}):u.map((function(t){return o.default.createElement(a.Avatar,e.__assign({},t,{key:t.name,size:A,showRemoveButton:h,handleRemoveButtonClick:d}))})),m&&o.default.createElement(a.Avatar,{variant:a.AvatarVariant.Dashed,iconName:"plus",handleClick:l,tooltipText:i,size:A}))};
+//# sourceMappingURL=avatarGroup.component-60d900fd.js.map

package/build/{avatarGroup.component-b16a245e.js.map → avatarGroup.component-60d900fd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-b16a245e.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\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\n          name={`${avatars.length}`}\n          size={size}\n          variant={AvatarVariant.Dark}\n          showRemoveButton={false}\n          tooltipText={mergedNames}\n        />\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          variant={AvatarVariant.Dashed}\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["_a","addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","_b","max","_c","showAddButton","_d","showRemoveAvatarButton","_e","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","concat","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","key","Dashed","iconName","handleClick"],"mappings":"4QAgB2B,SAACA,GAC1B,IAAAC,yBACAC,EAAOF,EAAAE,QACPC,EAAoBH,EAAAG,qBACpBC,EAAuBJ,EAAAI,wBACvBC,EAAOL,EAAAM,IAAPA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAoBP,EAAAQ,cAApBA,OAAgB,IAAAD,GAAIA,EACpBE,2BAAAC,OAAyB,IAAAD,KACzBE,EAAAX,EAAAY,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAELE,EAAcC,EAAAA,SAAQ,WAAM,OAAAZ,EAAQa,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAAChB,IAC9EiB,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAX,KAAMA,EAAMO,QAASA,GAChCjB,EAAQsB,OAASlB,EAChBc,UAACC,cAAAI,EAAMA,QACLR,KAAM,GAAGS,OAAAxB,EAAQsB,QACjBZ,KAAMA,EACNe,QAASC,EAAaA,cAACC,KACvBC,kBAAkB,EAClBC,YAAalB,IAGfX,EAAQa,KAAI,SAACC,GAAW,OACtBI,wBAACK,EAAAA,OAAMO,EAAAA,SAAA,GACDhB,EAAM,CACViB,IAAKjB,EAAOC,KACZL,KAAMA,EACNkB,iBAAkBpB,EAClBN,wBAAyBA,QAI9BI,GACCY,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAE,QAASC,EAAAA,cAAcM,OACvBC,SAAS,OACTC,YAAajC,EACb4B,YAAa9B,EACbW,KAAMA"}
+{"version":3,"file":"avatarGroup.component-60d900fd.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\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\n          name={`${avatars.length}`}\n          size={size}\n          variant={AvatarVariant.Dark}\n          showRemoveButton={false}\n          tooltipText={mergedNames}\n        />\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          variant={AvatarVariant.Dashed}\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["_a","addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","_b","max","_c","showAddButton","_d","showRemoveAvatarButton","_e","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","concat","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","key","Dashed","iconName","handleClick"],"mappings":"4QAgB2B,SAACA,GAC1B,IAAAC,yBACAC,EAAOF,EAAAE,QACPC,EAAoBH,EAAAG,qBACpBC,EAAuBJ,EAAAI,wBACvBC,EAAOL,EAAAM,IAAPA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAoBP,EAAAQ,cAApBA,OAAgB,IAAAD,GAAIA,EACpBE,2BAAAC,OAAyB,IAAAD,KACzBE,EAAAX,EAAAY,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAELE,EAAcC,EAAAA,SAAQ,WAAM,OAAAZ,EAAQa,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAAChB,IAC9EiB,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAX,KAAMA,EAAMO,QAASA,GAChCjB,EAAQsB,OAASlB,EAChBc,UAACC,cAAAI,EAAMA,QACLR,KAAM,GAAGS,OAAAxB,EAAQsB,QACjBZ,KAAMA,EACNe,QAASC,EAAaA,cAACC,KACvBC,kBAAkB,EAClBC,YAAalB,IAGfX,EAAQa,KAAI,SAACC,GAAW,OACtBI,wBAACK,EAAAA,OAAMO,EAAAA,SAAA,GACDhB,EAAM,CACViB,IAAKjB,EAAOC,KACZL,KAAMA,EACNkB,iBAAkBpB,EAClBN,wBAAyBA,QAI9BI,GACCY,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAE,QAASC,EAAAA,cAAcM,OACvBC,SAAS,OACTC,YAAajC,EACb4B,YAAa9B,EACbW,KAAMA"}

package/build/{button.component-574f99f3.js → button.component-1974818b.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./icon.component-e34857d4.js"),a=require("./strings-03c30366.js"),o=require("./useTheme-d7d8c3f5.js"),t=require("./chakra-ui-button.esm-32e420eb.js"),s=require("./chakra-ui-system.esm-b563b97d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(r),u=r.forwardRef((function(r,n){var u=o.useTheme(),l=u.components,c=u.fontWeights,f=u.radii,b=l.Button[r.variant||"primary"],m=b.variant,v=b.light,h=b.dark,g=r.darkMode?h:v,_=s.useColorModeValue(g.default,h.default),p=s.useColorModeValue(g.content,h.content),z=s.useColorModeValue(g.border,h.border),M=e.__assign(e.__assign({},r),{variant:m,bg:_,color:p,borderColor:z}),j=M.isDisabled?g.default:g.hover,q=M.isDisabled?h.default:h.hover,C={bg:s.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:s.useColorModeValue(k,B),transform:"scale(".concat(M.isDisabled?"1":"0.98",")")},V=M.iconName;M.darkMode;var x=M.iconPosition,y=e.__rest(M,["iconName","darkMode","iconPosition"]);if(V){var I=d.default.createElement(i.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=a.camelCaseToLabel(V);return d.default.createElement(t.IconButton,e.__assign({ref:n,_hover:C,_active:D,"aria-label":E,icon:I,size:M.size||"md"},y))}y["right"===x?"rightIcon":"leftIcon"]=I}return d.default.createElement(t.Button,e.__assign({fontWeight:c.semibold,cursor:"pointer",ref:n,_hover:C,_active:D,size:M.size||"md",iconSpacing:"sm"===y.size||"xs"===y.size?"4px":"8px",borderRadius:f.base},y),y.children)}));u.displayName="Button",exports.Button=u;
-//# sourceMappingURL=button.component-574f99f3.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./icon.component-092995a3.js"),i=require("./strings-03c30366.js"),o=require("./useTheme-d7d8c3f5.js"),t=require("./chakra-ui-button.esm-32e420eb.js"),s=require("./chakra-ui-system.esm-b563b97d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(r),d=r.forwardRef((function(r,n){var d=o.useTheme(),l=d.components,c=d.fontWeights,f=d.radii,b=l.Button[r.variant||"primary"],m=b.variant,v=b.light,h=b.dark,g=r.darkMode?h:v,_=s.useColorModeValue(g.default,h.default),p=s.useColorModeValue(g.content,h.content),z=s.useColorModeValue(g.border,h.border),M=e.__assign(e.__assign({},r),{variant:m,bg:_,color:p,borderColor:z}),j=M.isDisabled?g.default:g.hover,q=M.isDisabled?h.default:h.hover,C={bg:s.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:s.useColorModeValue(k,B),transform:"scale(".concat(M.isDisabled?"1":"0.98",")")},V=M.iconName;M.darkMode;var x=M.iconPosition,y=e.__rest(M,["iconName","darkMode","iconPosition"]);if(V){var I=u.default.createElement(a.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=i.camelCaseToLabel(V);return u.default.createElement(t.IconButton,e.__assign({ref:n,_hover:C,_active:D,"aria-label":E,icon:I,size:M.size||"md"},y))}y["right"===x?"rightIcon":"leftIcon"]=I}return u.default.createElement(t.Button,e.__assign({fontWeight:c.semibold,cursor:"pointer",ref:n,_hover:C,_active:D,size:M.size||"md",iconSpacing:"sm"===y.size||"xs"===y.size?"4px":"8px",borderRadius:f.base},y),y.children)}));d.displayName="Button",exports.Button=d;
+//# sourceMappingURL=button.component-1974818b.js.map

package/build/{button.component-574f99f3.js.map → button.component-1974818b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.component-574f99f3.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton, useColorModeValue } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\nimport { IconName } from '../../icons';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconSize;\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-1974818b.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton, useColorModeValue } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\nimport { IconName } from '../../icons';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconSize;\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/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-749b81be.js"),r=require("../chakra-ui-modal.esm-9136b612.js"),o=require("../chakra-ui-layout.esm-493ee04b.js"),t=require("../chakra-ui-button.esm-32e420eb.js"),s=require("../chakra-ui-alert.esm-9bb76feb.js"),a=require("../chakra-ui-avatar.esm-d7e98d56.js"),p=require("../chakra-ui-checkbox.esm-6a6974f2.js"),u=require("../chakra-ui-input.esm-5e794564.js"),i=require("../chakra-ui-menu.esm-22115f36.js"),n=require("../chakra-ui-popover.esm-af9721a4.js"),x=require("../chakra-ui-radio.esm-ee587db1.js"),d=require("../chakra-ui-select.esm-85c971dc.js"),l=require("../chakra-ui-tabs.esm-dc1c4ea8.js"),c=require("../chakra-ui-textarea.esm-cfbdac00.js"),m=require("../chakra-ui-form-control.esm-8240cc1c.js"),C=require("../chakra-ui-media-query.esm-a34e627c.js"),b=require("../chakra-ui-image.esm-acdc667a.js"),k=require("../chakra-ui-portal.esm-72927bd9.js"),h=require("../chakra-ui-hooks.esm-c8f7aa0e.js");require("../chakra-ui-icon.esm-30b0b8a9.js"),require("../chakra-ui-system.esm-b563b97d.js"),require("react"),require("../chakra-ui-clickable.esm-22135054.js"),require("../use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("../index-8fecff45.js"),require("../tslib.es6-f01c41a6.js"),require("../inheritsLoose-490721fe.js"),require("../index-5c563615.js"),require("../motion-1db106fa.js"),require("../chakra-ui-visually-hidden.esm-3406a7fd.js"),require("../chakra-ui-popper.esm-78790840.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=b.Image$1,exports.Portal=k.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-67f41e0c.js"),r=require("../chakra-ui-modal.esm-b75a8a51.js"),o=require("../chakra-ui-layout.esm-493ee04b.js"),t=require("../chakra-ui-button.esm-32e420eb.js"),s=require("../chakra-ui-alert.esm-9bb76feb.js"),a=require("../chakra-ui-avatar.esm-d7e98d56.js"),p=require("../chakra-ui-checkbox.esm-6a6974f2.js"),u=require("../chakra-ui-input.esm-5e794564.js"),i=require("../chakra-ui-menu.esm-22115f36.js"),n=require("../chakra-ui-popover.esm-af9721a4.js"),x=require("../chakra-ui-radio.esm-ee587db1.js"),d=require("../chakra-ui-select.esm-85c971dc.js"),l=require("../chakra-ui-tabs.esm-dc1c4ea8.js"),c=require("../chakra-ui-textarea.esm-cfbdac00.js"),m=require("../chakra-ui-form-control.esm-8240cc1c.js"),C=require("../chakra-ui-media-query.esm-a34e627c.js"),b=require("../chakra-ui-image.esm-acdc667a.js"),k=require("../chakra-ui-portal.esm-72927bd9.js"),h=require("../chakra-ui-hooks.esm-c8f7aa0e.js");require("../chakra-ui-icon.esm-30b0b8a9.js"),require("../chakra-ui-system.esm-b563b97d.js"),require("react"),require("../chakra-ui-clickable.esm-22135054.js"),require("../use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("../index-48417dbc.js"),require("../tslib.es6-f01c41a6.js"),require("../inheritsLoose-490721fe.js"),require("../index-5c563615.js"),require("../motion-1db106fa.js"),require("../chakra-ui-visually-hidden.esm-3406a7fd.js"),require("../chakra-ui-popper.esm-78790840.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=b.Image$1,exports.Portal=k.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/{chakra-ui-modal.esm-9136b612.js → chakra-ui-modal.esm-b75a8a51.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./chakra-ui-icon.esm-30b0b8a9.js"),t=require("./chakra-ui-system.esm-b563b97d.js"),n=require("react"),r=require("./index-8fecff45.js"),o=require("./tslib.es6-f01c41a6.js"),a=require("./inheritsLoose-490721fe.js"),i=require("./chakra-ui-portal.esm-72927bd9.js"),c=require("./index-5c563615.js"),u=require("./motion-1db106fa.js"),s=require("./chakra-ui-hooks.esm-c8f7aa0e.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(n),p=l(n);function v(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}var h={ease:[.25,.1,.25,1],easeIn:[.4,0,1,1],easeOut:[0,0,.2,1],easeInOut:[.4,0,.2,1]},y={position:{left:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"-100%",y:0}},g={position:{right:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"100%",y:0}},x={position:{top:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"-100%"}},E={position:{bottom:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"100%"}};function b(e){var t;switch(null!=(t=null==e?void 0:e.direction)?t:"right"){case"right":default:return g;case"left":return y;case"bottom":return E;case"top":return x}}var w={enter:{duration:.2,ease:h.easeOut},exit:{duration:.1,ease:h.easeIn}},_=function(e,n){return m({},e,{delay:t.isNumber(n)?n:null==n?void 0:n.enter})},N=function(e,n){return m({},e,{delay:t.isNumber(n)?n:null==n?void 0:n.exit})},k=["in","unmountOnExit","animateOpacity","startingHeight","endingHeight","style","className","transition","transitionEnd"],O={exit:{height:{duration:.2,ease:h.ease},opacity:{duration:.3,ease:h.ease}},enter:{height:{duration:.3,ease:h.ease},opacity:{duration:.4,ease:h.ease}}},C={exit:function(e){var t,n,r=e.animateOpacity,o=e.startingHeight,a=e.transition,i=e.transitionEnd,c=e.delay;return m({},r&&{opacity:(n=o,null!=n&&parseInt(n.toString(),10)>0?1:0)},{height:o,transitionEnd:null==i?void 0:i.exit,transition:null!=(t=null==a?void 0:a.exit)?t:N(O.exit,c)})},enter:function(e){var t,n=e.animateOpacity,r=e.endingHeight,o=e.transition,a=e.transitionEnd,i=e.delay;return m({},n&&{opacity:1},{height:r,transitionEnd:null==a?void 0:a.enter,transition:null!=(t=null==o?void 0:o.enter)?t:_(O.enter,i)})}},F=f.forwardRef((function(e,n){var r=e.in,o=e.unmountOnExit,a=e.animateOpacity,i=void 0===a||a,s=e.startingHeight,l=void 0===s?0:s,d=e.endingHeight,p=void 0===d?"auto":d,h=e.style,y=e.className,g=e.transition,x=e.transitionEnd,E=v(e,k),b=f.useState(!1),w=b[0],_=b[1];f.useEffect((function(){var e=setTimeout((function(){_(!0)}));return function(){return clearTimeout(e)}}),[]),t.warn({condition:Boolean(l>0&&o),message:"startingHeight and unmountOnExit are mutually exclusive. You can't use them together"});var N=parseFloat(l.toString())>0,O={startingHeight:l,endingHeight:p,animateOpacity:i,transition:w?g:{enter:{duration:0}},transitionEnd:t.mergeWith(x,{exit:o?void 0:{display:N?"block":"none"}})},F=!o||r,S=r||o?"enter":"exit";return f.createElement(c.AnimatePresence,{initial:!1,custom:O},F&&f.createElement(u.motion.div,m({ref:n},E,{className:t.cx("chakra-collapse",y),style:m({overflow:"hidden",display:"block"},h),custom:O,variants:C,initial:!!o&&"exit",animate:S,exit:"exit"})))}));t.__DEV__&&(F.displayName="Collapse");var S=["unmountOnExit","in","className","transition","transitionEnd","delay"],T={enter:function(e){var t,n=void 0===e?{}:e,r=n.transition,o=n.transitionEnd,a=n.delay;return{opacity:1,transition:null!=(t=null==r?void 0:r.enter)?t:_(w.enter,a),transitionEnd:null==o?void 0:o.enter}},exit:function(e){var t,n=void 0===e?{}:e,r=n.transition,o=n.transitionEnd,a=n.delay;return{opacity:0,transition:null!=(t=null==r?void 0:r.exit)?t:N(w.exit,a),transitionEnd:null==o?void 0:o.exit}}},M={initial:"exit",animate:"enter",exit:"exit",variants:T},P=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.className,i=e.transition,s=e.transitionEnd,l=e.delay,d=v(e,S),p=o||r?"enter":"exit",h=!r||o&&r,y={transition:i,transitionEnd:s,delay:l};return f.createElement(c.AnimatePresence,{custom:y},h&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-fade",a),custom:y},M,{animate:p},d)))}));t.__DEV__&&(P.displayName="Fade");var D=["unmountOnExit","in","reverse","initialScale","className","transition","transitionEnd","delay"],R={exit:function(e){var t,n=e.reverse,r=e.initialScale,o=e.transition,a=e.transitionEnd,i=e.delay;return m({opacity:0},n?{scale:r,transitionEnd:null==a?void 0:a.exit}:{transitionEnd:m({scale:r},null==a?void 0:a.exit)},{transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,i)})},enter:function(e){var t,n=e.transitionEnd,r=e.transition,o=e.delay;return{opacity:1,scale:1,transition:null!=(t=null==r?void 0:r.enter)?t:_(w.enter,o),transitionEnd:null==n?void 0:n.enter}}},A={initial:"exit",animate:"enter",exit:"exit",variants:R},I=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.reverse,i=void 0===a||a,s=e.initialScale,l=void 0===s?.95:s,d=e.className,p=e.transition,h=e.transitionEnd,y=e.delay,g=v(e,D),x=!r||o&&r,E=o||r?"enter":"exit",b={initialScale:l,reverse:i,transition:p,transitionEnd:h,delay:y};return f.createElement(c.AnimatePresence,{custom:b},x&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-offset-slide",d)},A,{animate:E,custom:b},g)))}));t.__DEV__&&(I.displayName="ScaleFade");var j=["direction","style","unmountOnExit","in","className","transition","transitionEnd","delay"],L={exit:{duration:.15,ease:h.easeInOut},enter:{type:"spring",damping:25,stiffness:180}},B={exit:function(e){var t,n=e.direction,r=e.transition,o=e.transitionEnd,a=e.delay;return m({},b({direction:n}).exit,{transition:null!=(t=null==r?void 0:r.exit)?t:N(L.exit,a),transitionEnd:null==o?void 0:o.exit})},enter:function(e){var t,n=e.direction,r=e.transitionEnd,o=e.transition,a=e.delay;return m({},b({direction:n}).enter,{transition:null!=(t=null==o?void 0:o.enter)?t:_(L.enter,a),transitionEnd:null==r?void 0:r.enter})}},V=f.forwardRef((function(e,n){var r=e.direction,o=void 0===r?"right":r,a=e.style,i=e.unmountOnExit,s=e.in,l=e.className,d=e.transition,p=e.transitionEnd,h=e.delay,y=v(e,j),g=b({direction:o}),x=Object.assign({position:"fixed"},g.position,a),E=!i||s&&i,w=s||i?"enter":"exit",_={transitionEnd:p,transition:d,direction:o,delay:h};return f.createElement(c.AnimatePresence,{custom:_},E&&f.createElement(u.motion.div,m({},y,{ref:n,initial:"exit",className:t.cx("chakra-slide",l),animate:w,exit:"exit",custom:_,variants:B,style:x})))}));t.__DEV__&&(V.displayName="Slide");var W=["unmountOnExit","in","reverse","className","offsetX","offsetY","transition","transitionEnd","delay"],H={initial:function(e){var t,n=e.offsetX,r=e.offsetY,o=e.transition,a=e.transitionEnd,i=e.delay;return{opacity:0,x:n,y:r,transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,i),transitionEnd:null==a?void 0:a.exit}},enter:function(e){var t,n=e.transition,r=e.transitionEnd,o=e.delay;return{opacity:1,x:0,y:0,transition:null!=(t=null==n?void 0:n.enter)?t:_(w.enter,o),transitionEnd:null==r?void 0:r.enter}},exit:function(e){var t,n=e.offsetY,r=e.offsetX,o=e.transition,a=e.transitionEnd,i=e.reverse,c=e.delay,u={x:r,y:n};return m({opacity:0,transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,c)},i?m({},u,{transitionEnd:null==a?void 0:a.exit}):{transitionEnd:m({},u,null==a?void 0:a.exit)})}},q={initial:"initial",animate:"enter",exit:"exit",variants:H},Y=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.reverse,i=void 0===a||a,s=e.className,l=e.offsetX,d=void 0===l?0:l,p=e.offsetY,h=void 0===p?8:p,y=e.transition,g=e.transitionEnd,x=e.delay,E=v(e,W),b=!r||o&&r,w=o||r?"enter":"exit",_={offsetX:d,offsetY:h,reverse:i,transition:y,transitionEnd:g,delay:x};return f.createElement(c.AnimatePresence,{custom:_},b&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-offset-slide",s),custom:_},q,{animate:w},E)))}));function X(){return X=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},X.apply(this,arguments)}t.__DEV__&&(Y.displayName="SlideFade");var G=["children","isDisabled","__css"],U=function(t){return f.createElement(e.Icon,X({focusable:"false","aria-hidden":!0},t),f.createElement("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"}))},Z=t.forwardRef((function(e,n){var r=t.useStyleConfig("CloseButton",e),o=t.omitThemingProps(e),a=o.children,i=o.isDisabled,c=o.__css,u=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(o,G);return f.createElement(t.chakra.button,X({type:"button","aria-label":"Close",ref:n,disabled:i,__css:X({},{outline:0,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},r,c)},u),a||f.createElement(U,{width:"1em",height:"1em"}))}));t.__DEV__&&(Z.displayName="CloseButton");function z(e,t){return r=t||null,o=function(t){return e.forEach((function(e){return function(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}(e,t)}))},(a=n.useState((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var t=a.value;t!==e&&(a.value=e,a.callback(e,t))}}}}))[0]).callback=o,a.facade;var r,o,a}var K={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};function J(e){return e}function Q(e,t){void 0===t&&(t=J);var n=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var o=t(e,r);return n.push(o),function(){n=n.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var o=n;n=[],o.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}}}function $(e,t){return void 0===t&&(t=J),Q(e,t)}function ee(e){void 0===e&&(e={});var t=Q(null);return t.options=o.__assign({async:!0,ssr:!1},e),t}"production"===process.env.NODE_ENV||r.PropTypes.node;var te=function(e){var t=e.sideCar,n=o.__rest(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return f.createElement(r,o.__assign({},n))};te.isSideCarExport=!0;var ne=$({},(function(e){return{target:e.target,currentTarget:e.currentTarget}})),re=$(),oe=$(),ae=ee({async:!0}),ie=[],ce=f.forwardRef((function(e,n){var r,o=f.useState(),a=o[0],i=o[1],c=f.useRef(),u=f.useRef(!1),s=f.useRef(null),l=e.children,d=e.disabled,p=e.noFocusGuards,v=e.persistentFocus,m=e.crossFrame,h=e.autoFocus,y=e.allowTextSelection,g=e.group,x=e.className,E=e.whiteList,b=e.shards,w=void 0===b?ie:b,_=e.as,N=void 0===_?"div":_,k=e.lockProps,O=void 0===k?{}:k,C=e.sideCar,F=e.returnFocus,S=e.onActivation,T=e.onDeactivation,M=f.useState({})[0],P=f.useCallback((function(){s.current=s.current||document&&document.activeElement,c.current&&S&&S(c.current),u.current=!0}),[S]),D=f.useCallback((function(){u.current=!1,T&&T(c.current)}),[T]),R=f.useCallback((function(e){var t=s.current;if(Boolean(F)&&t&&t.focus){var n="object"==typeof F?F:void 0;s.current=null,e?Promise.resolve().then((function(){return t.focus(n)})):t.focus(n)}}),[F]),A=f.useCallback((function(e){u.current&&ne.useMedium(e)}),[]),I=re.useMedium,j=f.useCallback((function(e){c.current!==e&&(c.current=e,i(e))}),[]);"production"!==process.env.NODE_ENV&&(void 0!==y&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),f.useEffect((function(){c.current||console.error("FocusLock: could not obtain ref to internal node")}),[]));var L=t._extends(((r={})["data-focus-lock-disabled"]=d&&"disabled",r["data-focus-lock"]=g,r),O),B=!0!==p,V=B&&"tail"!==p,W=z([n,j]);return f.createElement(f.Fragment,null,B&&[f.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:d?-1:0,style:K}),f.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:d?-1:1,style:K})],!d&&f.createElement(C,{id:M,sideCar:ae,observed:a,disabled:d,persistentFocus:v,crossFrame:m,autoFocus:h,whiteList:E,shards:w,onActivation:P,onDeactivation:D,returnFocus:R}),f.createElement(N,t._extends({ref:W},L,{className:x,onBlur:I,onFocus:A}),l),V&&f.createElement("div",{"data-focus-guard":!0,tabIndex:d?-1:0,style:K}))}));ce.propTypes="production"!==process.env.NODE_ENV?{children:r.propTypes.exports.node,disabled:r.propTypes.exports.bool,returnFocus:r.propTypes.exports.oneOfType([r.propTypes.exports.bool,r.propTypes.exports.object]),noFocusGuards:r.propTypes.exports.bool,allowTextSelection:r.propTypes.exports.bool,autoFocus:r.propTypes.exports.bool,persistentFocus:r.propTypes.exports.bool,crossFrame:r.propTypes.exports.bool,group:r.propTypes.exports.string,className:r.propTypes.exports.string,whiteList:r.propTypes.exports.func,shards:r.propTypes.exports.arrayOf(r.propTypes.exports.any),as:r.propTypes.exports.oneOfType([r.propTypes.exports.string,r.propTypes.exports.func,r.propTypes.exports.object]),lockProps:r.propTypes.exports.object,onActivation:r.propTypes.exports.func,onDeactivation:r.propTypes.exports.func,sideCar:r.propTypes.exports.any.isRequired}:{},ce.defaultProps={children:void 0,disabled:!1,returnFocus:!1,noFocusGuards:!1,autoFocus:!0,persistentFocus:!1,crossFrame:!0,allowTextSelection:void 0,group:void 0,className:void 0,whiteList:void 0,shards:void 0,as:"div",lockProps:{},onActivation:void 0,onDeactivation:void 0};var ue=ce;var se=function(e){for(var t=Array(e.length),n=0;n<e.length;++n)t[n]=e[n];return t},le=function(e){return Array.isArray(e)?e:[e]},de=function(e){return e.parentNode?de(e.parentNode):e},fe=function(e){return le(e).filter(Boolean).reduce((function(e,t){var n=t.getAttribute("data-focus-lock");return e.push.apply(e,n?function(e){for(var t=new Set,n=e.length,r=0;r<n;r+=1)for(var o=r+1;o<n;o+=1){var a=e[r].compareDocumentPosition(e[o]);(a&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(o),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(r)}return e.filter((function(e,n){return!t.has(n)}))}(se(de(t).querySelectorAll('[data-focus-lock="'+n+'"]:not([data-focus-lock-disabled="disabled"])'))):[t]),e}),[])},pe=function(e,t){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!function(e){if(e.nodeType!==Node.ELEMENT_NODE)return!1;var t=window.getComputedStyle(e,null);return!(!t||!t.getPropertyValue||"none"!==t.getPropertyValue("display")&&"hidden"!==t.getPropertyValue("visibility"))}(e)&&t(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)},ve=function(e,t){var n=e.get(t);if(void 0!==n)return n;var r=pe(t,ve.bind(void 0,e));return e.set(t,r),r},me=function(e){return Boolean(e&&e.dataset&&e.dataset.focusGuard)},he=function(e){return!me(e)},ye=function(e){return Boolean(e)},ge=function(e,t){var n=e.tabIndex-t.tabIndex,r=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||r},xe=function(e,t,n){return se(e).map((function(e,t){return{node:e,index:t,tabIndex:n&&-1===e.tabIndex?(e.dataset||{}).focusGuard?0:-1:e.tabIndex}})).filter((function(e){return!t||e.tabIndex>=0})).sort(ge)},Ee=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),be=Ee+", [data-focus-guard]",we=function(e,t){return e.reduce((function(e,n){return e.concat(se(n.querySelectorAll(t?be:Ee)),n.parentNode?se(n.parentNode.querySelectorAll(Ee)).filter((function(e){return e===n})):[])}),[])},_e=function(e,t){return se(e).filter((function(e){return ve(t,e)})).filter((function(e){return function(e){return!(("INPUT"===e.tagName||"BUTTON"===e.tagName)&&("hidden"===e.type||e.disabled))}(e)}))},Ne=function(e,t,n){return xe(_e(we(e,n),t),!0,n)},ke=function(e,t){return xe(_e(we(e),t),!1)},Oe=function(e,t){return _e((n=e.querySelectorAll("[data-autofocus-inside]"),se(n).map((function(e){return we([e])})).reduce((function(e,t){return e.concat(t)}),[])),t);var n},Ce=function(e,t){return void 0===t&&(t=[]),t.push(e),e.parentNode&&Ce(e.parentNode,t),t},Fe=function(e,t){for(var n=Ce(e),r=Ce(t),o=0;o<n.length;o+=1){var a=n[o];if(r.indexOf(a)>=0)return a}return!1},Se=function(e,t,n){var r=le(e),o=le(t),a=r[0],i=!1;return o.filter(Boolean).forEach((function(e){i=Fe(i||e,e)||i,n.filter(Boolean).forEach((function(e){var t=Fe(a,e);t&&(i=!i||t.contains(i)?t:Fe(t,i))}))})),i},Te=function(e){return Boolean(se(e.querySelectorAll("iframe")).some((function(e){return e===document.activeElement})))},Me=function(e){var t=document&&document.activeElement;return!(!t||t.dataset&&t.dataset.focusGuard)&&fe(e).reduce((function(e,n){return e||n.contains(t)||Te(n)}),!1)},Pe=function(e){return"INPUT"===e.tagName&&"radio"===e.type},De=function(e,t){return Pe(e)&&e.name?function(e,t){return t.filter(Pe).filter((function(t){return t.name===e.name})).filter((function(e){return e.checked}))[0]||e}(e,t):e},Re=function(e){return e[0]&&e.length>1?De(e[0],e):e[0]},Ae=function(e,t){return e.length>1?e.indexOf(De(e[t],e)):t},Ie=function(e,t,n,r){var o=e.length,a=e[0],i=e[o-1],c=me(n);if(!(e.indexOf(n)>=0)){var u,s,l=t.indexOf(n),d=r?t.indexOf(r):l,f=r?e.indexOf(r):-1,p=l-d,v=t.indexOf(a),m=t.indexOf(i),h=(u=t,s=new Set,u.forEach((function(e){return s.add(De(e,u))})),u.filter((function(e){return s.has(e)}))),y=h.indexOf(n)-(r?h.indexOf(r):l),g=Ae(e,0),x=Ae(e,o-1);return-1===l||-1===f?"NEW_FOCUS":!p&&f>=0?f:l<=v&&c&&Math.abs(p)>1?x:l>=m&&c&&Math.abs(p)>1?g:p&&Math.abs(y)>1?f:l<=v?x:l>m?g:p?Math.abs(p)>1?f:(o+f+p)%o:void 0}},je=function(e,t){var n=document&&document.activeElement,r=fe(e).filter(he),o=Se(n||e,e,r),a=new Map,i=ke(r,a),c=Ne(r,a).filter((function(e){var t=e.node;return he(t)}));if(c[0]||(c=i)[0]){var u,s,l,d,f=ke([o],a).map((function(e){return e.node})),p=(u=f,s=c,l=new Map,s.forEach((function(e){return l.set(e.node,e)})),u.map((function(e){return l.get(e)})).filter(ye)),v=p.map((function(e){return e.node})),m=Ie(v,f,n,t);if("NEW_FOCUS"===m){var h=i.map((function(e){return e.node})).filter((d=function(e,t){return e.reduce((function(e,n){return e.concat(Oe(n,t))}),[])}(r,a),function(e){return e.autofocus||e.dataset&&!!e.dataset.autofocus||d.indexOf(e)>=0}));return{node:h&&h.length?Re(h):Re(v)}}return void 0===m?m:p[m]}},Le=0,Be=!1,Ve=function(e,t){var n,r=je(e,t);if(!Be&&r){if(Le>2)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Be=!0,void setTimeout((function(){Be=!1}),1);Le++,(n=r.node).focus(),"contentWindow"in n&&n.contentWindow&&n.contentWindow.focus(),Le--}};function We(e){var t=window.setImmediate;void 0!==t?t(e):setTimeout(e,1)}var He=function(){return document&&document.activeElement===document.body||document&&se(document.querySelectorAll("[data-no-focus-lock]")).some((function(e){return e.contains(document.activeElement)}))},qe=null,Ye=null,Xe=null,Ge=!1,Ue=function(){return!0};function Ze(e,t,n,r){var o=null,a=e;do{var i=r[a];if(i.guard)i.node.dataset.focusAutoGuard&&(o=i);else{if(!i.lockItem)break;if(a!==e)return;o=null}}while((a+=n)!==t);o&&(o.node.tabIndex=0)}var ze=function(e){return e&&"current"in e?e.current:e},Ke=function(){var e,t,n,r,o,a,i,c=!1;if(qe){var u=qe,s=u.observed,l=u.persistentFocus,d=u.autoFocus,f=u.shards,p=u.crossFrame,v=s||Xe&&Xe.portaledElement,m=document&&document.activeElement;if(v){var h=[v].concat(f.map(ze).filter(Boolean));if(m&&!function(e){return(qe.whiteList||Ue)(e)}(m)||(l||(p?Boolean(Ge):"meanwhile"===Ge)||!He()||!Ye&&d)&&(!v||Me(h)||(i=m,Xe&&Xe.portaledElement===i)||(document&&!Ye&&m&&!d?(m.blur&&m.blur(),document.body.focus()):(c=Ve(h,Ye),Xe={})),Ge=!1,Ye=document&&document.activeElement),document){var y=document&&document.activeElement,g=(t=fe(e=h).filter(he),n=Se(e,e,t),r=new Map,o=Ne([n],r,!0),a=Ne(t,r).filter((function(e){var t=e.node;return he(t)})).map((function(e){return e.node})),o.map((function(e){var t=e.node;return{node:t,index:e.index,lockItem:a.indexOf(t)>=0,guard:me(t)}}))),x=g.map((function(e){return e.node})).indexOf(y);x>-1&&(g.filter((function(e){var t=e.guard,n=e.node;return t&&n.dataset.focusAutoGuard})).forEach((function(e){return e.node.removeAttribute("tabIndex")})),Ze(x,g.length,1,g),Ze(x,-1,-1,g))}}}return c},Je=function(e){Ke()&&e&&(e.stopPropagation(),e.preventDefault())},Qe=function(){return We(Ke)};"production"===process.env.NODE_ENV||r.PropTypes.node.isRequired;var $e=function(){Ge="just",setTimeout((function(){Ge="meanwhile"}),0)};ne.assignSyncMedium((function(e){var t=e.target,n=e.currentTarget;n.contains(t)||(Xe={observerNode:n,portaledElement:t})})),re.assignMedium(Qe),oe.assignMedium((function(e){return e({moveFocusInside:Ve,focusInside:Me})}));var et=function(e,t){if("production"!==process.env.NODE_ENV){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.")}return function(r){if("production"!==process.env.NODE_ENV&&"function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var o,i=[];function c(){o=e(i.map((function(e){return e.props}))),t(o)}var u,s,l,d=function(e){function t(){return e.apply(this,arguments)||this}a._inheritsLoose(t,e),t.peek=function(){return o};var n=t.prototype;return n.componentDidMount=function(){i.push(this),c()},n.componentDidUpdate=function(){c()},n.componentWillUnmount=function(){var e=i.indexOf(this);i.splice(e,1),c()},n.render=function(){return p.default.createElement(r,this.props)},t}(n.PureComponent);return u=d,s="displayName",l="SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")",s in u?Object.defineProperty(u,s,{value:l,enumerable:!0,configurable:!0,writable:!0}):u[s]=l,d}}((function(e){return e.filter((function(e){return!e.disabled}))}),(function(e){var t=e.slice(-1)[0];t&&!qe&&(document.addEventListener("focusin",Je,!0),document.addEventListener("focusout",Qe),window.addEventListener("blur",$e));var n=qe,r=n&&t&&t.id===n.id;qe=t,n&&!r&&(n.onDeactivation(),e.filter((function(e){return e.id===n.id})).length||n.returnFocus(!t)),t?(Ye=null,r&&n.observed===t.observed||t.onActivation(),Ke(),We(Ke)):(document.removeEventListener("focusin",Je,!0),document.removeEventListener("focusout",Qe),window.removeEventListener("blur",$e),Ye=null)}))((function(){return null})),tt=f.forwardRef((function(e,n){return f.createElement(ue,t._extends({sideCar:et,ref:n},e))})),nt=ue.propTypes||{};nt.sideCar;var rt=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(nt,["sideCar"]);tt.propTypes="production"!==process.env.NODE_ENV?rt:{};var ot=tt,at=function(e){var n=e.initialFocusRef,r=e.finalFocusRef,o=e.contentRef,a=e.restoreFocus,i=e.children,c=e.isDisabled,u=e.autoFocus,s=e.persistentFocus,l=e.lockFocusAcrossFrames,d=f.useCallback((function(){if(null!=n&&n.current)n.current.focus();else if(null!=o&&o.current){0===t.getAllFocusable(o.current).length&&t.focus(o.current,{nextTick:!0})}}),[n,o]),p=f.useCallback((function(){var e;null==r||null==(e=r.current)||e.focus()}),[r]),v=a&&!r;return f.createElement(ot,{crossFrame:l,persistentFocus:s,autoFocus:u,disabled:c,onActivation:d,onDeactivation:p,returnFocus:v},i)};t.__DEV__&&(at.displayName="FocusLock")
+"use strict";var e=require("./chakra-ui-icon.esm-30b0b8a9.js"),t=require("./chakra-ui-system.esm-b563b97d.js"),n=require("react"),r=require("./index-48417dbc.js"),o=require("./tslib.es6-f01c41a6.js"),a=require("./inheritsLoose-490721fe.js"),i=require("./chakra-ui-portal.esm-72927bd9.js"),c=require("./index-5c563615.js"),u=require("./motion-1db106fa.js"),s=require("./chakra-ui-hooks.esm-c8f7aa0e.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(n),p=l(n);function v(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}var h={ease:[.25,.1,.25,1],easeIn:[.4,0,1,1],easeOut:[0,0,.2,1],easeInOut:[.4,0,.2,1]},y={position:{left:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"-100%",y:0}},g={position:{right:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"100%",y:0}},x={position:{top:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"-100%"}},E={position:{bottom:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"100%"}};function b(e){var t;switch(null!=(t=null==e?void 0:e.direction)?t:"right"){case"right":default:return g;case"left":return y;case"bottom":return E;case"top":return x}}var w={enter:{duration:.2,ease:h.easeOut},exit:{duration:.1,ease:h.easeIn}},_=function(e,n){return m({},e,{delay:t.isNumber(n)?n:null==n?void 0:n.enter})},N=function(e,n){return m({},e,{delay:t.isNumber(n)?n:null==n?void 0:n.exit})},k=["in","unmountOnExit","animateOpacity","startingHeight","endingHeight","style","className","transition","transitionEnd"],O={exit:{height:{duration:.2,ease:h.ease},opacity:{duration:.3,ease:h.ease}},enter:{height:{duration:.3,ease:h.ease},opacity:{duration:.4,ease:h.ease}}},C={exit:function(e){var t,n,r=e.animateOpacity,o=e.startingHeight,a=e.transition,i=e.transitionEnd,c=e.delay;return m({},r&&{opacity:(n=o,null!=n&&parseInt(n.toString(),10)>0?1:0)},{height:o,transitionEnd:null==i?void 0:i.exit,transition:null!=(t=null==a?void 0:a.exit)?t:N(O.exit,c)})},enter:function(e){var t,n=e.animateOpacity,r=e.endingHeight,o=e.transition,a=e.transitionEnd,i=e.delay;return m({},n&&{opacity:1},{height:r,transitionEnd:null==a?void 0:a.enter,transition:null!=(t=null==o?void 0:o.enter)?t:_(O.enter,i)})}},F=f.forwardRef((function(e,n){var r=e.in,o=e.unmountOnExit,a=e.animateOpacity,i=void 0===a||a,s=e.startingHeight,l=void 0===s?0:s,d=e.endingHeight,p=void 0===d?"auto":d,h=e.style,y=e.className,g=e.transition,x=e.transitionEnd,E=v(e,k),b=f.useState(!1),w=b[0],_=b[1];f.useEffect((function(){var e=setTimeout((function(){_(!0)}));return function(){return clearTimeout(e)}}),[]),t.warn({condition:Boolean(l>0&&o),message:"startingHeight and unmountOnExit are mutually exclusive. You can't use them together"});var N=parseFloat(l.toString())>0,O={startingHeight:l,endingHeight:p,animateOpacity:i,transition:w?g:{enter:{duration:0}},transitionEnd:t.mergeWith(x,{exit:o?void 0:{display:N?"block":"none"}})},F=!o||r,S=r||o?"enter":"exit";return f.createElement(c.AnimatePresence,{initial:!1,custom:O},F&&f.createElement(u.motion.div,m({ref:n},E,{className:t.cx("chakra-collapse",y),style:m({overflow:"hidden",display:"block"},h),custom:O,variants:C,initial:!!o&&"exit",animate:S,exit:"exit"})))}));t.__DEV__&&(F.displayName="Collapse");var S=["unmountOnExit","in","className","transition","transitionEnd","delay"],T={enter:function(e){var t,n=void 0===e?{}:e,r=n.transition,o=n.transitionEnd,a=n.delay;return{opacity:1,transition:null!=(t=null==r?void 0:r.enter)?t:_(w.enter,a),transitionEnd:null==o?void 0:o.enter}},exit:function(e){var t,n=void 0===e?{}:e,r=n.transition,o=n.transitionEnd,a=n.delay;return{opacity:0,transition:null!=(t=null==r?void 0:r.exit)?t:N(w.exit,a),transitionEnd:null==o?void 0:o.exit}}},M={initial:"exit",animate:"enter",exit:"exit",variants:T},P=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.className,i=e.transition,s=e.transitionEnd,l=e.delay,d=v(e,S),p=o||r?"enter":"exit",h=!r||o&&r,y={transition:i,transitionEnd:s,delay:l};return f.createElement(c.AnimatePresence,{custom:y},h&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-fade",a),custom:y},M,{animate:p},d)))}));t.__DEV__&&(P.displayName="Fade");var D=["unmountOnExit","in","reverse","initialScale","className","transition","transitionEnd","delay"],R={exit:function(e){var t,n=e.reverse,r=e.initialScale,o=e.transition,a=e.transitionEnd,i=e.delay;return m({opacity:0},n?{scale:r,transitionEnd:null==a?void 0:a.exit}:{transitionEnd:m({scale:r},null==a?void 0:a.exit)},{transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,i)})},enter:function(e){var t,n=e.transitionEnd,r=e.transition,o=e.delay;return{opacity:1,scale:1,transition:null!=(t=null==r?void 0:r.enter)?t:_(w.enter,o),transitionEnd:null==n?void 0:n.enter}}},A={initial:"exit",animate:"enter",exit:"exit",variants:R},I=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.reverse,i=void 0===a||a,s=e.initialScale,l=void 0===s?.95:s,d=e.className,p=e.transition,h=e.transitionEnd,y=e.delay,g=v(e,D),x=!r||o&&r,E=o||r?"enter":"exit",b={initialScale:l,reverse:i,transition:p,transitionEnd:h,delay:y};return f.createElement(c.AnimatePresence,{custom:b},x&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-offset-slide",d)},A,{animate:E,custom:b},g)))}));t.__DEV__&&(I.displayName="ScaleFade");var j=["direction","style","unmountOnExit","in","className","transition","transitionEnd","delay"],L={exit:{duration:.15,ease:h.easeInOut},enter:{type:"spring",damping:25,stiffness:180}},B={exit:function(e){var t,n=e.direction,r=e.transition,o=e.transitionEnd,a=e.delay;return m({},b({direction:n}).exit,{transition:null!=(t=null==r?void 0:r.exit)?t:N(L.exit,a),transitionEnd:null==o?void 0:o.exit})},enter:function(e){var t,n=e.direction,r=e.transitionEnd,o=e.transition,a=e.delay;return m({},b({direction:n}).enter,{transition:null!=(t=null==o?void 0:o.enter)?t:_(L.enter,a),transitionEnd:null==r?void 0:r.enter})}},V=f.forwardRef((function(e,n){var r=e.direction,o=void 0===r?"right":r,a=e.style,i=e.unmountOnExit,s=e.in,l=e.className,d=e.transition,p=e.transitionEnd,h=e.delay,y=v(e,j),g=b({direction:o}),x=Object.assign({position:"fixed"},g.position,a),E=!i||s&&i,w=s||i?"enter":"exit",_={transitionEnd:p,transition:d,direction:o,delay:h};return f.createElement(c.AnimatePresence,{custom:_},E&&f.createElement(u.motion.div,m({},y,{ref:n,initial:"exit",className:t.cx("chakra-slide",l),animate:w,exit:"exit",custom:_,variants:B,style:x})))}));t.__DEV__&&(V.displayName="Slide");var W=["unmountOnExit","in","reverse","className","offsetX","offsetY","transition","transitionEnd","delay"],H={initial:function(e){var t,n=e.offsetX,r=e.offsetY,o=e.transition,a=e.transitionEnd,i=e.delay;return{opacity:0,x:n,y:r,transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,i),transitionEnd:null==a?void 0:a.exit}},enter:function(e){var t,n=e.transition,r=e.transitionEnd,o=e.delay;return{opacity:1,x:0,y:0,transition:null!=(t=null==n?void 0:n.enter)?t:_(w.enter,o),transitionEnd:null==r?void 0:r.enter}},exit:function(e){var t,n=e.offsetY,r=e.offsetX,o=e.transition,a=e.transitionEnd,i=e.reverse,c=e.delay,u={x:r,y:n};return m({opacity:0,transition:null!=(t=null==o?void 0:o.exit)?t:N(w.exit,c)},i?m({},u,{transitionEnd:null==a?void 0:a.exit}):{transitionEnd:m({},u,null==a?void 0:a.exit)})}},q={initial:"initial",animate:"enter",exit:"exit",variants:H},Y=f.forwardRef((function(e,n){var r=e.unmountOnExit,o=e.in,a=e.reverse,i=void 0===a||a,s=e.className,l=e.offsetX,d=void 0===l?0:l,p=e.offsetY,h=void 0===p?8:p,y=e.transition,g=e.transitionEnd,x=e.delay,E=v(e,W),b=!r||o&&r,w=o||r?"enter":"exit",_={offsetX:d,offsetY:h,reverse:i,transition:y,transitionEnd:g,delay:x};return f.createElement(c.AnimatePresence,{custom:_},b&&f.createElement(u.motion.div,m({ref:n,className:t.cx("chakra-offset-slide",s),custom:_},q,{animate:w},E)))}));function X(){return X=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},X.apply(this,arguments)}t.__DEV__&&(Y.displayName="SlideFade");var G=["children","isDisabled","__css"],U=function(t){return f.createElement(e.Icon,X({focusable:"false","aria-hidden":!0},t),f.createElement("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"}))},Z=t.forwardRef((function(e,n){var r=t.useStyleConfig("CloseButton",e),o=t.omitThemingProps(e),a=o.children,i=o.isDisabled,c=o.__css,u=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(o,G);return f.createElement(t.chakra.button,X({type:"button","aria-label":"Close",ref:n,disabled:i,__css:X({},{outline:0,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},r,c)},u),a||f.createElement(U,{width:"1em",height:"1em"}))}));t.__DEV__&&(Z.displayName="CloseButton");function z(e,t){return r=t||null,o=function(t){return e.forEach((function(e){return function(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}(e,t)}))},(a=n.useState((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var t=a.value;t!==e&&(a.value=e,a.callback(e,t))}}}}))[0]).callback=o,a.facade;var r,o,a}var K={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};function J(e){return e}function Q(e,t){void 0===t&&(t=J);var n=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var o=t(e,r);return n.push(o),function(){n=n.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var o=n;n=[],o.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}}}function $(e,t){return void 0===t&&(t=J),Q(e,t)}function ee(e){void 0===e&&(e={});var t=Q(null);return t.options=o.__assign({async:!0,ssr:!1},e),t}"production"===process.env.NODE_ENV||r.PropTypes.node;var te=function(e){var t=e.sideCar,n=o.__rest(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return f.createElement(r,o.__assign({},n))};te.isSideCarExport=!0;var ne=$({},(function(e){return{target:e.target,currentTarget:e.currentTarget}})),re=$(),oe=$(),ae=ee({async:!0}),ie=[],ce=f.forwardRef((function(e,n){var r,o=f.useState(),a=o[0],i=o[1],c=f.useRef(),u=f.useRef(!1),s=f.useRef(null),l=e.children,d=e.disabled,p=e.noFocusGuards,v=e.persistentFocus,m=e.crossFrame,h=e.autoFocus,y=e.allowTextSelection,g=e.group,x=e.className,E=e.whiteList,b=e.shards,w=void 0===b?ie:b,_=e.as,N=void 0===_?"div":_,k=e.lockProps,O=void 0===k?{}:k,C=e.sideCar,F=e.returnFocus,S=e.onActivation,T=e.onDeactivation,M=f.useState({})[0],P=f.useCallback((function(){s.current=s.current||document&&document.activeElement,c.current&&S&&S(c.current),u.current=!0}),[S]),D=f.useCallback((function(){u.current=!1,T&&T(c.current)}),[T]),R=f.useCallback((function(e){var t=s.current;if(Boolean(F)&&t&&t.focus){var n="object"==typeof F?F:void 0;s.current=null,e?Promise.resolve().then((function(){return t.focus(n)})):t.focus(n)}}),[F]),A=f.useCallback((function(e){u.current&&ne.useMedium(e)}),[]),I=re.useMedium,j=f.useCallback((function(e){c.current!==e&&(c.current=e,i(e))}),[]);"production"!==process.env.NODE_ENV&&(void 0!==y&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),f.useEffect((function(){c.current||console.error("FocusLock: could not obtain ref to internal node")}),[]));var L=t._extends(((r={})["data-focus-lock-disabled"]=d&&"disabled",r["data-focus-lock"]=g,r),O),B=!0!==p,V=B&&"tail"!==p,W=z([n,j]);return f.createElement(f.Fragment,null,B&&[f.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:d?-1:0,style:K}),f.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:d?-1:1,style:K})],!d&&f.createElement(C,{id:M,sideCar:ae,observed:a,disabled:d,persistentFocus:v,crossFrame:m,autoFocus:h,whiteList:E,shards:w,onActivation:P,onDeactivation:D,returnFocus:R}),f.createElement(N,t._extends({ref:W},L,{className:x,onBlur:I,onFocus:A}),l),V&&f.createElement("div",{"data-focus-guard":!0,tabIndex:d?-1:0,style:K}))}));ce.propTypes="production"!==process.env.NODE_ENV?{children:r.propTypes.exports.node,disabled:r.propTypes.exports.bool,returnFocus:r.propTypes.exports.oneOfType([r.propTypes.exports.bool,r.propTypes.exports.object]),noFocusGuards:r.propTypes.exports.bool,allowTextSelection:r.propTypes.exports.bool,autoFocus:r.propTypes.exports.bool,persistentFocus:r.propTypes.exports.bool,crossFrame:r.propTypes.exports.bool,group:r.propTypes.exports.string,className:r.propTypes.exports.string,whiteList:r.propTypes.exports.func,shards:r.propTypes.exports.arrayOf(r.propTypes.exports.any),as:r.propTypes.exports.oneOfType([r.propTypes.exports.string,r.propTypes.exports.func,r.propTypes.exports.object]),lockProps:r.propTypes.exports.object,onActivation:r.propTypes.exports.func,onDeactivation:r.propTypes.exports.func,sideCar:r.propTypes.exports.any.isRequired}:{},ce.defaultProps={children:void 0,disabled:!1,returnFocus:!1,noFocusGuards:!1,autoFocus:!0,persistentFocus:!1,crossFrame:!0,allowTextSelection:void 0,group:void 0,className:void 0,whiteList:void 0,shards:void 0,as:"div",lockProps:{},onActivation:void 0,onDeactivation:void 0};var ue=ce;var se=function(e){for(var t=Array(e.length),n=0;n<e.length;++n)t[n]=e[n];return t},le=function(e){return Array.isArray(e)?e:[e]},de=function(e){return e.parentNode?de(e.parentNode):e},fe=function(e){return le(e).filter(Boolean).reduce((function(e,t){var n=t.getAttribute("data-focus-lock");return e.push.apply(e,n?function(e){for(var t=new Set,n=e.length,r=0;r<n;r+=1)for(var o=r+1;o<n;o+=1){var a=e[r].compareDocumentPosition(e[o]);(a&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(o),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(r)}return e.filter((function(e,n){return!t.has(n)}))}(se(de(t).querySelectorAll('[data-focus-lock="'+n+'"]:not([data-focus-lock-disabled="disabled"])'))):[t]),e}),[])},pe=function(e,t){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!function(e){if(e.nodeType!==Node.ELEMENT_NODE)return!1;var t=window.getComputedStyle(e,null);return!(!t||!t.getPropertyValue||"none"!==t.getPropertyValue("display")&&"hidden"!==t.getPropertyValue("visibility"))}(e)&&t(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)},ve=function(e,t){var n=e.get(t);if(void 0!==n)return n;var r=pe(t,ve.bind(void 0,e));return e.set(t,r),r},me=function(e){return Boolean(e&&e.dataset&&e.dataset.focusGuard)},he=function(e){return!me(e)},ye=function(e){return Boolean(e)},ge=function(e,t){var n=e.tabIndex-t.tabIndex,r=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||r},xe=function(e,t,n){return se(e).map((function(e,t){return{node:e,index:t,tabIndex:n&&-1===e.tabIndex?(e.dataset||{}).focusGuard?0:-1:e.tabIndex}})).filter((function(e){return!t||e.tabIndex>=0})).sort(ge)},Ee=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),be=Ee+", [data-focus-guard]",we=function(e,t){return e.reduce((function(e,n){return e.concat(se(n.querySelectorAll(t?be:Ee)),n.parentNode?se(n.parentNode.querySelectorAll(Ee)).filter((function(e){return e===n})):[])}),[])},_e=function(e,t){return se(e).filter((function(e){return ve(t,e)})).filter((function(e){return function(e){return!(("INPUT"===e.tagName||"BUTTON"===e.tagName)&&("hidden"===e.type||e.disabled))}(e)}))},Ne=function(e,t,n){return xe(_e(we(e,n),t),!0,n)},ke=function(e,t){return xe(_e(we(e),t),!1)},Oe=function(e,t){return _e((n=e.querySelectorAll("[data-autofocus-inside]"),se(n).map((function(e){return we([e])})).reduce((function(e,t){return e.concat(t)}),[])),t);var n},Ce=function(e,t){return void 0===t&&(t=[]),t.push(e),e.parentNode&&Ce(e.parentNode,t),t},Fe=function(e,t){for(var n=Ce(e),r=Ce(t),o=0;o<n.length;o+=1){var a=n[o];if(r.indexOf(a)>=0)return a}return!1},Se=function(e,t,n){var r=le(e),o=le(t),a=r[0],i=!1;return o.filter(Boolean).forEach((function(e){i=Fe(i||e,e)||i,n.filter(Boolean).forEach((function(e){var t=Fe(a,e);t&&(i=!i||t.contains(i)?t:Fe(t,i))}))})),i},Te=function(e){return Boolean(se(e.querySelectorAll("iframe")).some((function(e){return e===document.activeElement})))},Me=function(e){var t=document&&document.activeElement;return!(!t||t.dataset&&t.dataset.focusGuard)&&fe(e).reduce((function(e,n){return e||n.contains(t)||Te(n)}),!1)},Pe=function(e){return"INPUT"===e.tagName&&"radio"===e.type},De=function(e,t){return Pe(e)&&e.name?function(e,t){return t.filter(Pe).filter((function(t){return t.name===e.name})).filter((function(e){return e.checked}))[0]||e}(e,t):e},Re=function(e){return e[0]&&e.length>1?De(e[0],e):e[0]},Ae=function(e,t){return e.length>1?e.indexOf(De(e[t],e)):t},Ie=function(e,t,n,r){var o=e.length,a=e[0],i=e[o-1],c=me(n);if(!(e.indexOf(n)>=0)){var u,s,l=t.indexOf(n),d=r?t.indexOf(r):l,f=r?e.indexOf(r):-1,p=l-d,v=t.indexOf(a),m=t.indexOf(i),h=(u=t,s=new Set,u.forEach((function(e){return s.add(De(e,u))})),u.filter((function(e){return s.has(e)}))),y=h.indexOf(n)-(r?h.indexOf(r):l),g=Ae(e,0),x=Ae(e,o-1);return-1===l||-1===f?"NEW_FOCUS":!p&&f>=0?f:l<=v&&c&&Math.abs(p)>1?x:l>=m&&c&&Math.abs(p)>1?g:p&&Math.abs(y)>1?f:l<=v?x:l>m?g:p?Math.abs(p)>1?f:(o+f+p)%o:void 0}},je=function(e,t){var n=document&&document.activeElement,r=fe(e).filter(he),o=Se(n||e,e,r),a=new Map,i=ke(r,a),c=Ne(r,a).filter((function(e){var t=e.node;return he(t)}));if(c[0]||(c=i)[0]){var u,s,l,d,f=ke([o],a).map((function(e){return e.node})),p=(u=f,s=c,l=new Map,s.forEach((function(e){return l.set(e.node,e)})),u.map((function(e){return l.get(e)})).filter(ye)),v=p.map((function(e){return e.node})),m=Ie(v,f,n,t);if("NEW_FOCUS"===m){var h=i.map((function(e){return e.node})).filter((d=function(e,t){return e.reduce((function(e,n){return e.concat(Oe(n,t))}),[])}(r,a),function(e){return e.autofocus||e.dataset&&!!e.dataset.autofocus||d.indexOf(e)>=0}));return{node:h&&h.length?Re(h):Re(v)}}return void 0===m?m:p[m]}},Le=0,Be=!1,Ve=function(e,t){var n,r=je(e,t);if(!Be&&r){if(Le>2)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Be=!0,void setTimeout((function(){Be=!1}),1);Le++,(n=r.node).focus(),"contentWindow"in n&&n.contentWindow&&n.contentWindow.focus(),Le--}};function We(e){var t=window.setImmediate;void 0!==t?t(e):setTimeout(e,1)}var He=function(){return document&&document.activeElement===document.body||document&&se(document.querySelectorAll("[data-no-focus-lock]")).some((function(e){return e.contains(document.activeElement)}))},qe=null,Ye=null,Xe=null,Ge=!1,Ue=function(){return!0};function Ze(e,t,n,r){var o=null,a=e;do{var i=r[a];if(i.guard)i.node.dataset.focusAutoGuard&&(o=i);else{if(!i.lockItem)break;if(a!==e)return;o=null}}while((a+=n)!==t);o&&(o.node.tabIndex=0)}var ze=function(e){return e&&"current"in e?e.current:e},Ke=function(){var e,t,n,r,o,a,i,c=!1;if(qe){var u=qe,s=u.observed,l=u.persistentFocus,d=u.autoFocus,f=u.shards,p=u.crossFrame,v=s||Xe&&Xe.portaledElement,m=document&&document.activeElement;if(v){var h=[v].concat(f.map(ze).filter(Boolean));if(m&&!function(e){return(qe.whiteList||Ue)(e)}(m)||(l||(p?Boolean(Ge):"meanwhile"===Ge)||!He()||!Ye&&d)&&(!v||Me(h)||(i=m,Xe&&Xe.portaledElement===i)||(document&&!Ye&&m&&!d?(m.blur&&m.blur(),document.body.focus()):(c=Ve(h,Ye),Xe={})),Ge=!1,Ye=document&&document.activeElement),document){var y=document&&document.activeElement,g=(t=fe(e=h).filter(he),n=Se(e,e,t),r=new Map,o=Ne([n],r,!0),a=Ne(t,r).filter((function(e){var t=e.node;return he(t)})).map((function(e){return e.node})),o.map((function(e){var t=e.node;return{node:t,index:e.index,lockItem:a.indexOf(t)>=0,guard:me(t)}}))),x=g.map((function(e){return e.node})).indexOf(y);x>-1&&(g.filter((function(e){var t=e.guard,n=e.node;return t&&n.dataset.focusAutoGuard})).forEach((function(e){return e.node.removeAttribute("tabIndex")})),Ze(x,g.length,1,g),Ze(x,-1,-1,g))}}}return c},Je=function(e){Ke()&&e&&(e.stopPropagation(),e.preventDefault())},Qe=function(){return We(Ke)};"production"===process.env.NODE_ENV||r.PropTypes.node.isRequired;var $e=function(){Ge="just",setTimeout((function(){Ge="meanwhile"}),0)};ne.assignSyncMedium((function(e){var t=e.target,n=e.currentTarget;n.contains(t)||(Xe={observerNode:n,portaledElement:t})})),re.assignMedium(Qe),oe.assignMedium((function(e){return e({moveFocusInside:Ve,focusInside:Me})}));var et=function(e,t){if("production"!==process.env.NODE_ENV){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.")}return function(r){if("production"!==process.env.NODE_ENV&&"function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var o,i=[];function c(){o=e(i.map((function(e){return e.props}))),t(o)}var u,s,l,d=function(e){function t(){return e.apply(this,arguments)||this}a._inheritsLoose(t,e),t.peek=function(){return o};var n=t.prototype;return n.componentDidMount=function(){i.push(this),c()},n.componentDidUpdate=function(){c()},n.componentWillUnmount=function(){var e=i.indexOf(this);i.splice(e,1),c()},n.render=function(){return p.default.createElement(r,this.props)},t}(n.PureComponent);return u=d,s="displayName",l="SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")",s in u?Object.defineProperty(u,s,{value:l,enumerable:!0,configurable:!0,writable:!0}):u[s]=l,d}}((function(e){return e.filter((function(e){return!e.disabled}))}),(function(e){var t=e.slice(-1)[0];t&&!qe&&(document.addEventListener("focusin",Je,!0),document.addEventListener("focusout",Qe),window.addEventListener("blur",$e));var n=qe,r=n&&t&&t.id===n.id;qe=t,n&&!r&&(n.onDeactivation(),e.filter((function(e){return e.id===n.id})).length||n.returnFocus(!t)),t?(Ye=null,r&&n.observed===t.observed||t.onActivation(),Ke(),We(Ke)):(document.removeEventListener("focusin",Je,!0),document.removeEventListener("focusout",Qe),window.removeEventListener("blur",$e),Ye=null)}))((function(){return null})),tt=f.forwardRef((function(e,n){return f.createElement(ue,t._extends({sideCar:et,ref:n},e))})),nt=ue.propTypes||{};nt.sideCar;var rt=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(nt,["sideCar"]);tt.propTypes="production"!==process.env.NODE_ENV?rt:{};var ot=tt,at=function(e){var n=e.initialFocusRef,r=e.finalFocusRef,o=e.contentRef,a=e.restoreFocus,i=e.children,c=e.isDisabled,u=e.autoFocus,s=e.persistentFocus,l=e.lockFocusAcrossFrames,d=f.useCallback((function(){if(null!=n&&n.current)n.current.focus();else if(null!=o&&o.current){0===t.getAllFocusable(o.current).length&&t.focus(o.current,{nextTick:!0})}}),[n,o]),p=f.useCallback((function(){var e;null==r||null==(e=r.current)||e.focus()}),[r]),v=a&&!r;return f.createElement(ot,{crossFrame:l,persistentFocus:s,autoFocus:u,disabled:c,onActivation:d,onDeactivation:p,returnFocus:v},i)};t.__DEV__&&(at.displayName="FocusLock")
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -13,4 +13,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */;var it=function(){return it=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},it.apply(this,arguments)};var ct=ee(),ut=function(){},st=f.forwardRef((function(e,t){var n=f.useRef(null),r=f.useState({onScrollCapture:ut,onWheelCapture:ut,onTouchMoveCapture:ut}),o=r[0],a=r[1],i=e.forwardProps,c=e.children,u=e.className,s=e.removeScrollBar,l=e.enabled,d=e.shards,p=e.sideCar,v=e.noIsolation,m=e.inert,h=e.allowPinchZoom,y=e.as,g=void 0===y?"div":y,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=p,b=z([n,t]),w=it({},x,o);return f.createElement(f.Fragment,null,l&&f.createElement(E,{sideCar:ct,removeScrollBar:s,shards:d,noIsolation:v,inert:m,setCallbacks:a,allowPinchZoom:!!h,lockRef:n}),i?f.cloneElement(f.Children.only(c),it({},w,{ref:b})):f.createElement(g,it({},w,{className:u,ref:b}),c))}));st.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},st.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function lt(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return t&&e.setAttribute("nonce",t),e}var dt=function(){var e=0,t=null;return{add:function(n){var r,o;0==e&&(t=lt())&&(o=n,(r=t).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){!--e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ft=function(){var e,t=(e=dt(),function(t){f.useEffect((function(){return e.add(t),function(){e.remove()}}),[t])});return function(e){var n=e.styles;return t(n),null}},pt={left:0,top:0,right:0,gap:0},vt=function(e){return parseInt(e||"",10)||0},mt=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return pt;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[vt(n),vt(r),vt(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},ht=ft(),yt=function(e,t,n,r){var o=e.left,a=e.top,i=e.right,c=e.gap;return void 0===n&&(n="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(r,";\n   padding-right: ").concat(c,"px ").concat(r,";\n  }\n  body {\n    overflow: hidden ").concat(r,";\n    ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(i,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(c,"px ").concat(r,";\n    "),"padding"===n&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat("right-scroll-bar-position"," {\n    right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat("width-before-scroll-bar"," {\n    margin-right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat("right-scroll-bar-position"," .").concat("right-scroll-bar-position"," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat("width-before-scroll-bar"," .").concat("width-before-scroll-bar"," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n  }\n")},gt=function(e){var t=f.useState(mt(e.gapMode)),n=t[0],r=t[1];f.useEffect((function(){r(mt(e.gapMode))}),[e.gapMode]);var o=e.noRelative,a=e.noImportant,i=e.gapMode,c=void 0===i?"margin":i;return f.createElement(ht,{styles:yt(n,!o,c,a?"":"!important")})},xt=function(e,t){var n=t;do{if(Et(e,n)){var r=bt(e,n);if(r[1]>r[2])return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Et=function(e,t){return"v"===e?function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowY&&!(t.overflowY===t.overflowX&&"visible"===t.overflowY)}(t):function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowX&&!(t.overflowY===t.overflowX&&"visible"===t.overflowX)}(t)},bt=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},wt=!1;if("undefined"!=typeof window)try{var _t=Object.defineProperty({},"passive",{get:function(){return wt=!0,!0}});window.addEventListener("test",_t,_t),window.removeEventListener("test",_t,_t)}catch(e){wt=!1}var Nt=!!wt&&{passive:!1},kt=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Ot=function(e){return[e.deltaX,e.deltaY]},Ct=function(e){return e&&"current"in e?e.current:e},Ft=function(e){return"\n  .block-interactivity-"+e+" {pointer-events: none;}\n  .allow-interactivity-"+e+" {pointer-events: all;}\n"},St=0,Tt=[];var Mt,Pt=(Mt=function(e){var t=f.useRef([]),n=f.useRef([0,0]),r=f.useRef(),o=f.useState(St++)[0],a=f.useState((function(){return ft()}))[0],i=f.useRef(e);f.useEffect((function(){i.current=e}),[e]),f.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);var t=[e.lockRef.current].concat((e.shards||[]).map(Ct)).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-"+o)})),function(){document.body.classList.remove("block-interactivity-"+o),t.forEach((function(e){return e.classList.remove("allow-interactivity-"+o)}))}}}),[e.inert,e.lockRef.current,e.shards]);var c=f.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!i.current.allowPinchZoom;var o,a=kt(e),c=n.current,u="deltaX"in e?e.deltaX:c[0]-a[0],s="deltaY"in e?e.deltaY:c[1]-a[1],l=e.target,d=Math.abs(u)>Math.abs(s)?"h":"v",f=xt(d,l);if(!f)return!0;if(f?o=d:(o="v"===d?"h":"v",f=xt(d,l)),!f)return!1;if(!r.current&&"changedTouches"in e&&(u||s)&&(r.current=o),!o)return!0;var p=r.current||o;return function(e,t,n,r,o){var a=r,i=n.target,c=t.contains(i),u=!1,s=a>0,l=0,d=0;do{var f=bt(e,i),p=f[0],v=f[1]-f[2]-p;(p||v)&&Et(e,i)&&(l+=v,d+=p),i=i.parentNode}while(!c&&i!==document.body||c&&(t.contains(i)||t===i));return(s&&(o&&0===l||!o&&a>l)||!s&&(o&&0===d||!o&&-a>d))&&(u=!0),u}(p,t,e,"h"===p?u:s,!0)}),[]),u=f.useCallback((function(e){var n=e;if(Tt.length&&Tt[Tt.length-1]===a){var r="deltaY"in n?Ot(n):kt(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.preventDefault();else if(!o){var u=(i.current.shards||[]).map(Ct).filter(Boolean).filter((function(e){return e.contains(n.target)}));(u.length>0?c(n,u[0]):!i.current.noIsolation)&&n.preventDefault()}}}),[]),s=f.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),l=f.useCallback((function(e){n.current=kt(e),r.current=void 0}),[]),d=f.useCallback((function(t){s(t.type,Ot(t),t.target,c(t,e.lockRef.current))}),[]),p=f.useCallback((function(t){s(t.type,kt(t),t.target,c(t,e.lockRef.current))}),[]);f.useEffect((function(){return Tt.push(a),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:p}),document.addEventListener("wheel",u,Nt),document.addEventListener("touchmove",u,Nt),document.addEventListener("touchstart",l,Nt),function(){Tt=Tt.filter((function(e){return e!==a})),document.removeEventListener("wheel",u,Nt),document.removeEventListener("touchmove",u,Nt),document.removeEventListener("touchstart",l,Nt)}}),[]);var v=e.removeScrollBar,m=e.inert;return f.createElement(f.Fragment,null,m?f.createElement(a,{styles:Ft(o)}):null,v?f.createElement(gt,{gapMode:"margin"}):null)},ct.useMedium(Mt),te),Dt=f.forwardRef((function(e,t){return f.createElement(st,it({},e,{ref:t,sideCar:Pt}))}));Dt.classNames=st.classNames;var Rt=Dt,At=new WeakMap,It=new WeakMap,jt={},Lt=0,Bt=function(e,t,n){void 0===t&&(t=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e)),void 0===n&&(n="data-aria-hidden");var r=Array.isArray(e)?e:[e];jt[n]||(jt[n]=new WeakMap);var o=jt[n],a=[],i=new Set,c=function(e){e&&!i.has(e)&&(i.add(e),c(e.parentNode))};r.forEach(c);var u=function(e){!e||r.indexOf(e)>=0||Array.prototype.forEach.call(e.children,(function(e){if(i.has(e))u(e);else{var t=e.getAttribute("aria-hidden"),r=null!==t&&"false"!==t,c=(At.get(e)||0)+1,s=(o.get(e)||0)+1;At.set(e,c),o.set(e,s),a.push(e),1===c&&r&&It.set(e,!0),1===s&&e.setAttribute(n,"true"),r||e.setAttribute("aria-hidden","true")}}))};return u(t),i.clear(),Lt++,function(){a.forEach((function(e){var t=At.get(e)-1,r=o.get(e)-1;At.set(e,t),o.set(e,r),t||(It.has(e)||e.removeAttribute("aria-hidden"),It.delete(e)),r||e.removeAttribute(n)})),--Lt||(At=new WeakMap,At=new WeakMap,It=new WeakMap,jt={})}};function Vt(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function Wt(){return Wt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Wt.apply(this,arguments)}var Ht=["preset"],qt={slideInBottom:Wt({},q,{custom:{offsetY:16,reverse:!0}}),slideInRight:Wt({},q,{custom:{offsetX:16,reverse:!0}}),scale:Wt({},A,{custom:{initialScale:.95,reverse:!0}}),none:{}},Yt=t.chakra(u.motion.section),Xt=f.forwardRef((function(e,t){var n=e.preset,r=Vt(e,Ht),o=qt[n];return f.createElement(Yt,Wt({ref:t},o,r))})),Gt=new(function(){function e(){this.modals=void 0,this.modals=[]}var t=e.prototype;return t.add=function(e){this.modals.push(e)},t.remove=function(e){this.modals=this.modals.filter((function(t){return t!==e}))},t.isTopModal=function(e){return this.modals[this.modals.length-1]===e},e}());function Ut(e){var r,o,a,i=e.isOpen,c=e.onClose,u=e.id,l=e.closeOnOverlayClick,d=void 0===l||l,f=e.closeOnEsc,p=void 0===f||f,v=e.useInert,m=void 0===v||v,h=e.onOverlayClick,y=e.onEsc,g=n.useRef(null),x=n.useRef(null),E=s.useIds(u,"chakra-modal","chakra-modal--header","chakra-modal--body"),b=E[0],w=E[1],_=E[2];o=i&&m,a=(r=g).current,n.useEffect((function(){if(r.current&&o)return Bt(r.current)}),[o,r,a]),function(e,t){n.useEffect((function(){return t&&Gt.add(e),function(){Gt.remove(e)}}),[t,e])}(g,i);var N=n.useRef(null),k=n.useCallback((function(e){N.current=e.target}),[]),O=n.useCallback((function(e){"Escape"===e.key&&(e.stopPropagation(),p&&(null==c||c()),null==y||y())}),[p,c,y]),C=n.useState(!1),F=C[0],S=C[1],T=n.useState(!1),M=T[0],P=T[1],D=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({role:"dialog"},e,{ref:t.mergeRefs(n,g),id:b,tabIndex:-1,"aria-modal":!0,"aria-labelledby":F?w:void 0,"aria-describedby":M?_:void 0,onClick:t.callAllHandlers(e.onClick,(function(e){return e.stopPropagation()}))})}),[_,M,b,w,F]),R=n.useCallback((function(e){e.stopPropagation(),N.current===e.target&&Gt.isTopModal(g)&&(d&&(null==c||c()),null==h||h())}),[c,d,h]),A=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({},e,{ref:t.mergeRefs(n,x),onClick:t.callAllHandlers(e.onClick,R),onKeyDown:t.callAllHandlers(e.onKeyDown,O),onMouseDown:t.callAllHandlers(e.onMouseDown,k)})}),[O,k,R]);return{isOpen:i,onClose:c,headerId:w,bodyId:_,setBodyMounted:P,setHeaderMounted:S,dialogRef:g,overlayRef:x,getDialogProps:D,getDialogContainerProps:A}}var Zt=["className","children","containerProps"],zt=["className","transition"],Kt=["className"],Jt=["className"],Qt=["className"],$t=["onClick","className"],en=t.createContext({strict:!0,name:"ModalContext",errorMessage:"useModalContext: `context` is undefined. Seems you forgot to wrap modal components in `<Modal />`"}),tn=en[0],nn=en[1],rn=function(e){var n=e.portalProps,r=e.children,o=e.autoFocus,a=e.trapFocus,u=e.initialFocusRef,s=e.finalFocusRef,l=e.returnFocusOnClose,d=e.blockScrollOnMount,p=e.allowPinchZoom,v=e.preserveScrollBarGap,m=e.motionPreset,h=e.lockFocusAcrossFrames,y=e.onCloseComplete,g=t.useMultiStyleConfig("Modal",e),x=Wt({},Ut(e),{autoFocus:o,trapFocus:a,initialFocusRef:u,finalFocusRef:s,returnFocusOnClose:l,blockScrollOnMount:d,allowPinchZoom:p,preserveScrollBarGap:v,motionPreset:m,lockFocusAcrossFrames:h});return f.createElement(tn,{value:x},f.createElement(t.StylesProvider,{value:g},f.createElement(c.AnimatePresence,{onExitComplete:y},x.isOpen&&f.createElement(i.Portal,n,r))))};rn.defaultProps={lockFocusAcrossFrames:!0,returnFocusOnClose:!0,scrollBehavior:"outside",trapFocus:!0,autoFocus:!0,blockScrollOnMount:!0,allowPinchZoom:!1,motionPreset:"scale"},t.__DEV__&&(rn.displayName="Modal");var on=t.chakra(u.motion.div),an=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=e.containerProps,i=Vt(e,Zt),c=nn(),u=c.getDialogProps,s=c.getDialogContainerProps,l=u(i,n),d=s(a),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh","@supports(height: -webkit-fill-available)":{height:"-webkit-fill-available"},position:"fixed",left:0,top:0},v.dialogContainer),y=nn().motionPreset;return f.createElement(cn,null,f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",tabIndex:-1,__css:h}),f.createElement(Xt,Wt({preset:y,className:p},l,{__css:m}),o)))}));function cn(e){var t=nn(),n=t.autoFocus,r=t.trapFocus,o=t.dialogRef,a=t.initialFocusRef,i=t.blockScrollOnMount,c=t.allowPinchZoom,s=t.finalFocusRef,l=t.returnFocusOnClose,d=t.preserveScrollBarGap,p=t.lockFocusAcrossFrames,v=u.usePresence(),m=v[0],h=v[1];return f.useEffect((function(){!m&&h&&setTimeout(h)}),[m,h]),f.createElement(at,{autoFocus:n,isDisabled:!r,initialFocusRef:a,finalFocusRef:s,restoreFocus:l,contentRef:o,lockFocusAcrossFrames:p},f.createElement(Rt,{removeScrollBar:!d,allowPinchZoom:c,enabled:i,forwardProps:!0},e.children))}t.__DEV__&&(an.displayName="ModalContent");var un=t.forwardRef((function(e,n){var r=e.className;e.transition;var o=Vt(e,zt),a=t.cx("chakra-modal__overlay",r),i=Wt({pos:"fixed",left:"0",top:"0",w:"100vw",h:"100vh"},t.useStyles().overlay),c="none"===nn().motionPreset?{}:M;return f.createElement(on,Wt({},c,{__css:i,ref:n,className:a},o))}));t.__DEV__&&(un.displayName="ModalOverlay");var sn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Kt),a=nn(),i=a.headerId,c=a.setHeaderMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__header",r),s=Wt({flex:0},t.useStyles().header);return f.createElement(t.chakra.header,Wt({ref:n,className:u,id:i},o,{__css:s}))}));t.__DEV__&&(sn.displayName="ModalHeader");var ln=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Jt),a=nn(),i=a.bodyId,c=a.setBodyMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__body",r),s=t.useStyles();return f.createElement(t.chakra.div,Wt({ref:n,className:u,id:i},o,{__css:s.body}))}));t.__DEV__&&(ln.displayName="ModalBody");var dn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Qt),a=t.cx("chakra-modal__footer",r),i=Wt({display:"flex",alignItems:"center",justifyContent:"flex-end"},t.useStyles().footer);return f.createElement(t.chakra.footer,Wt({ref:n},o,{__css:i,className:a}))}));t.__DEV__&&(dn.displayName="ModalFooter");var fn=t.forwardRef((function(e,n){var r=e.onClick,o=e.className,a=Vt(e,$t),i=nn().onClose,c=t.cx("chakra-modal__close-btn",o),u=t.useStyles();return f.createElement(Z,Wt({ref:n,__css:u.closeButton,className:c,onClick:t.callAllHandlers(r,(function(e){e.stopPropagation(),i()}))},a))}));t.__DEV__&&(fn.displayName="ModalCloseButton");var pn=["leastDestructiveRef"];var vn=t.forwardRef((function(e,t){return f.createElement(an,Wt({ref:t,role:"alertdialog"},e))})),mn=["isOpen","onClose","placement","children"],hn=["className","children"],yn=t.createContext(),gn=yn[0],xn=yn[1],En={start:{ltr:"left",rtl:"right"},end:{ltr:"right",rtl:"left"}};var bn=t.chakra(V),wn=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=Vt(e,hn),i=nn(),c=i.getDialogProps,u=i.getDialogContainerProps,s=i.isOpen,l=c(a,n),d=u(),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh",position:"fixed",left:0,top:0},v.dialogContainer),y=xn().placement;return f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",__css:h}),f.createElement(cn,null,f.createElement(bn,Wt({direction:y,in:s,className:p},l,{__css:m}),o)))}));t.__DEV__&&(wn.displayName="DrawerContent"),exports.AlertDialog=function(e){var t=e.leastDestructiveRef,n=Vt(e,pn);return f.createElement(rn,Wt({},n,{initialFocusRef:t}))},exports.AlertDialogContent=vn,exports.Collapse=F,exports.Drawer=function(e){var n,r=e.isOpen,o=e.onClose,a=e.placement,i=void 0===a?"right":a,c=e.children,u=Vt(e,mn),s=t.useTheme(),l=null==(n=s.components)?void 0:n.Drawer,d=function(e,t){var n,r;if(e)return null!=(n=null==(r=En[e])?void 0:r[t])?n:e}(i,s.direction);return f.createElement(gn,{value:{placement:d}},f.createElement(rn,Wt({isOpen:r,onClose:o,styleConfig:l},u),c))},exports.DrawerContent=wn,exports.Modal=rn,exports.ModalBody=ln,exports.ModalCloseButton=fn,exports.ModalContent=an,exports.ModalFooter=dn,exports.ModalHeader=sn,exports.ModalOverlay=un,exports.useModalContext=nn;
-//# sourceMappingURL=chakra-ui-modal.esm-9136b612.js.map
+//# sourceMappingURL=chakra-ui-modal.esm-b75a8a51.js.map