@televet/kibble-ui 2.0.0-beta.8678phbtk.2 → 2.0.0

package/README.md

@@ -1,6 +1,6 @@
 # Kibble
 
-Kibble is a React component library for use at TeleVet.
+Kibble is a React component library for use at Otto.
 
 ## Installation
 

package/build/alert.component-6775820d.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./alert.config-23cd80bc.js"),r=require("./button.component-73d5a120.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),a=require("./heading.component-46024b9d.js"),s=require("./icon.component-bf95e351.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-6775820d.js.map

package/build/alert.component-6775820d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component-6775820d.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/{alert.config-61314153.js → alert.config-23cd80bc.js}

@@ -1,2 +1,2 @@
-"use strict";var r=require("./color.record-2816a958.js"),o={baseStyle:{container:{borderRadius:require("./radii-ee480bd7.js").radii.md,width:"inherit",py:2}},variants:{info:{container:{backgroundColor:r.colors.background.info}},infoDark:{container:{backgroundColor:r.colors.background.dark,color:r.colors.text.dark.default}},success:{container:{backgroundColor:r.colors.background.success}},successDark:{container:{backgroundColor:r.colors.green[500],color:r.colors.text.dark.default}},warning:{container:{backgroundColor:r.colors.background.warning}},warningDark:{container:{backgroundColor:r.colors.orange[500],color:r.colors.text.dark.default}},error:{container:{backgroundColor:r.colors.background.error}},errorDark:{container:{backgroundColor:r.colors.red[600],color:r.colors.text.dark.default}},default:{container:{backgroundColor:r.colors.background.light},button:{variant:"primary"}},defaultDark:{container:{backgroundColor:r.colors.background.dark,color:r.colors.text.dark.default}}}};exports.AlertConfig=o;
-//# sourceMappingURL=alert.config-61314153.js.map
+"use strict";var r=require("./color.record-8ec2eb8a.js"),o={baseStyle:{container:{borderRadius:require("./radii-ee480bd7.js").radii.md,width:"inherit",py:2}},variants:{info:{container:{backgroundColor:r.colors.background.info}},infoDark:{container:{backgroundColor:r.colors.background.dark,color:r.colors.text.dark.default}},success:{container:{backgroundColor:r.colors.background.success}},successDark:{container:{backgroundColor:r.colors.green[500],color:r.colors.text.dark.default}},warning:{container:{backgroundColor:r.colors.background.warning}},warningDark:{container:{backgroundColor:r.colors.orange[500],color:r.colors.text.dark.default}},error:{container:{backgroundColor:r.colors.background.error}},errorDark:{container:{backgroundColor:r.colors.red[600],color:r.colors.text.dark.default}},default:{container:{backgroundColor:r.colors.background.light},button:{variant:"primary"}},defaultDark:{container:{backgroundColor:r.colors.background.dark,color:r.colors.text.dark.default}}}};exports.AlertConfig=o;
+//# sourceMappingURL=alert.config-23cd80bc.js.map

package/build/{alert.config-61314153.js.map → alert.config-23cd80bc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.config-61314153.js","sources":["../src/components/Alert/alert.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { colors, radii } from 'theme/tokens';\n\nexport const AlertConfig: ComponentStyleConfig = {\n  baseStyle: {\n    container: {\n      borderRadius: radii.md,\n      width: 'inherit',\n      py: 2,\n    },\n  },\n  variants: {\n    info: {\n      container: {\n        backgroundColor: colors.background.info,\n      },\n    },\n    infoDark: {\n      container: {\n        backgroundColor: colors.background.dark,\n        color: colors.text.dark.default,\n      },\n    },\n    success: {\n      container: {\n        backgroundColor: colors.background.success,\n      },\n    },\n    successDark: {\n      container: {\n        backgroundColor: colors.green['500'],\n        color: colors.text.dark.default,\n      },\n    },\n    warning: {\n      container: {\n        backgroundColor: colors.background.warning,\n      },\n    },\n    warningDark: {\n      container: {\n        backgroundColor: colors.orange['500'],\n        color: colors.text.dark.default,\n      },\n    },\n    error: {\n      container: {\n        backgroundColor: colors.background.error,\n      },\n    },\n    errorDark: {\n      container: {\n        backgroundColor: colors.red['600'],\n        color: colors.text.dark.default,\n      },\n    },\n    default: {\n      container: {\n        backgroundColor: colors.background.light,\n      },\n      button: {\n        variant: 'primary',\n      },\n    },\n    defaultDark: {\n      container: {\n        backgroundColor: colors.background.dark,\n        color: colors.text.dark.default,\n      },\n    },\n  },\n};\n\n\n"],"names":["AlertConfig","baseStyle","container","borderRadius","radii","md","width","py","variants","info","backgroundColor","colors","background","infoDark","dark","color","text","default","success","successDark","green","warning","warningDark","orange","error","errorDark","red","light","button","variant","defaultDark"],"mappings":"yDAGaA,EAAoC,CAC/CC,UAAW,CACTC,UAAW,CACTC,4CAAmBC,MAACC,GACpBC,MAAO,UACPC,GAAI,IAGRC,SAAU,CACRC,KAAM,CACJP,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWH,OAGvCI,SAAU,CACRX,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWE,KACnCC,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BC,QAAS,CACPhB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWM,UAGvCC,YAAa,CACXjB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOS,MAAM,KAC9BL,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BI,QAAS,CACPnB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWS,UAGvCC,YAAa,CACXpB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOY,OAAO,KAC/BR,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BO,MAAO,CACLtB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWY,QAGvCC,UAAW,CACTvB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOe,IAAI,KAC5BX,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BA,QAAS,CACPf,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWe,OAErCC,OAAQ,CACNC,QAAS,YAGbC,YAAa,CACX5B,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWE,KACnCC,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG"}
+{"version":3,"file":"alert.config-23cd80bc.js","sources":["../src/components/Alert/alert.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { colors, radii } from 'theme/tokens';\n\nexport const AlertConfig: ComponentStyleConfig = {\n  baseStyle: {\n    container: {\n      borderRadius: radii.md,\n      width: 'inherit',\n      py: 2,\n    },\n  },\n  variants: {\n    info: {\n      container: {\n        backgroundColor: colors.background.info,\n      },\n    },\n    infoDark: {\n      container: {\n        backgroundColor: colors.background.dark,\n        color: colors.text.dark.default,\n      },\n    },\n    success: {\n      container: {\n        backgroundColor: colors.background.success,\n      },\n    },\n    successDark: {\n      container: {\n        backgroundColor: colors.green['500'],\n        color: colors.text.dark.default,\n      },\n    },\n    warning: {\n      container: {\n        backgroundColor: colors.background.warning,\n      },\n    },\n    warningDark: {\n      container: {\n        backgroundColor: colors.orange['500'],\n        color: colors.text.dark.default,\n      },\n    },\n    error: {\n      container: {\n        backgroundColor: colors.background.error,\n      },\n    },\n    errorDark: {\n      container: {\n        backgroundColor: colors.red['600'],\n        color: colors.text.dark.default,\n      },\n    },\n    default: {\n      container: {\n        backgroundColor: colors.background.light,\n      },\n      button: {\n        variant: 'primary',\n      },\n    },\n    defaultDark: {\n      container: {\n        backgroundColor: colors.background.dark,\n        color: colors.text.dark.default,\n      },\n    },\n  },\n};\n\n\n"],"names":["AlertConfig","baseStyle","container","borderRadius","radii","md","width","py","variants","info","backgroundColor","colors","background","infoDark","dark","color","text","default","success","successDark","green","warning","warningDark","orange","error","errorDark","red","light","button","variant","defaultDark"],"mappings":"yDAGaA,EAAoC,CAC/CC,UAAW,CACTC,UAAW,CACTC,4CAAmBC,MAACC,GACpBC,MAAO,UACPC,GAAI,IAGRC,SAAU,CACRC,KAAM,CACJP,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWH,OAGvCI,SAAU,CACRX,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWE,KACnCC,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BC,QAAS,CACPhB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWM,UAGvCC,YAAa,CACXjB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOS,MAAM,KAC9BL,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BI,QAAS,CACPnB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWS,UAGvCC,YAAa,CACXpB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOY,OAAO,KAC/BR,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BO,MAAO,CACLtB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWY,QAGvCC,UAAW,CACTvB,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOe,IAAI,KAC5BX,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG,UAG5BA,QAAS,CACPf,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWe,OAErCC,OAAQ,CACNC,QAAS,YAGbC,YAAa,CACX5B,UAAW,CACTQ,gBAAiBC,EAAAA,OAAOC,WAAWE,KACnCC,MAAOJ,EAAMA,OAACK,KAAKF,KAAKG"}

package/build/alert.types-858cdf65.js

@@ -0,0 +1,2 @@
+"use strict";var r;exports.AlertVariant=void 0,(r=exports.AlertVariant||(exports.AlertVariant={})).Error="error",r.Warning="warning",r.Success="success",r.Info="info",r.Default="default";
+//# sourceMappingURL=alert.types-858cdf65.js.map

package/build/alert.types-858cdf65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-858cdf65.js","sources":["../src/components/Alert/alert.types.ts"],"sourcesContent":["export enum AlertVariant {\n  Error = 'error',\n  Warning = 'warning',\n  Success = 'success',\n  Info = 'info',\n  Default = 'default',\n}\n\nexport type AlertButtonAlignment = 'right' | 'bottom';\n\nexport type Status = 'info' | 'success' | 'warning' | 'error' | 'default';\n"],"names":["AlertVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAMXA,kBAAA,GANWA,EAAAA,QAAYA,eAAZA,qBAMX,KALC,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,QAAA"}

package/build/avatar.component-5de24937.js

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

package/build/{avatar.component-73a17380.js.map → avatar.component-5de24937.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-73a17380.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  Orange = 'orange',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n  Default = 'default',\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, useCallback, MouseEvent, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Flex } 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?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: 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.Orange;\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.Default,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii, zIndices } = 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  const isPhoto = (webpSrc || src) && isSrcValid;\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.Default:\n        styles._hover.backgroundColor = colors.comet[300];\n        styles._active.backgroundColor = colors.comet[400];\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 onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\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 ${colors.white}`}\n      borderWidth={hideBorder || isPhoto ? '0px' : '2px'}\n      cursor=\"default\"\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        <Flex\n          backgroundColor={colors.white}\n          color={colors.white}\n          borderRadius={radii['full']}\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-6px\"\n          h={4}\n          w={4}\n          right=\"-6px\"\n          justify=\"center\"\n          align=\"center\"\n          onClick={onRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={zIndices.tooltip}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircleSolid\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Flex>\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 && !isHoveringRemoveButton) {\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","Default","rest","__rest","_l","useTheme","colors","radii","zIndices","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","isPhoto","_variant","charCodeAt","Blue","Red","Green","Orange","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","comet","Dark","blue","Dashed","blackAlpha","Test","orange","black","onRemoveButtonClick","useCallback","e","stopPropagation","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","white","borderWidth","cursor","icon","Icon","onClick","onError","onMouseEnter","onMouseLeave","Flex","color","borderRadius","position","top","h","w","right","justify","align","tooltip","colorToken","AvatarBadge","avatarSize","Picture","imgProps","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-5de24937.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  Orange = 'orange',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n  Default = 'default',\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, useCallback, MouseEvent, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Flex } 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?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: 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.Orange;\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.Default,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii, zIndices } = 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  const isPhoto = (webpSrc || src) && isSrcValid;\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.Default:\n        styles._hover.backgroundColor = colors.comet[300];\n        styles._active.backgroundColor = colors.comet[400];\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 onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\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 ${colors.white}`}\n      borderWidth={hideBorder || isPhoto ? '0px' : '2px'}\n      cursor=\"default\"\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        <Flex\n          backgroundColor={colors.white}\n          color={colors.white}\n          borderRadius={radii['full']}\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-6px\"\n          h={4}\n          w={4}\n          right=\"-6px\"\n          justify=\"center\"\n          align=\"center\"\n          onClick={onRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={zIndices.tooltip}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircleSolid\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Flex>\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 && !isHoveringRemoveButton) {\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","Default","rest","__rest","_l","useTheme","colors","radii","zIndices","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","isPhoto","_variant","charCodeAt","Blue","Red","Green","Orange","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","comet","Dark","blue","Dashed","blackAlpha","Test","orange","black","onRemoveButtonClick","useCallback","e","stopPropagation","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","white","borderWidth","cursor","icon","Icon","onClick","onError","onMouseEnter","onMouseLeave","Flex","color","borderRadius","position","top","h","w","right","justify","align","tooltip","colorToken","AvatarBadge","avatarSize","Picture","imgProps","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}

package/build/{avatar.config-ef265947.js → avatar.config-3134aaf8.js}

@@ -1,2 +1,2 @@
-"use strict";var o=require("./color.record-2816a958.js"),e={baseStyle:{container:{backgroundColor:o.coreColors.white},label:{fontWeight:"semibold"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"10px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px"}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},xl:{container:{height:"64px",width:"64px"},label:{fontSize:"24px",fontWeight:"400",lineHeight:"36px"}}},variants:{red:{container:{color:o.coreColors.red[300],borderColor:o.coreColors.red[300]}},green:{container:{borderColor:o.coreColors.green[400],color:o.coreColors.green[400]}},blue:{container:{borderColor:o.coreColors.blue[300],color:o.coreColors.blue[300]}},orange:{container:{borderColor:o.coreColors.orange[300],color:o.coreColors.orange[300]}},dark:{container:{backgroundColor:o.coreColors.blue[800],border:0,color:o.coreColors.white}},dashed:{container:{backgroundColor:o.coreColors.white,borderColor:o.coreColors.white,overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed ".concat(o.semanticColors.border.light.heavy),borderRadius:"100%"}}},test:{container:{backgroundColor:o.coreColors.orange[50],borderColor:o.coreColors.orange[200],overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"2px dashed ".concat(o.coreColors.blackAlpha[200]),borderRadius:"100%"}}},default:{container:{backgroundColor:o.coreColors.comet[200],borderColor:o.coreColors.comet[200],overflow:"visible",color:o.coreColors.white}}}};exports.AvatarConfig=e;
-//# sourceMappingURL=avatar.config-ef265947.js.map
+"use strict";var o=require("./color.record-8ec2eb8a.js"),e={baseStyle:{container:{backgroundColor:o.coreColors.white},label:{fontWeight:"semibold"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"10px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px"}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},xl:{container:{height:"64px",width:"64px"},label:{fontSize:"24px",fontWeight:"400",lineHeight:"36px"}}},variants:{red:{container:{color:o.coreColors.red[300],borderColor:o.coreColors.red[300]}},green:{container:{borderColor:o.coreColors.green[400],color:o.coreColors.green[400]}},blue:{container:{borderColor:o.coreColors.blue[300],color:o.coreColors.blue[300]}},orange:{container:{borderColor:o.coreColors.orange[300],color:o.coreColors.orange[300]}},dark:{container:{backgroundColor:o.coreColors.blue[800],border:0,color:o.coreColors.white}},dashed:{container:{backgroundColor:o.coreColors.white,borderColor:o.coreColors.white,overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed ".concat(o.semanticColors.border.light.heavy),borderRadius:"100%"}}},test:{container:{backgroundColor:o.coreColors.orange[50],borderColor:o.coreColors.orange[200],overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"2px dashed ".concat(o.coreColors.blackAlpha[200]),borderRadius:"100%"}}},default:{container:{backgroundColor:o.coreColors.comet[200],borderColor:o.coreColors.comet[200],overflow:"visible",color:o.coreColors.white}}}};exports.AvatarConfig=e;
+//# sourceMappingURL=avatar.config-3134aaf8.js.map

package/build/{avatar.config-ef265947.js.map → avatar.config-3134aaf8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.config-ef265947.js","sources":["../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from 'theme/tokens/colors';\n\nexport const AvatarConfig: CustomStyleConfig = {\n  baseStyle: {\n    container: {\n      backgroundColor: coreColors.white,\n    },\n    label: {\n      fontWeight: 'semibold',\n    },\n  },\n  sizes: {\n    xs: {\n      container: {\n        height: '24px',\n        width: '24px',\n      },\n      label: {\n        fontSize: '10px',\n        fontWeight: '600',\n        lineHeight: '18px',\n      },\n    },\n    sm: {\n      container: {\n        height: '32px',\n        width: '32px',\n      },\n      label: {\n        fontSize: '14px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    md: {\n      container: {\n        height: '36px',\n        width: '36px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    lg: {\n      container: {\n        height: '40px',\n        width: '40px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    xl: {\n      container: {\n        height: '64px',\n        width: '64px',\n      },\n      label: {\n        fontSize: '24px',\n        fontWeight: '400',\n        lineHeight: '36px',\n      },\n    },\n  },\n  variants: {\n    red: {\n      container: {\n        color: coreColors.red[300],\n        borderColor: coreColors.red[300],\n      },\n    },\n    green: {\n      container: {\n        borderColor: coreColors.green[400],\n        color: coreColors.green[400],\n      },\n    },\n    blue: {\n      container: {\n        borderColor: coreColors.blue[300],\n        color: coreColors.blue[300],\n      },\n    },\n    orange: {\n      container: {\n        borderColor: coreColors.orange[300],\n        color: coreColors.orange[300],\n      },\n    },\n    dark: {\n      container: {\n        backgroundColor: coreColors.blue[800],\n        border: 0,\n        color: coreColors.white,\n      },\n    },\n    dashed: {\n      container: {\n        backgroundColor: coreColors.white,\n        borderColor: coreColors.white,\n        overflow: 'visible',\n        color: adaptiveColors.icon.light.subtle,\n        _after: {\n          content: \"''\",\n          position: 'absolute',\n          top: '-2px',\n          right: '-2px',\n          bottom: '-2px',\n          left: '-2px',\n          border: `1px dashed ${semanticColors.border.light.heavy}`,\n          borderRadius: '100%',\n        },\n      },\n    },\n    test: {\n      container: {\n        backgroundColor: coreColors.orange['50'],\n        borderColor: coreColors.orange['200'],\n        overflow: 'visible',\n        color: adaptiveColors.icon.light.subtle,\n        _after: {\n          content: \"''\",\n          position: 'absolute',\n          top: '-2px',\n          right: '-2px',\n          bottom: '-2px',\n          left: '-2px',\n          border: `2px dashed ${coreColors.blackAlpha['200']}`,\n          borderRadius: '100%',\n        },\n      },\n    },\n    default: {\n      container: {\n        backgroundColor: coreColors.comet[200],\n        borderColor: coreColors.comet[200],\n        overflow: 'visible',\n        color: coreColors.white,\n      },\n    },\n  },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","label","fontWeight","sizes","xs","height","width","fontSize","lineHeight","sm","md","lg","xl","variants","red","color","borderColor","green","blue","orange","dark","border","dashed","overflow","adaptiveColors","icon","light","subtle","_after","content","position","top","right","bottom","left","semanticColors","heavy","borderRadius","test","blackAlpha","default","comet"],"mappings":"yDAGaA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,OAE9BC,MAAO,CACLC,WAAY,aAGhBC,MAAO,CACLC,GAAI,CACFP,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBC,GAAI,CACFZ,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBE,GAAI,CACFb,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBG,GAAI,CACFd,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBI,GAAI,CACFf,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,UAIlBK,SAAU,CACRC,IAAK,CACHjB,UAAW,CACTkB,MAAOhB,EAAAA,WAAWe,IAAI,KACtBE,YAAajB,EAAAA,WAAWe,IAAI,OAGhCG,MAAO,CACLpB,UAAW,CACTmB,YAAajB,EAAAA,WAAWkB,MAAM,KAC9BF,MAAOhB,EAAAA,WAAWkB,MAAM,OAG5BC,KAAM,CACJrB,UAAW,CACTmB,YAAajB,EAAAA,WAAWmB,KAAK,KAC7BH,MAAOhB,EAAAA,WAAWmB,KAAK,OAG3BC,OAAQ,CACNtB,UAAW,CACTmB,YAAajB,EAAAA,WAAWoB,OAAO,KAC/BJ,MAAOhB,EAAAA,WAAWoB,OAAO,OAG7BC,KAAM,CACJvB,UAAW,CACTC,gBAAiBC,EAAAA,WAAWmB,KAAK,KACjCG,OAAQ,EACRN,MAAOhB,EAAUA,WAACC,QAGtBsB,OAAQ,CACNzB,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,MAC5BgB,YAAajB,EAAUA,WAACC,MACxBuB,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAAcc,EAAcA,eAACd,OAAOK,MAAMU,OAClDC,aAAc,UAIpBC,KAAM,CACJzC,UAAW,CACTC,gBAAiBC,EAAAA,WAAWoB,OAAO,IACnCH,YAAajB,EAAAA,WAAWoB,OAAO,KAC/BI,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAActB,EAAUA,WAACwC,WAAW,MAC5CF,aAAc,UAIpBG,QAAS,CACP3C,UAAW,CACTC,gBAAiBC,EAAAA,WAAW0C,MAAM,KAClCzB,YAAajB,EAAAA,WAAW0C,MAAM,KAC9BlB,SAAU,UACVR,MAAOhB,EAAUA,WAACC"}
+{"version":3,"file":"avatar.config-3134aaf8.js","sources":["../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from 'theme/tokens/colors';\n\nexport const AvatarConfig: CustomStyleConfig = {\n  baseStyle: {\n    container: {\n      backgroundColor: coreColors.white,\n    },\n    label: {\n      fontWeight: 'semibold',\n    },\n  },\n  sizes: {\n    xs: {\n      container: {\n        height: '24px',\n        width: '24px',\n      },\n      label: {\n        fontSize: '10px',\n        fontWeight: '600',\n        lineHeight: '18px',\n      },\n    },\n    sm: {\n      container: {\n        height: '32px',\n        width: '32px',\n      },\n      label: {\n        fontSize: '14px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    md: {\n      container: {\n        height: '36px',\n        width: '36px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    lg: {\n      container: {\n        height: '40px',\n        width: '40px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    xl: {\n      container: {\n        height: '64px',\n        width: '64px',\n      },\n      label: {\n        fontSize: '24px',\n        fontWeight: '400',\n        lineHeight: '36px',\n      },\n    },\n  },\n  variants: {\n    red: {\n      container: {\n        color: coreColors.red[300],\n        borderColor: coreColors.red[300],\n      },\n    },\n    green: {\n      container: {\n        borderColor: coreColors.green[400],\n        color: coreColors.green[400],\n      },\n    },\n    blue: {\n      container: {\n        borderColor: coreColors.blue[300],\n        color: coreColors.blue[300],\n      },\n    },\n    orange: {\n      container: {\n        borderColor: coreColors.orange[300],\n        color: coreColors.orange[300],\n      },\n    },\n    dark: {\n      container: {\n        backgroundColor: coreColors.blue[800],\n        border: 0,\n        color: coreColors.white,\n      },\n    },\n    dashed: {\n      container: {\n        backgroundColor: coreColors.white,\n        borderColor: coreColors.white,\n        overflow: 'visible',\n        color: adaptiveColors.icon.light.subtle,\n        _after: {\n          content: \"''\",\n          position: 'absolute',\n          top: '-2px',\n          right: '-2px',\n          bottom: '-2px',\n          left: '-2px',\n          border: `1px dashed ${semanticColors.border.light.heavy}`,\n          borderRadius: '100%',\n        },\n      },\n    },\n    test: {\n      container: {\n        backgroundColor: coreColors.orange['50'],\n        borderColor: coreColors.orange['200'],\n        overflow: 'visible',\n        color: adaptiveColors.icon.light.subtle,\n        _after: {\n          content: \"''\",\n          position: 'absolute',\n          top: '-2px',\n          right: '-2px',\n          bottom: '-2px',\n          left: '-2px',\n          border: `2px dashed ${coreColors.blackAlpha['200']}`,\n          borderRadius: '100%',\n        },\n      },\n    },\n    default: {\n      container: {\n        backgroundColor: coreColors.comet[200],\n        borderColor: coreColors.comet[200],\n        overflow: 'visible',\n        color: coreColors.white,\n      },\n    },\n  },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","label","fontWeight","sizes","xs","height","width","fontSize","lineHeight","sm","md","lg","xl","variants","red","color","borderColor","green","blue","orange","dark","border","dashed","overflow","adaptiveColors","icon","light","subtle","_after","content","position","top","right","bottom","left","semanticColors","heavy","borderRadius","test","blackAlpha","default","comet"],"mappings":"yDAGaA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,OAE9BC,MAAO,CACLC,WAAY,aAGhBC,MAAO,CACLC,GAAI,CACFP,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBC,GAAI,CACFZ,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBE,GAAI,CACFb,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBG,GAAI,CACFd,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBI,GAAI,CACFf,UAAW,CACTQ,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVL,WAAY,MACZM,WAAY,UAIlBK,SAAU,CACRC,IAAK,CACHjB,UAAW,CACTkB,MAAOhB,EAAAA,WAAWe,IAAI,KACtBE,YAAajB,EAAAA,WAAWe,IAAI,OAGhCG,MAAO,CACLpB,UAAW,CACTmB,YAAajB,EAAAA,WAAWkB,MAAM,KAC9BF,MAAOhB,EAAAA,WAAWkB,MAAM,OAG5BC,KAAM,CACJrB,UAAW,CACTmB,YAAajB,EAAAA,WAAWmB,KAAK,KAC7BH,MAAOhB,EAAAA,WAAWmB,KAAK,OAG3BC,OAAQ,CACNtB,UAAW,CACTmB,YAAajB,EAAAA,WAAWoB,OAAO,KAC/BJ,MAAOhB,EAAAA,WAAWoB,OAAO,OAG7BC,KAAM,CACJvB,UAAW,CACTC,gBAAiBC,EAAAA,WAAWmB,KAAK,KACjCG,OAAQ,EACRN,MAAOhB,EAAUA,WAACC,QAGtBsB,OAAQ,CACNzB,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,MAC5BgB,YAAajB,EAAUA,WAACC,MACxBuB,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAAcc,EAAcA,eAACd,OAAOK,MAAMU,OAClDC,aAAc,UAIpBC,KAAM,CACJzC,UAAW,CACTC,gBAAiBC,EAAAA,WAAWoB,OAAO,IACnCH,YAAajB,EAAAA,WAAWoB,OAAO,KAC/BI,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAActB,EAAUA,WAACwC,WAAW,MAC5CF,aAAc,UAIpBG,QAAS,CACP3C,UAAW,CACTC,gBAAiBC,EAAAA,WAAW0C,MAAM,KAClCzB,YAAajB,EAAAA,WAAW0C,MAAM,KAC9BlB,SAAU,UACVR,MAAOhB,EAAUA,WAACC"}

package/build/avatarBadge.component-12b8c7c2.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("react"),o=require("./icon.component-bf95e351.js"),a=require("./avatar.config-3134aaf8.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,b=t.useMemo((function(){return"xs"===i||!s}),[s,i]);return c.default.createElement(r.AvatarBadge,{color:u,borderColor:x,borderWidth:"1px",bg:p,boxSize:b?"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 b&&"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 b&&"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 b&&"xs"!==i?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return b&&"xs"!==i?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(f)},!b&&s&&c.default.createElement(o.Icon,{name:s,size:"xs"}))};
+//# sourceMappingURL=avatarBadge.component-12b8c7c2.js.map

package/build/{avatarBadge.component-af09e1b9.js.map → avatarBadge.component-12b8c7c2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarBadge.component-af09e1b9.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":"yQAAYA,SAAAA,QAKXA,yBAAA,GALWA,EAAAA,QAAmBA,sBAAnBA,4BAKX,CAAA,IAJC,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,CAAa,GAAE,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,aAAgB,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,OAE5D,CASeO,CAAkB3B,KAE3BE,GAAiBnB,GAAiBqB,EAAA,QAAAC,cAACuB,EAAIA,KAAA,CAACC,KAAM9C,EAAe+C,KAAM,OAG3E"}
+{"version":3,"file":"avatarBadge.component-12b8c7c2.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-2a36a4a8.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./avatar.component-5de24937.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,s=r.handleRemoveButtonClick,d=r.max,v=void 0===d?3:d,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,alignItems:"flex-start"},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:s}))})),m&&o.default.createElement(a.Avatar,{variant:a.AvatarVariant.Dashed,iconName:"plus",handleClick:l,tooltipText:i,size:A}))};
+//# sourceMappingURL=avatarGroup.component-2a36a4a8.js.map

package/build/{avatarGroup.component-cc62fd0c.js.map → avatarGroup.component-2a36a4a8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-cc62fd0c.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} alignItems=\"flex-start\">\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","alignItems","length","Avatar","concat","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","key","Dashed","iconName","handleClick"],"mappings":"uPAgB2B,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,IAAI,IAAEC,KAAK,QAAO,CAAChB,IAC9EiB,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDrB,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,IANL,IAUzBI,GACCY,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAE,QAASC,EAAAA,cAAcM,OACvBC,SAAS,OACTC,YAAajC,EACb4B,YAAa9B,EACbW,KAAMA,IAKhB"}
+{"version":3,"file":"avatarGroup.component-2a36a4a8.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} alignItems=\"flex-start\">\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","alignItems","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,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDrB,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-73d5a120.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./icon.component-bf95e351.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 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(i.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=a.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-73d5a120.js.map

package/build/button.component-73d5a120.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-73d5a120.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/card.component-fc60f023.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("./useTheme-d7d8c3f5.js"),t=require("react"),i=require("./chakra-ui-layout.esm-493ee04b.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t),d={lg:7,md:5,sm:3};exports.Card=function(t){var o=t.children,n=t.isActive,s=void 0!==n&&n,c=t.isFullWidth,l=void 0===c||c,u=t.isInteractive,b=void 0!==u&&u,h=t.size,f=void 0===h?"md":h,v=e.__rest(t,["children","isActive","isFullWidth","isInteractive","size"]),p=r.useTheme(),g=p.colors,x=p.borders,m=p.radii;return a.default.createElement(i.Box,e.__assign({bg:g.background.light,p:d[f],border:"".concat(x["1px"]," ").concat(g.border.light.default),borderRadius:m.lg},b&&{border:"".concat(x["1px"]," ").concat(s?g.transparent:g.border.light.default),boxShadow:"0 0 0 3px ".concat(s?g.border.light.info:g.transparent),cursor:"pointer",transition:".1s all ease-in-out",_hover:{boxShadow:!s&&"0 0 0 3px ".concat(g.border.light.default),borderColor:g.transparent}},!l&&{maxW:"max-content"},v),o)};
+//# sourceMappingURL=card.component-fc60f023.js.map

package/build/{card.component-fd2b0128.js.map → card.component-fc60f023.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card.component-fd2b0128.js","sources":["../src/components/Card/card.records.tsx","../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from './card.types';\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport { useTheme } from 'hooks';\nimport React, { ReactNode } from 'react';\nimport { CardPaddingMap } from './card.records';\nimport { CardSize } from './card.types';\n\nexport interface BaseCardProps extends BoxProps {\n  children?: ReactNode;\n  isFullWidth?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  isActive?: never;\n  isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  isActive?: boolean;\n  isInteractive?: true;\n}\n\nexport type CardProps = InteractiveCardProps | DefaultCardProps;\n\nexport const Card = ({\n  children,\n  isActive = false,\n  isFullWidth = true,\n  isInteractive = false,\n  size = 'md',\n  ...rest\n}: CardProps): JSX.Element => {\n  const { colors, borders, radii } = useTheme();\n\n  return (\n    <Box\n      bg={colors.background.light}\n      p={CardPaddingMap[size]}\n      border={`${borders['1px']} ${colors.border.light.default}`}\n      borderRadius={radii.lg}\n      {...(isInteractive && {\n        border: `${borders['1px']} ${isActive ? colors.transparent : colors.border.light.default}`,\n        boxShadow: `0 0 0 3px ${isActive ? colors.border.light.info : colors.transparent}`,\n        cursor: 'pointer',\n        transition: '.1s all ease-in-out',\n        _hover: {\n          boxShadow: !isActive && `0 0 0 3px ${colors.border.light.default}`,\n          borderColor: colors.transparent,\n        },\n      })}\n      {...(!isFullWidth && { maxW: 'max-content' })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","lg","md","sm","_a","children","_b","isActive","_c","isFullWidth","_d","isInteractive","_e","size","rest","__rest","_f","useTheme","colors","borders","radii","React","Box","__assign","bg","background","light","p","border","concat","default","borderRadius","transparent","boxShadow","info","cursor","transition","_hover","borderColor","maxW"],"mappings":"uNAEaA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCmBc,SAACC,GACnB,IAAAC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAkBJ,EAAAK,YAAlBA,OAAW,IAAAD,GAAOA,EAClBE,EAAqBN,EAAAO,cAArBA,OAAa,IAAAD,GAAQA,EACrBE,EAAWR,EAAAS,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,EAAAA,OAAAX,EANY,8DAQbY,EAA6BC,EAAAA,WAA3BC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QAAEC,EAAKJ,EAAAI,MAE9B,OACEC,wBAACC,EAAGA,IAAAC,EAAAA,SAAA,CACFC,GAAIN,EAAOO,WAAWC,MACtBC,EAAG3B,EAAea,GAClBe,OAAQ,GAAAC,OAAGV,EAAQ,OAAU,KAAAU,OAAAX,EAAOU,OAAOF,MAAMI,SACjDC,aAAcX,EAAMnB,IACfU,GAAiB,CACpBiB,OAAQ,GAAGC,OAAAV,EAAQ,OAAU,KAAAU,OAAAtB,EAAWW,EAAOc,YAAcd,EAAOU,OAAOF,MAAMI,SACjFG,UAAW,aAAaJ,OAAAtB,EAAWW,EAAOU,OAAOF,MAAMQ,KAAOhB,EAAOc,aACrEG,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNJ,WAAY1B,GAAY,aAAasB,OAAAX,EAAOU,OAAOF,MAAMI,SACzDQ,YAAapB,EAAOc,eAGlBvB,GAAe,CAAE8B,KAAM,eACzBzB,GAEHT,EAGP"}
+{"version":3,"file":"card.component-fc60f023.js","sources":["../src/components/Card/card.records.tsx","../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from './card.types';\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport { useTheme } from 'hooks';\nimport React, { ReactNode } from 'react';\nimport { CardPaddingMap } from './card.records';\nimport { CardSize } from './card.types';\n\nexport interface BaseCardProps extends BoxProps {\n  children?: ReactNode;\n  isFullWidth?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  isActive?: never;\n  isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  isActive?: boolean;\n  isInteractive?: true;\n}\n\nexport type CardProps = InteractiveCardProps | DefaultCardProps;\n\nexport const Card = ({\n  children,\n  isActive = false,\n  isFullWidth = true,\n  isInteractive = false,\n  size = 'md',\n  ...rest\n}: CardProps): JSX.Element => {\n  const { colors, borders, radii } = useTheme();\n\n  return (\n    <Box\n      bg={colors.background.light}\n      p={CardPaddingMap[size]}\n      border={`${borders['1px']} ${colors.border.light.default}`}\n      borderRadius={radii.lg}\n      {...(isInteractive && {\n        border: `${borders['1px']} ${isActive ? colors.transparent : colors.border.light.default}`,\n        boxShadow: `0 0 0 3px ${isActive ? colors.border.light.info : colors.transparent}`,\n        cursor: 'pointer',\n        transition: '.1s all ease-in-out',\n        _hover: {\n          boxShadow: !isActive && `0 0 0 3px ${colors.border.light.default}`,\n          borderColor: colors.transparent,\n        },\n      })}\n      {...(!isFullWidth && { maxW: 'max-content' })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","lg","md","sm","_a","children","_b","isActive","_c","isFullWidth","_d","isInteractive","_e","size","rest","__rest","_f","useTheme","colors","borders","radii","React","Box","__assign","bg","background","light","p","border","concat","default","borderRadius","transparent","boxShadow","info","cursor","transition","_hover","borderColor","maxW"],"mappings":"gPAEaA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCmBc,SAACC,GACnB,IAAAC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAkBJ,EAAAK,YAAlBA,OAAW,IAAAD,GAAOA,EAClBE,EAAqBN,EAAAO,cAArBA,OAAa,IAAAD,GAAQA,EACrBE,EAAWR,EAAAS,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,EAAAA,OAAAX,EANY,8DAQbY,EAA6BC,EAAAA,WAA3BC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QAAEC,EAAKJ,EAAAI,MAE9B,OACEC,wBAACC,EAAGA,IAAAC,EAAAA,SAAA,CACFC,GAAIN,EAAOO,WAAWC,MACtBC,EAAG3B,EAAea,GAClBe,OAAQ,GAAAC,OAAGV,EAAQ,OAAU,KAAAU,OAAAX,EAAOU,OAAOF,MAAMI,SACjDC,aAAcX,EAAMnB,IACfU,GAAiB,CACpBiB,OAAQ,GAAGC,OAAAV,EAAQ,OAAU,KAAAU,OAAAtB,EAAWW,EAAOc,YAAcd,EAAOU,OAAOF,MAAMI,SACjFG,UAAW,aAAaJ,OAAAtB,EAAWW,EAAOU,OAAOF,MAAMQ,KAAOhB,EAAOc,aACrEG,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNJ,WAAY1B,GAAY,aAAasB,OAAAX,EAAOU,OAAOF,MAAMI,SACzDQ,YAAapB,EAAOc,eAGlBvB,GAAe,CAAE8B,KAAM,eACzBzB,GAEHT"}

package/build/chakra/index.d.ts

@@ -1,2 +1,2 @@
-import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, useToast, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, useToast, VStack, WithCSSVar, Wrap, WrapItem, };
+import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem, };

package/build/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/react");Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return e.Accordion}}),Object.defineProperty(exports,"AccordionButton",{enumerable:!0,get:function(){return e.AccordionButton}}),Object.defineProperty(exports,"AccordionIcon",{enumerable:!0,get:function(){return e.AccordionIcon}}),Object.defineProperty(exports,"AccordionItem",{enumerable:!0,get:function(){return e.AccordionItem}}),Object.defineProperty(exports,"AccordionPanel",{enumerable:!0,get:function(){return e.AccordionPanel}}),Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return e.AlertDialog}}),Object.defineProperty(exports,"AlertDialogBody",{enumerable:!0,get:function(){return e.AlertDialogBody}}),Object.defineProperty(exports,"AlertDialogContent",{enumerable:!0,get:function(){return e.AlertDialogContent}}),Object.defineProperty(exports,"AlertDialogFooter",{enumerable:!0,get:function(){return e.AlertDialogFooter}}),Object.defineProperty(exports,"AlertDialogHeader",{enumerable:!0,get:function(){return e.AlertDialogHeader}}),Object.defineProperty(exports,"AlertDialogOverlay",{enumerable:!0,get:function(){return e.AlertDialogOverlay}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return e.Badge}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return e.Box}}),Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return e.ButtonGroup}}),Object.defineProperty(exports,"CAlert",{enumerable:!0,get:function(){return e.Alert}}),Object.defineProperty(exports,"CAvatar",{enumerable:!0,get:function(){return e.Avatar}}),Object.defineProperty(exports,"CButton",{enumerable:!0,get:function(){return e.Button}}),Object.defineProperty(exports,"CCheckboxGroup",{enumerable:!0,get:function(){return e.CheckboxGroup}}),Object.defineProperty(exports,"CInput",{enumerable:!0,get:function(){return e.Input}}),Object.defineProperty(exports,"CMenu",{enumerable:!0,get:function(){return e.Menu}}),Object.defineProperty(exports,"CMenuButton",{enumerable:!0,get:function(){return e.MenuButton}}),Object.defineProperty(exports,"CMenuItem",{enumerable:!0,get:function(){return e.MenuItem}}),Object.defineProperty(exports,"CMenuList",{enumerable:!0,get:function(){return e.MenuList}}),Object.defineProperty(exports,"CModal",{enumerable:!0,get:function(){return e.Modal}}),Object.defineProperty(exports,"CModalBody",{enumerable:!0,get:function(){return e.ModalBody}}),Object.defineProperty(exports,"CModalCloseButton",{enumerable:!0,get:function(){return e.ModalCloseButton}}),Object.defineProperty(exports,"CModalFooter",{enumerable:!0,get:function(){return e.ModalFooter}}),Object.defineProperty(exports,"CModalHeader",{enumerable:!0,get:function(){return e.ModalHeader}}),Object.defineProperty(exports,"CPopover",{enumerable:!0,get:function(){return e.Popover}}),Object.defineProperty(exports,"CPopoverBody",{enumerable:!0,get:function(){return e.PopoverBody}}),Object.defineProperty(exports,"CPopoverFooter",{enumerable:!0,get:function(){return e.PopoverFooter}}),Object.defineProperty(exports,"CPopoverHeader",{enumerable:!0,get:function(){return e.PopoverHeader}}),Object.defineProperty(exports,"CRadioGroup",{enumerable:!0,get:function(){return e.RadioGroup}}),Object.defineProperty(exports,"CSelect",{enumerable:!0,get:function(){return e.Select}}),Object.defineProperty(exports,"CTab",{enumerable:!0,get:function(){return e.Tab}}),Object.defineProperty(exports,"CTabs",{enumerable:!0,get:function(){return e.Tabs}}),Object.defineProperty(exports,"CTextarea",{enumerable:!0,get:function(){return e.Textarea}}),Object.defineProperty(exports,"Center",{enumerable:!0,get:function(){return e.Center}}),Object.defineProperty(exports,"Circle",{enumerable:!0,get:function(){return e.Circle}}),Object.defineProperty(exports,"Code",{enumerable:!0,get:function(){return e.Code}}),Object.defineProperty(exports,"Collapse",{enumerable:!0,get:function(){return e.Collapse}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return e.Container}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return e.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return e.Drawer}}),Object.defineProperty(exports,"DrawerBody",{enumerable:!0,get:function(){return e.DrawerBody}}),Object.defineProperty(exports,"DrawerCloseButton",{enumerable:!0,get:function(){return e.DrawerCloseButton}}),Object.defineProperty(exports,"DrawerContent",{enumerable:!0,get:function(){return e.DrawerContent}}),Object.defineProperty(exports,"DrawerFooter",{enumerable:!0,get:function(){return e.DrawerFooter}}),Object.defineProperty(exports,"DrawerHeader",{enumerable:!0,get:function(){return e.DrawerHeader}}),Object.defineProperty(exports,"DrawerOverlay",{enumerable:!0,get:function(){return e.DrawerOverlay}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function(){return e.Flex}}),Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return e.FormControl}}),Object.defineProperty(exports,"FormErrorMessage",{enumerable:!0,get:function(){return e.FormErrorMessage}}),Object.defineProperty(exports,"FormHelperText",{enumerable:!0,get:function(){return e.FormHelperText}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return e.FormLabel}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return e.Grid}}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return e.GridItem}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return e.HStack}}),Object.defineProperty(exports,"Hide",{enumerable:!0,get:function(){return e.Hide}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return e.IconButton}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return e.InputGroup}}),Object.defineProperty(exports,"InputLeftAddon",{enumerable:!0,get:function(){return e.InputLeftAddon}}),Object.defineProperty(exports,"InputLeftElement",{enumerable:!0,get:function(){return e.InputLeftElement}}),Object.defineProperty(exports,"InputRightElement",{enumerable:!0,get:function(){return e.InputRightElement}}),Object.defineProperty(exports,"LinkBox",{enumerable:!0,get:function(){return e.LinkBox}}),Object.defineProperty(exports,"LinkOverlay",{enumerable:!0,get:function(){return e.LinkOverlay}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function(){return e.List}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return e.ListItem}}),Object.defineProperty(exports,"MenuDivider",{enumerable:!0,get:function(){return e.MenuDivider}}),Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return e.MenuGroup}}),Object.defineProperty(exports,"MenuItemOption",{enumerable:!0,get:function(){return e.MenuItemOption}}),Object.defineProperty(exports,"ModalContent",{enumerable:!0,get:function(){return e.ModalContent}}),Object.defineProperty(exports,"ModalOverlay",{enumerable:!0,get:function(){return e.ModalOverlay}}),Object.defineProperty(exports,"NumberDecrementStepper",{enumerable:!0,get:function(){return e.NumberDecrementStepper}}),Object.defineProperty(exports,"NumberIncrementStepper",{enumerable:!0,get:function(){return e.NumberIncrementStepper}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return e.NumberInput}}),Object.defineProperty(exports,"NumberInputField",{enumerable:!0,get:function(){return e.NumberInputField}}),Object.defineProperty(exports,"NumberInputStepper",{enumerable:!0,get:function(){return e.NumberInputStepper}}),Object.defineProperty(exports,"OrderedList",{enumerable:!0,get:function(){return e.OrderedList}}),Object.defineProperty(exports,"PinInput",{enumerable:!0,get:function(){return e.PinInput}}),Object.defineProperty(exports,"PinInputField",{enumerable:!0,get:function(){return e.PinInputField}}),Object.defineProperty(exports,"PopoverArrow",{enumerable:!0,get:function(){return e.PopoverArrow}}),Object.defineProperty(exports,"PopoverContent",{enumerable:!0,get:function(){return e.PopoverContent}}),Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:function(){return e.PopoverTrigger}}),Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return e.Portal}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return e.Progress}}),Object.defineProperty(exports,"Show",{enumerable:!0,get:function(){return e.Show}}),Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:function(){return e.SimpleGrid}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return e.Skeleton}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return e.SkeletonText}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return e.Spacer}}),Object.defineProperty(exports,"Square",{enumerable:!0,get:function(){return e.Square}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return e.Stack}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return e.TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return e.TabPanel}}),Object.defineProperty(exports,"TabPanels",{enumerable:!0,get:function(){return e.TabPanels}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return e.Table}}),Object.defineProperty(exports,"TableCaption",{enumerable:!0,get:function(){return e.TableCaption}}),Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return e.TableContainer}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return e.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return e.Td}}),Object.defineProperty(exports,"Tfoot",{enumerable:!0,get:function(){return e.Tfoot}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return e.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return e.Thead}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return e.Tr}}),Object.defineProperty(exports,"UnorderedList",{enumerable:!0,get:function(){return e.UnorderedList}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return e.VStack}}),Object.defineProperty(exports,"Wrap",{enumerable:!0,get:function(){return e.Wrap}}),Object.defineProperty(exports,"WrapItem",{enumerable:!0,get:function(){return e.WrapItem}}),Object.defineProperty(exports,"useBreakpoint",{enumerable:!0,get:function(){return e.useBreakpoint}}),Object.defineProperty(exports,"useBreakpointValue",{enumerable:!0,get:function(){return e.useBreakpointValue}}),Object.defineProperty(exports,"useCheckbox",{enumerable:!0,get:function(){return e.useCheckbox}}),Object.defineProperty(exports,"useCheckboxGroup",{enumerable:!0,get:function(){return e.useCheckboxGroup}}),Object.defineProperty(exports,"useConst",{enumerable:!0,get:function(){return e.useConst}}),Object.defineProperty(exports,"useDisclosure",{enumerable:!0,get:function(){return e.useDisclosure}}),Object.defineProperty(exports,"useInterval",{enumerable:!0,get:function(){return e.useInterval}}),Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return e.useMediaQuery}}),Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return e.useOutsideClick}}),Object.defineProperty(exports,"usePopoverContext",{enumerable:!0,get:function(){return e.usePopoverContext}}),Object.defineProperty(exports,"useRadio",{enumerable:!0,get:function(){return e.useRadio}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return e.useRadioGroup}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return e.useToast}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-91e7ead1.js"),r=require("../chakra-ui-modal.esm-cf414b2f.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-c60b408f.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-alert.esm-9bb76feb.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-system.esm-b563b97d.js"),r=require("react"),t=require("./chakra-ui-icon.esm-30b0b8a9.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=n(r);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var c=function(e){return o.createElement(t.Icon,a({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"}))},l=["status"],i={info:{icon:function(e){return o.createElement(t.Icon,a({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"}))},colorScheme:"blue"},warning:{icon:c,colorScheme:"orange"},success:{icon:function(e){return o.createElement(t.Icon,a({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"}))},colorScheme:"green"},error:{icon:c,colorScheme:"red"}},u=e.createContext({name:"AlertContext",errorMessage:"useAlertContext: `context` is undefined. Seems you forgot to wrap alert components in `<Alert />`"})[0],s=e.forwardRef((function(r,t){var n,c=e.omitThemingProps(r),s=c.status,f=void 0===s?"info":s,h=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(c,l),m=null!=(n=r.colorScheme)?n:i[f].colorScheme,v=e.useMultiStyleConfig("Alert",a({},r,{colorScheme:m})),d=a({width:"100%",display:"flex",alignItems:"center",position:"relative",overflow:"hidden"},v.container);return o.createElement(u,{value:{status:f}},o.createElement(e.StylesProvider,{value:v},o.createElement(e.chakra.div,a({role:"alert",ref:t},h,{className:e.cx("chakra-alert",r.className),__css:d}))))}));exports.Alert=s;
+//# sourceMappingURL=chakra-ui-alert.esm-9bb76feb.js.map

package/build/chakra-ui-alert.esm-9bb76feb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chakra-ui-alert.esm-9bb76feb.js","sources":["../node_modules/@chakra-ui/alert/dist/chakra-ui-alert.esm.js"],"sourcesContent":["import { forwardRef, omitThemingProps, useMultiStyleConfig, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { cx } from '@chakra-ui/utils';\nimport { createContext } from '@chakra-ui/react-utils';\nimport * as React from 'react';\nimport { Icon } from '@chakra-ui/icon';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar CheckIcon = function CheckIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z\"\n  }));\n};\nvar InfoIcon = function InfoIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z\"\n  }));\n};\nvar WarningIcon = function WarningIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\"\n  }));\n};\n\nvar _excluded = [\"status\"];\nvar STATUSES = {\n  info: {\n    icon: InfoIcon,\n    colorScheme: \"blue\"\n  },\n  warning: {\n    icon: WarningIcon,\n    colorScheme: \"orange\"\n  },\n  success: {\n    icon: CheckIcon,\n    colorScheme: \"green\"\n  },\n  error: {\n    icon: WarningIcon,\n    colorScheme: \"red\"\n  }\n};\n\nvar _createContext = createContext({\n  name: \"AlertContext\",\n  errorMessage: \"useAlertContext: `context` is undefined. Seems you forgot to wrap alert components in `<Alert />`\"\n}),\n    AlertProvider = _createContext[0],\n    useAlertContext = _createContext[1];\n\n/**\n * Alert is used to communicate the state or status of a\n * page, feature or action\n */\nvar Alert = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _props$colorScheme;\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$sta = _omitThemingProps.status,\n      status = _omitThemingProps$sta === void 0 ? \"info\" : _omitThemingProps$sta,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var colorScheme = (_props$colorScheme = props.colorScheme) != null ? _props$colorScheme : STATUSES[status].colorScheme;\n  var styles = useMultiStyleConfig(\"Alert\", _extends({}, props, {\n    colorScheme: colorScheme\n  }));\n\n  var alertStyles = _extends({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    overflow: \"hidden\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(AlertProvider, {\n    value: {\n      status: status\n    }\n  }, /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"alert\",\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-alert\", props.className),\n    __css: alertStyles\n  }))));\n});\nvar AlertTitle = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-alert__title\", props.className),\n    __css: styles.title\n  }));\n});\nvar AlertDescription = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var descriptionStyles = _extends({\n    display: \"inline\"\n  }, styles.description);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-alert__desc\", props.className),\n    __css: descriptionStyles\n  }));\n});\nvar AlertIcon = function AlertIcon(props) {\n  var _useAlertContext = useAlertContext(),\n      status = _useAlertContext.status;\n\n  var BaseIcon = STATUSES[status].icon;\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    display: \"inherit\"\n  }, props, {\n    className: cx(\"chakra-alert__icon\", props.className),\n    __css: styles.icon\n  }), /*#__PURE__*/React.createElement(BaseIcon, {\n    w: \"100%\",\n    h: \"100%\"\n  }));\n};\n\nexport { Alert, AlertDescription, AlertIcon, AlertTitle };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WarningIcon","props","React","createElement","Icon","viewBox","fill","d","_excluded","STATUSES","info","icon","colorScheme","warning","success","error","AlertProvider","createContext","name","errorMessage","Alert","forwardRef","ref","_props$colorScheme","_omitThemingProps","omitThemingProps","_omitThemingProps$sta","status","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","styles","useMultiStyleConfig","alertStyles","width","display","alignItems","position","overflow","container","value","StylesProvider","chakra","div","role","className","cx","__css"],"mappings":"4aAMA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,GAGFH,EAASY,MAAMC,KAAMR,WAkB9B,IAgBIS,EAAc,SAAqBC,GACrC,OAAoBC,EAAMC,cAAcC,EAAIA,KAAElB,EAAS,CACrDmB,QAAS,aACRJ,GAAqBC,EAAMC,cAAc,OAAQ,CAClDG,KAAM,eACNC,EAAG,8VAIHC,EAAY,CAAC,UACbC,EAAW,CACbC,KAAM,CACJC,KApBW,SAAkBV,GAC/B,OAAoBC,EAAMC,cAAcC,EAAIA,KAAElB,EAAS,CACrDmB,QAAS,aACRJ,GAAqBC,EAAMC,cAAc,OAAQ,CAClDG,KAAM,eACNC,EAAG,wQAgBHK,YAAa,QAEfC,QAAS,CACPF,KAAMX,EACNY,YAAa,UAEfE,QAAS,CACPH,KApCY,SAAmBV,GACjC,OAAoBC,EAAMC,cAAcC,EAAIA,KAAElB,EAAS,CACrDmB,QAAS,aACRJ,GAAqBC,EAAMC,cAAc,OAAQ,CAClDG,KAAM,eACNC,EAAG,yLAgCHK,YAAa,SAEfG,MAAO,CACLJ,KAAMX,EACNY,YAAa,QAQbI,EAJiBC,EAAAA,cAAc,CACjCC,KAAM,eACNC,aAAc,sGAEmB,GAO/BC,EAAqBC,EAAUA,YAAC,SAAUpB,EAAOqB,GACnD,IAAIC,EAEAC,EAAoBC,EAAgBA,iBAACxB,GACrCyB,EAAwBF,EAAkBG,OAC1CA,OAAmC,IAA1BD,EAAmC,OAASA,EACrDE,EA7EN,SAAuCnC,EAAQoC,GAC7C,GAAc,MAAVpC,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACTyC,EAAa3C,OAAO4C,KAAKtC,GAG7B,IAAKH,EAAI,EAAGA,EAAIwC,EAAWtC,OAAQF,IACjCI,EAAMoC,EAAWxC,GACbuC,EAASG,QAAQtC,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EAiEI4C,CAA8BT,EAAmBhB,GAExDI,EAA0D,OAA3CW,EAAqBtB,EAAMW,aAAuBW,EAAqBd,EAASkB,GAAQf,YACvGsB,EAASC,EAAAA,oBAAoB,QAASjD,EAAS,GAAIe,EAAO,CAC5DW,YAAaA,KAGXwB,EAAclD,EAAS,CACzBmD,MAAO,OACPC,QAAS,OACTC,WAAY,SACZC,SAAU,WACVC,SAAU,UACTP,EAAOQ,WAEV,OAAoBxC,EAAMC,cAAca,EAAe,CACrD2B,MAAO,CACLhB,OAAQA,IAEIzB,EAAMC,cAAcyC,iBAAgB,CAClDD,MAAOT,GACOhC,EAAMC,cAAc0C,SAAOC,IAAK5D,EAAS,CACvD6D,KAAM,QACNzB,IAAKA,GACJM,EAAM,CACPoB,UAAWC,EAAEA,GAAC,eAAgBhD,EAAM+C,WACpCE,MAAOd"}

package/build/chakra-ui-avatar.esm-d7e98d56.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-image.esm-acdc667a.js"),r=require("./chakra-ui-system.esm-b563b97d.js");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var t=a(require("react"));function n(e,r){if(null==e)return{};var a,t,n={},i=Object.keys(e);for(t=0;t<i.length;t++)a=i[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},i.apply(this,arguments)}var l=["name","getInitials"],o=["src","srcSet","name","showBorder","borderRadius","onError","getInitials","icon","iconLabel","loading","children","borderColor","ignoreFallback"],c=r.forwardRef((function(e,a){var n=i({position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",insetEnd:"0",bottom:"0"},r.useStyles().badge);return t.createElement(r.chakra.div,i({ref:a},e,{className:r.cx("chakra-avatar__badge",e.className),__css:n}))}));function s(e){var r=e.split(" "),a=r[0],t=r[1];return a&&t?""+a.charAt(0)+t.charAt(0):a.charAt(0)}r.__DEV__&&(c.displayName="AvatarBadge");var d=function(e){var a=e.name,o=e.getInitials,c=n(e,l),s=r.useStyles();return t.createElement(r.chakra.div,i({role:"img","aria-label":a},c,{__css:s.label}),a?null==o?void 0:o(a):null)},u=function(e){return t.createElement(r.chakra.svg,i({viewBox:"0 0 128 128",color:"#fff",width:"100%",height:"100%",className:"chakra-avatar__svg"},e),t.createElement("path",{fill:"currentColor",d:"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"}),t.createElement("path",{fill:"currentColor",d:"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"}))},m={display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0},f=r.forwardRef((function(e,a){var l=r.useMultiStyleConfig("Avatar",e),c=r.omitThemingProps(e),d=c.src,f=c.srcSet,g=c.name,b=c.showBorder,h=c.borderRadius,_=void 0===h?"full":h,p=c.onError,E=c.getInitials,k=void 0===E?s:E,y=c.icon,C=void 0===y?t.createElement(u,null):y,x=c.iconLabel,j=void 0===x?" avatar":x,N=c.loading,A=c.children,w=c.borderColor,I=c.ignoreFallback,R=n(c,o),S=i({borderRadius:_,borderWidth:b?"2px":void 0},m,l.container);return w&&(S.borderColor=w),t.createElement(r.chakra.span,i({ref:a},R,{className:r.cx("chakra-avatar",e.className),__css:S}),t.createElement(r.StylesProvider,{value:l},t.createElement(v,{src:d,srcSet:f,loading:N,onError:p,getInitials:k,name:g,borderRadius:_,icon:C,iconLabel:j,ignoreFallback:I}),A))}));r.__DEV__&&(f.displayName="Avatar");var v=function(a){var n=a.src,i=a.srcSet,l=a.onError,o=a.getInitials,c=a.name,s=a.borderRadius,m=a.loading,f=a.iconLabel,v=a.icon,g=void 0===v?t.createElement(u,null):v,b=a.ignoreFallback,h=e.useImage({src:n,onError:l,ignoreFallback:b});return!n||!("loaded"===h)?c?t.createElement(d,{className:"chakra-avatar__initials",getInitials:o,name:c}):t.cloneElement(g,{role:"img","aria-label":f}):t.createElement(r.chakra.img,{src:n,srcSet:i,alt:c,className:"chakra-avatar__img",loading:m,__css:{width:"100%",height:"100%",objectFit:"cover",borderRadius:s}})};r.__DEV__&&(v.displayName="AvatarImage");var g=["children","borderColor","max","spacing","borderRadius"],b=r.forwardRef((function(e,a){var l=r.useMultiStyleConfig("Avatar",e),o=r.omitThemingProps(e),c=o.children,s=o.borderColor,d=o.max,u=o.spacing,f=void 0===u?"-0.75rem":u,v=o.borderRadius,b=void 0===v?"full":v,h=n(o,g),_=r.getValidChildren(c),p=d?_.slice(0,d):_,E=null!=d&&_.length-d,k=p.reverse().map((function(a,n){var i,l={marginEnd:0===n?0:f,size:e.size,borderColor:null!=(i=a.props.borderColor)?i:s,showBorder:!0};return t.cloneElement(a,r.filterUndefined(l))})),y=i({borderRadius:b,marginStart:f},m,l.excessLabel);return t.createElement(r.chakra.div,i({ref:a,role:"group",__css:{display:"flex",alignItems:"center",justifyContent:"flex-end",flexDirection:"row-reverse"}},h,{className:r.cx("chakra-avatar__group",e.className)}),E>0&&t.createElement(r.chakra.span,{className:"chakra-avatar__excess",__css:y},"+"+E),k)}));r.__DEV__&&(b.displayName="AvatarGroup"),exports.Avatar=f,exports.AvatarBadge=c,exports.AvatarGroup=b;
+//# sourceMappingURL=chakra-ui-avatar.esm-d7e98d56.js.map

package/build/chakra-ui-avatar.esm-d7e98d56.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chakra-ui-avatar.esm-d7e98d56.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded$1 = [\"name\", \"getInitials\"],\n    _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var badgeStyles = _extends({\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    insetEnd: \"0\",\n    bottom: \"0\"\n  }, styles.badge);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-avatar__badge\", props.className),\n    __css: badgeStyles\n  }));\n});\n\nif (__DEV__) {\n  AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n  var _name$split = name.split(\" \"),\n      firstName = _name$split[0],\n      lastName = _name$split[1];\n\n  return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n  var name = props.name,\n      getInitials = props.getInitials,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"img\",\n    \"aria-label\": name\n  }, rest, {\n    __css: styles.label\n  }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n    viewBox: \"0 0 128 128\",\n    color: \"#fff\",\n    width: \"100%\",\n    height: \"100%\",\n    className: \"chakra-avatar__svg\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n  }));\n};\n\nvar baseStyle = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n  textTransform: \"uppercase\",\n  fontWeight: \"medium\",\n  position: \"relative\",\n  flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      src = _omitThemingProps.src,\n      srcSet = _omitThemingProps.srcSet,\n      name = _omitThemingProps.name,\n      showBorder = _omitThemingProps.showBorder,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      onError = _omitThemingProps.onError,\n      _omitThemingProps$get = _omitThemingProps.getInitials,\n      getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n      _omitThemingProps$ico = _omitThemingProps.icon,\n      icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n      _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n      iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n      loading = _omitThemingProps.loading,\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      ignoreFallback = _omitThemingProps.ignoreFallback,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var avatarStyles = _extends({\n    borderRadius: borderRadius,\n    borderWidth: showBorder ? \"2px\" : undefined\n  }, baseStyle, styles.container);\n\n  if (borderColor) {\n    avatarStyles.borderColor = borderColor;\n  }\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-avatar\", props.className),\n    __css: avatarStyles\n  }), /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(AvatarImage, {\n    src: src,\n    srcSet: srcSet,\n    loading: loading,\n    onError: onError,\n    getInitials: getInitials,\n    name: name,\n    borderRadius: borderRadius,\n    icon: icon,\n    iconLabel: iconLabel,\n    ignoreFallback: ignoreFallback\n  }), children));\n});\n\nif (__DEV__) {\n  Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n  var src = props.src,\n      srcSet = props.srcSet,\n      onError = props.onError,\n      getInitials = props.getInitials,\n      name = props.name,\n      borderRadius = props.borderRadius,\n      loading = props.loading,\n      iconLabel = props.iconLabel,\n      _props$icon = props.icon,\n      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n      ignoreFallback = props.ignoreFallback;\n  /**\n   * use the image hook to only show the image when it has loaded\n   */\n\n  var status = useImage({\n    src: src,\n    onError: onError,\n    ignoreFallback: ignoreFallback\n  });\n  var hasLoaded = status === \"loaded\";\n  /**\n   * Fallback avatar applies under 2 conditions:\n   * - If `src` was passed and the image has not loaded or failed to load\n   * - If `src` wasn't passed\n   *\n   * In this case, we'll show either the name avatar or default avatar\n   */\n\n  var showFallback = !src || !hasLoaded;\n\n  if (showFallback) {\n    return name ? /*#__PURE__*/React.createElement(AvatarName, {\n      className: \"chakra-avatar__initials\",\n      getInitials: getInitials,\n      name: name\n    }) : /*#__PURE__*/React.cloneElement(icon, {\n      role: \"img\",\n      \"aria-label\": iconLabel\n    });\n  }\n  /**\n   * If `src` was passed and the image has loaded, we'll show it\n   */\n\n\n  return /*#__PURE__*/React.createElement(chakra.img, {\n    src: src,\n    srcSet: srcSet,\n    alt: name,\n    className: \"chakra-avatar__img\",\n    loading: loading,\n    __css: {\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      borderRadius: borderRadius\n    }\n  });\n};\n\nif (__DEV__) {\n  AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      max = _omitThemingProps.max,\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var validChildren = getValidChildren(children);\n  /**\n   * get the avatars within the max\n   */\n\n  var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n  /**\n   * get the remaining avatar count\n   */\n\n  var excess = max != null && validChildren.length - max;\n  /**\n   * Reversing the children is a great way to avoid using zIndex\n   * to overlap the avatars\n   */\n\n  var reversedChildren = childrenWithinMax.reverse();\n  var clones = reversedChildren.map(function (child, index) {\n    var _child$props$borderCo;\n\n    var isFirstAvatar = index === 0;\n    var childProps = {\n      marginEnd: isFirstAvatar ? 0 : spacing,\n      size: props.size,\n      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n      showBorder: true\n    };\n    return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n  });\n  var groupStyles = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    flexDirection: \"row-reverse\"\n  };\n\n  var excessStyles = _extends({\n    borderRadius: borderRadius,\n    marginStart: spacing\n  }, baseStyle, styles.excessLabel);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles\n  }, rest, {\n    className: cx(\"chakra-avatar__group\", props.className)\n  }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n    className: \"chakra-avatar__excess\",\n    __css: excessStyles\n  }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n  AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection"],"mappings":"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"}

package/build/chakra-ui-button.esm-32e420eb.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),t=require("./chakra-ui-system.esm-b563b97d.js"),n=require("react"),a=require("./chakra-ui-visually-hidden.esm-3406a7fd.js");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(n);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(this,arguments)}var o=["label","thickness","speed","emptyColor","className"],s=t.keyframes({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),c=t.forwardRef((function(e,n){var r=t.useStyleConfig("Spinner",e),c=t.omitThemingProps(e),d=c.label,u=void 0===d?"Loading...":d,m=c.thickness,f=void 0===m?"2px":m,p=c.speed,h=void 0===p?"0.45s":p,v=c.emptyColor,b=void 0===v?"transparent":v,g=c.className,_=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(c,o),y=t.cx("chakra-spinner",g),E=l({display:"inline-block",borderColor:"currentColor",borderStyle:"solid",borderRadius:"99999px",borderWidth:f,borderBottomColor:b,borderLeftColor:b,animation:s+" "+h+" linear infinite"},r);return i.createElement(t.chakra.div,l({ref:n,__css:E,className:y},_),u&&i.createElement(a.VisuallyHidden,null,u))}));function d(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},u.apply(this,arguments)}t.__DEV__&&(c.displayName="Spinner");var m=["size","colorScheme","variant","className","spacing","isAttached","isDisabled"],f=t.createContext({strict:!1,name:"ButtonGroupContext"}),p=f[0],h=f[1],v=t.forwardRef((function(e,n){var a=e.size,r=e.colorScheme,l=e.variant,o=e.className,s=e.spacing,c=void 0===s?"0.5rem":s,f=e.isAttached,h=e.isDisabled,v=d(e,m),b=t.cx("chakra-button__group",o),g=i.useMemo((function(){return{size:a,colorScheme:r,variant:l,isDisabled:h}}),[a,r,l,h]),_={display:"inline-flex"};return _=u({},_,f?{"> *:first-of-type:not(:last-of-type)":{borderEndRadius:0},"> *:not(:first-of-type):not(:last-of-type)":{borderRadius:0},"> *:not(:first-of-type):last-of-type":{borderStartRadius:0}}:{"& > *:not(style) ~ *:not(style)":{marginStart:c}}),i.createElement(p,{value:g},i.createElement(t.chakra.div,u({ref:n,role:"group",__css:_,className:b},v)))}));t.__DEV__&&(v.displayName="ButtonGroup");var b=["label","placement","spacing","children","className","__css"],g=function(e){var n=e.label,a=e.placement,r=e.spacing,l=void 0===r?"0.5rem":r,o=e.children,s=void 0===o?i.createElement(c,{color:"currentColor",width:"1em",height:"1em"}):o,m=e.className,f=e.__css,p=d(e,b),h=t.cx("chakra-button__spinner",m),v="start"===a?"marginEnd":"marginStart",g=i.useMemo((function(){var e;return u(((e={display:"flex",alignItems:"center",position:n?"relative":"absolute"})[v]=n?l:0,e.fontSize="1em",e.lineHeight="normal",e),f)}),[f,n,v,l]);return i.createElement(t.chakra.div,u({className:h},p,{__css:g}),s)};t.__DEV__&&(g.displayName="ButtonSpinner");var _=["children","className"],y=function(e){var n=e.children,a=e.className,r=d(e,_),l=i.isValidElement(n)?i.cloneElement(n,{"aria-hidden":!0,focusable:!1}):n,o=t.cx("chakra-button__icon",a);return i.createElement(t.chakra.span,u({display:"inline-flex",alignSelf:"center",flexShrink:0},r,{className:o}),l)};t.__DEV__&&(y.displayName="ButtonIcon");var E=["isDisabled","isLoading","isActive","isFullWidth","children","leftIcon","rightIcon","loadingText","iconSpacing","type","spinner","spinnerPlacement","className","as"],k=t.forwardRef((function(n,a){var r,l,o,s,c=h(),m=t.useStyleConfig("Button",u({},c,n)),f=t.omitThemingProps(n),p=f.isDisabled,v=void 0===p?null==c?void 0:c.isDisabled:p,b=f.isLoading,_=f.isActive,y=f.isFullWidth,k=f.children,S=f.leftIcon,x=f.rightIcon,O=f.loadingText,j=f.iconSpacing,I=void 0===j?"0.5rem":j,C=f.type,D=f.spinner,B=f.spinnerPlacement,R=void 0===B?"start":B,w=f.className,V=f.as,P=d(f,E),A=i.useMemo((function(){var e,n=t.mergeWith({},null!=(e=null==m?void 0:m._focus)?e:{},{zIndex:1});return u({display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",width:y?"100%":"auto"},m,!!c&&{_focus:n})}),[m,c,y]),z=(r=V,l=i.useState(!r),o=l[0],s=l[1],{ref:i.useCallback((function(e){e&&s("BUTTON"===e.tagName)}),[]),type:o?"button":void 0}),T=z.ref,M=z.type,q={rightIcon:x,leftIcon:S,iconSpacing:I,children:k};return i.createElement(t.chakra.button,u({disabled:v||b,ref:e.useMergeRefs(a,T),as:V,type:null!=C?C:M,"data-active":t.dataAttr(_),"data-loading":t.dataAttr(b),__css:A,className:t.cx("chakra-button",w)},P),b&&"start"===R&&i.createElement(g,{className:"chakra-button__spinner--start",label:O,placement:"start",spacing:I},D),b?O||i.createElement(t.chakra.span,{opacity:0},i.createElement(N,q)):i.createElement(N,q),b&&"end"===R&&i.createElement(g,{className:"chakra-button__spinner--end",label:O,placement:"end",spacing:I},D))}));function N(e){var t=e.leftIcon,n=e.rightIcon,a=e.children,r=e.iconSpacing;return i.createElement(i.Fragment,null,t&&i.createElement(y,{marginEnd:r},t),a,n&&i.createElement(y,{marginStart:r},n))}t.__DEV__&&(k.displayName="Button");var S=["icon","children","isRound","aria-label"],x=t.forwardRef((function(e,t){var n=e.icon,a=e.children,r=e.isRound,l=e["aria-label"],o=d(e,S),s=n||a,c=i.isValidElement(s)?i.cloneElement(s,{"aria-hidden":!0,focusable:!1}):null;return i.createElement(k,u({padding:"0",borderRadius:r?"full":void 0,ref:t,"aria-label":l},o),c)}));t.__DEV__&&(x.displayName="IconButton"),exports.Button=k,exports.ButtonGroup=v,exports.IconButton=x;
+//# sourceMappingURL=chakra-ui-button.esm-32e420eb.js.map