@televet/kibble-ui 1.20.21-beta.cs63 → 1.20.21-beta.cs65

package/build/alert.component-c4a5949e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-bf71dab2.js"),t=require("react"),n=require("./chakra-ui-system.esm-9ffb4e69.js"),r=require("./chakra-ui-alert.esm-eec7b3a2.js"),o=require("./chakra-ui-layout.esm-be631214.js"),a=require("./button.component-a111c3da.js"),i=require("./heading.component-0caf6184.js"),s=require("./icon.component-3525a92f.js"),l=require("./text.component-7f376d0a.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),f=function(t){t.buttonText;var n=t.buttonPosition,r=t.hasDescription,i=e.__rest(t,["buttonText","buttonPosition","hasDescription"]);return c.default.createElement(o.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||r?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(a.Button,e.__assign({size:"xs",variant:"secondary"},i),t.buttonText))},d=function(e){var t=e.onClose;return c.default.createElement(o.Box,{className:"Alert__CloseButton"},c.default.createElement(a.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},m=function(t){var n=t.title,r=t.titleProps;return c.default.createElement(i.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},r),n)},p={info:"info",success:"success",warning:"warning",error:"error"},_={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark"},g={info:"active",success:"success",error:"error",warning:"warning"},E={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircleOutlined"},h=function(t){var r=t.iconProps,a=t.status,i=n.useColorModeValue(g[a],"currentColor");return c.default.createElement(o.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(s.Icon,e.__assign({color:i,size:"lg"},r,{name:(null==r?void 0:r.name)||E[a]})))},x=function(t){var n=t.description,r=t.descriptionProps;return c.default.createElement(l.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n)},b=function(e){var t=e.children,n=e.hideIcon,r=e.hideCloseButton;return c.default.createElement(o.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:r?"":"34px"},t)},v=function(e){var t=e.children;return c.default.createElement(o.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var a=t.buttonProps,i=t.children,s=t.description,l=t.descriptionProps,u=t.iconProps,g=t.onClose,E=t.hideCloseButton,P=void 0!==E&&E,B=t.hideIcon,C=void 0!==B&&B,w=t.status,k=void 0===w?"success":w,j=t.title,D=t.titleProps,y=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps"]),q=n.useColorModeValue(p[k],_[k]);a&&!a.buttonPosition&&(a.buttonPosition="topRight");return c.default.createElement(r.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:q,overflow:"visible",px:3,py:2},y),j?c.default.createElement((function(){return c.default.createElement(c.default.Fragment,null,c.default.createElement(v,null,!C&&c.default.createElement(h,{status:k,iconProps:u}),c.default.createElement(m,{title:j,titleProps:D}),"topRight"===(null==a?void 0:a.buttonPosition)&&c.default.createElement(f,e.__assign({},a,{hasDescription:Boolean(s)})),!P&&c.default.createElement(d,{onClose:g})),c.default.createElement(b,{hideIcon:C,hideCloseButton:P},s&&c.default.createElement(x,{description:s,descriptionProps:l}),i,"bottomLeft"===(null==a?void 0:a.buttonPosition)&&c.default.createElement(f,e.__assign({},a,{hasDescription:Boolean(s)}))))}),null):c.default.createElement((function(){return c.default.createElement(o.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(v,null,!C&&c.default.createElement(h,{status:k,iconProps:u}),c.default.createElement(o.Box,{flexGrow:1},s&&c.default.createElement(x,{description:s,descriptionProps:l}),i),"topRight"===(null==a?void 0:a.buttonPosition)&&c.default.createElement(f,e.__assign({},a,{hasDescription:Boolean(s)})),!P&&c.default.createElement(d,{onClose:g})),"bottomLeft"===(null==a?void 0:a.buttonPosition)&&c.default.createElement(b,{hideIcon:C,hideCloseButton:P},c.default.createElement(f,e.__assign({},a,{hasDescription:Boolean(s)}))))}),null))};
+//# sourceMappingURL=alert.component-c4a5949e.js.map

package/build/{alert.component-b3d8796f.js.map → alert.component-c4a5949e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.component-b3d8796f.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { Button, ButtonProps } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant=\"secondary\" {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n","import { IconColor, IconName } from '../Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n  const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/layout';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/layout';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { Box, VStack } from '@chakra-ui/layout';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  iconProps,\n  onClose,\n  hideCloseButton = false,\n  hideIcon = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={alertVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}
+{"version":3,"file":"alert.component-c4a5949e.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { Button, ButtonProps } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant=\"secondary\" {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/layout';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n","import { IconColor, IconName } from '../Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n  const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/layout';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/layout';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { Box, VStack } from '@chakra-ui/layout';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  iconProps,\n  onClose,\n  hideCloseButton = false,\n  hideIcon = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={alertVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}

package/build/{avatar.component-d6769677.js → avatar.component-08e37bfd.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-bf71dab2.js"),a=require("react"),o=require("./chakra-ui-avatar.esm-368254af.js"),t=require("./chakra-ui-layout.esm-0f6d0ca1.js"),r=require("./icon.component-19a2fdcb.js"),n=require("./tooltip.component-0ba7d53f.js"),i=require("./useTheme-515d31e0.js"),c=require("./avatar.config-b6b64c36.js"),s=require("./color.record-71fc4138.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,u=l(a);exports.AvatarVariant=void 0,(d=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",d.Red="red",d.Blue="blue",d.Comet="comet",d.Dark="dark",d.Dashed="dashed",d.Test="test";var v,p=function(e,a,o){var t;switch(void 0===a&&(a=!0),void 0===o&&(o=1),e){case"xs":t=a?"sm":"xs";break;case"sm":t=a?"md":"xs";break;case"md":t=a?"lg":"sm";break;case"lg":t=a?"xl":"md";break;case"xl":t=a?"2xl":"lg";break;case"2xl":t=a?"2xl":"xl";break;default:t=e}return o>1&&(t=p(t,a,o-1)),t};!function(e){e.TopLeft="topLeft",e.TopRight="topRight",e.BottomLeft="bottomLeft",e.BottomRight="bottomRight"}(v||(v={}));var x=function(e){var t=e.avatarSize,n=e.badgeIconName,i=e.badgeBackgroundColor,l=void 0===i?s.semanticColors.background.info:i,d=e.badgeBorderColor,p=void 0===d?s.coreColors.white:d,x=e.badgeIconColor,m=void 0===x?s.adaptiveColors.icon.light.active:x,b=e.badgePosition,g=void 0===b?v.BottomRight:b,h=a.useMemo((function(){return"xs"===t||!n}),[n,t]);return u.default.createElement(o.AvatarBadge,{color:m,borderColor:p,borderWidth:"1px",bg:l,boxSize:h?"10px":"18px",transform:function(e){var a,o,r,n,i=null===(n=null===(r=null===(o=null===(a=c.AvatarConfig.sizes)||void 0===a?void 0:a[t])||void 0===o?void 0:o.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),s=Number(null==i?void 0:i.replace("px",""))/2;switch(e){case v.TopLeft:return h&&"xs"!==t?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case v.TopRight:return h&&"xs"!==t?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/3,"px, ").concat(-1.2*s,"px)");case v.BottomLeft:return h&&"xs"!==t?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return h&&"xs"!==t?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(g)},!h&&n&&u.default.createElement(r.Icon,{name:n,size:"xs"}))};exports.Avatar=function(c){var s,l=c.badgeProps,d=c.handleClick,v=c.handleRemoveButtonClick,m=c.hideBorder,b=void 0!==m&&m,g=c.iconName,h=c.name,f=void 0===h?"":h,k=c.randomizeVariant,C=void 0!==k&&k,_=c.showBadge,A=void 0!==_&&_,B=c.showRemoveButton,z=void 0!==B&&B,T=c.showTooltip,V=void 0===T||T,w=c.size,R=void 0===w?"md":w,y=c.src,E=c.tooltipPlacement,j=void 0===E?"bottom":E,q=c.tooltipText,I=c.variant,L=void 0===I?exports.AvatarVariant.Comet:I,S=e.__rest(c,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant"]),M=i.useTheme().colors,P=e.__read(a.useState(!!y),2),D=P[0],N=P[1],G=e.__read(a.useState(!1),2),W=G[0],F=G[1],H=e.__read(a.useState(!1),2),J=H[0],K=H[1],O="xs"===R,Q=L;C&&(s=f.charCodeAt(0),Q=s>=65&&s<=71?exports.AvatarVariant.Blue:s>=72&&s<=77?exports.AvatarVariant.Red:s>=78&&s<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet);var U=a.useMemo((function(){var e={_hover:{backgroundColor:M.gray[50],img:{opacity:1},zIndex:2},_active:{backgroundColor:M.gray[100],img:{opacity:1}}};switch(Q){case exports.AvatarVariant.Comet:e._hover.backgroundColor=M.gray[100],e._active.backgroundColor=M.gray[200];break;case exports.AvatarVariant.Dark:e._hover.backgroundColor=M.blue[700],e._active.backgroundColor=M.blue[600];break;case exports.AvatarVariant.Dashed:e._hover.backgroundColor=M.blackAlpha[100],e._hover.zIndex=0,e._active.backgroundColor=M.blackAlpha[200];break;case exports.AvatarVariant.Test:e._hover.backgroundColor=M.orange[100],e._active.backgroundColor=M.orange[200]}return D&&(e._hover.backgroundColor=M.black,e._hover.img.opacity=.94,e._active.backgroundColor=M.gray[200],e._active.img.opacity=.92),e}),[Q,D,M]),X=u.default.createElement(o.Avatar,e.__assign({name:g?"":f,src:y,size:R,variant:Q,boxShadow:"0 0 0 1px ".concat(b?M.transparent:M.white),borderWidth:D||b?"0px":"2px"},g&&{icon:u.default.createElement(r.Icon,{name:g,size:p(R,!0,"sm"===R||"xs"===R?2:1)})},d&&e.__assign({onClick:d,cursor:"pointer"},U),{onError:function(){return N(!1)},onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)}},S),z&&W&&!O&&u.default.createElement(t.Box,{backgroundColor:M.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-5px",onClick:v,onMouseEnter:function(){return K(!0)},zIndex:2,onMouseLeave:function(){return K(!1)}},u.default.createElement(r.Icon,{name:"closeCircle",size:J?"sm":"xs",colorToken:"default"})),A&&u.default.createElement(x,e.__assign({avatarSize:R},l)));return V?u.default.createElement(n.Tooltip,{label:q||f,placement:j},X):X};
-//# sourceMappingURL=avatar.component-d6769677.js.map
+"use strict";var e=require("./tslib.es6-bf71dab2.js"),a=require("react"),o=require("./chakra-ui-avatar.esm-77e63c4d.js"),t=require("./chakra-ui-layout.esm-be631214.js"),r=require("./icon.component-3525a92f.js"),n=require("./tooltip.component-64d7eae2.js"),i=require("./useTheme-132de7a7.js"),c=require("./avatar.config-b6b64c36.js"),s=require("./color.record-71fc4138.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,u=l(a);exports.AvatarVariant=void 0,(d=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",d.Red="red",d.Blue="blue",d.Comet="comet",d.Dark="dark",d.Dashed="dashed",d.Test="test";var v,p=function(e,a,o){var t;switch(void 0===a&&(a=!0),void 0===o&&(o=1),e){case"xs":t=a?"sm":"xs";break;case"sm":t=a?"md":"xs";break;case"md":t=a?"lg":"sm";break;case"lg":t=a?"xl":"md";break;case"xl":t=a?"2xl":"lg";break;case"2xl":t=a?"2xl":"xl";break;default:t=e}return o>1&&(t=p(t,a,o-1)),t};!function(e){e.TopLeft="topLeft",e.TopRight="topRight",e.BottomLeft="bottomLeft",e.BottomRight="bottomRight"}(v||(v={}));var x=function(e){var t=e.avatarSize,n=e.badgeIconName,i=e.badgeBackgroundColor,l=void 0===i?s.semanticColors.background.info:i,d=e.badgeBorderColor,p=void 0===d?s.coreColors.white:d,x=e.badgeIconColor,m=void 0===x?s.adaptiveColors.icon.light.active:x,b=e.badgePosition,g=void 0===b?v.BottomRight:b,h=a.useMemo((function(){return"xs"===t||!n}),[n,t]);return u.default.createElement(o.AvatarBadge,{color:m,borderColor:p,borderWidth:"1px",bg:l,boxSize:h?"10px":"18px",transform:function(e){var a,o,r,n,i=null===(n=null===(r=null===(o=null===(a=c.AvatarConfig.sizes)||void 0===a?void 0:a[t])||void 0===o?void 0:o.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),s=Number(null==i?void 0:i.replace("px",""))/2;switch(e){case v.TopLeft:return h&&"xs"!==t?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case v.TopRight:return h&&"xs"!==t?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/3,"px, ").concat(-1.2*s,"px)");case v.BottomLeft:return h&&"xs"!==t?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return h&&"xs"!==t?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(g)},!h&&n&&u.default.createElement(r.Icon,{name:n,size:"xs"}))};exports.Avatar=function(c){var s,l=c.badgeProps,d=c.handleClick,v=c.handleRemoveButtonClick,m=c.hideBorder,b=void 0!==m&&m,g=c.iconName,h=c.name,f=void 0===h?"":h,k=c.randomizeVariant,C=void 0!==k&&k,_=c.showBadge,A=void 0!==_&&_,B=c.showRemoveButton,z=void 0!==B&&B,T=c.showTooltip,V=void 0===T||T,w=c.size,R=void 0===w?"md":w,y=c.src,E=c.tooltipPlacement,j=void 0===E?"bottom":E,q=c.tooltipText,I=c.variant,L=void 0===I?exports.AvatarVariant.Comet:I,S=e.__rest(c,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant"]),M=i.useTheme().colors,P=e.__read(a.useState(!!y),2),D=P[0],N=P[1],G=e.__read(a.useState(!1),2),W=G[0],F=G[1],H=e.__read(a.useState(!1),2),J=H[0],K=H[1],O="xs"===R,Q=L;C&&(s=f.charCodeAt(0),Q=s>=65&&s<=71?exports.AvatarVariant.Blue:s>=72&&s<=77?exports.AvatarVariant.Red:s>=78&&s<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet);var U=a.useMemo((function(){var e={_hover:{backgroundColor:M.gray[50],img:{opacity:1},zIndex:2},_active:{backgroundColor:M.gray[100],img:{opacity:1}}};switch(Q){case exports.AvatarVariant.Comet:e._hover.backgroundColor=M.gray[100],e._active.backgroundColor=M.gray[200];break;case exports.AvatarVariant.Dark:e._hover.backgroundColor=M.blue[700],e._active.backgroundColor=M.blue[600];break;case exports.AvatarVariant.Dashed:e._hover.backgroundColor=M.blackAlpha[100],e._hover.zIndex=0,e._active.backgroundColor=M.blackAlpha[200];break;case exports.AvatarVariant.Test:e._hover.backgroundColor=M.orange[100],e._active.backgroundColor=M.orange[200]}return D&&(e._hover.backgroundColor=M.black,e._hover.img.opacity=.94,e._active.backgroundColor=M.gray[200],e._active.img.opacity=.92),e}),[Q,D,M]),X=u.default.createElement(o.Avatar,e.__assign({name:g?"":f,src:y,size:R,variant:Q,boxShadow:"0 0 0 1px ".concat(b?M.transparent:M.white),borderWidth:D||b?"0px":"2px"},g&&{icon:u.default.createElement(r.Icon,{name:g,size:p(R,!0,"sm"===R||"xs"===R?2:1)})},d&&e.__assign({onClick:d,cursor:"pointer"},U),{onError:function(){return N(!1)},onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)}},S),z&&W&&!O&&u.default.createElement(t.Box,{backgroundColor:M.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-5px",onClick:v,onMouseEnter:function(){return K(!0)},zIndex:2,onMouseLeave:function(){return K(!1)}},u.default.createElement(r.Icon,{name:"closeCircle",size:J?"sm":"xs",colorToken:"default"})),A&&u.default.createElement(x,e.__assign({avatarSize:R},l)));return V?u.default.createElement(n.Tooltip,{label:q||f,placement:j},X):X};
+//# sourceMappingURL=avatar.component-08e37bfd.js.map

package/build/{avatar.component-d6769677.js.map → avatar.component-08e37bfd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-d6769677.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport { Icon } from '../../../Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from '../../../Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor = 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","import React, { useState, useMemo } from 'react';\nimport { Placement } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Comet,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Comet:\n        styles._hover.backgroundColor = colors.gray[100];\n        styles._active.backgroundColor = colors.gray[200];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n      borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-5px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={2}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["AvatarVariant","AvatarBadgePosition","getNextIconSize","size","larger","count","nextSize","AvatarBadge","_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","charCode","badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","randomizeVariant","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","colors","useTheme","_l","__read","useState","isSrcValid","setIsSrcValid","_m","isHoveringAvatar","setIsHoveringAvatar","_o","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","CAvatar","__assign","boxShadow","transparent","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","top","right","colorToken","Tooltip","label","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-08e37bfd.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport { Icon } from '../../../Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from '../../../Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor = 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","import React, { useState, useMemo } from 'react';\nimport { Placement } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Comet,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Comet:\n        styles._hover.backgroundColor = colors.gray[100];\n        styles._active.backgroundColor = colors.gray[200];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n      borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-5px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={2}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["AvatarVariant","AvatarBadgePosition","getNextIconSize","size","larger","count","nextSize","AvatarBadge","_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","charCode","badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","randomizeVariant","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","colors","useTheme","_l","__read","useState","isSrcValid","setIsSrcValid","_m","isHoveringAvatar","setIsHoveringAvatar","_o","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","CAvatar","__assign","boxShadow","transparent","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","top","right","colorToken","Tooltip","label","placement"],"mappings":"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"}

package/build/{avatarGroup.component-76a5a7f2.js → avatarGroup.component-22bbe087.js}

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

package/build/{avatarGroup.component-76a5a7f2.js.map → avatarGroup.component-22bbe087.js.map}

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

package/build/{button.component-1e7884a9.js → button.component-a111c3da.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-bf71dab2.js"),r=require("react"),a=require("./chakra-ui-button.esm-04b21024.js"),i=require("./chakra-ui-system.esm-bc006b0f.js"),o=require("./icon.component-19a2fdcb.js"),t=require("./strings-03c30366.js"),s=require("./useTheme-515d31e0.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=s.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,_=i.useColorModeValue(g.default,h.default),p=i.useColorModeValue(g.content,h.content),z=i.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:i.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:i.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(o.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=t.camelCaseToLabel(V);return u.default.createElement(a.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(a.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-1e7884a9.js.map
+"use strict";var e=require("./tslib.es6-bf71dab2.js"),r=require("react"),a=require("./chakra-ui-button.esm-1e1ea72a.js"),i=require("./chakra-ui-system.esm-9ffb4e69.js"),o=require("./icon.component-3525a92f.js"),t=require("./strings-03c30366.js"),s=require("./useTheme-132de7a7.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=s.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,_=i.useColorModeValue(g.default,h.default),p=i.useColorModeValue(g.content,h.content),z=i.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:i.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:i.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(o.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=t.camelCaseToLabel(V);return u.default.createElement(a.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(a.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-a111c3da.js.map

package/build/{button.component-1e7884a9.js.map → button.component-a111c3da.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.component-1e7884a9.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize, IconName } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAArB,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,GAGT,CAECA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,CAExB,CAED,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,SAGhB,IAEA7C,EAAO2D,YAAc"}
+{"version":3,"file":"button.component-a111c3da.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize, IconName } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAArB,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,GAGT,CAECA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,CAExB,CAED,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,SAGhB,IAEA7C,EAAO2D,YAAc"}

package/build/chakra/components/Accordion/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-accordion.esm-4f8cf812.js");require("../../../chakra-ui-icon.esm-143f8a01.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-transition.esm-7397f46b.js"),require("../../../index-a035df46.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../motion-b845edfc.js"),require("../../../chakra-ui-descendant.esm-a7c3a092.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-accordion.esm-88fc47fa.js");require("../../../chakra-ui-icon.esm-c9715c92.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-transition.esm-722ba98a.js"),require("../../../index-a035df46.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../motion-b845edfc.js"),require("../../../chakra-ui-descendant.esm-23b0f60c.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Alert/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-alert.esm-6f17f2ca.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-icon.esm-143f8a01.js"),exports.CAlert=e.Alert;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-alert.esm-eec7b3a2.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-icon.esm-c9715c92.js"),exports.CAlert=e.Alert;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Avatar/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-avatar.esm-368254af.js");require("../../../chakra-ui-image.esm-c6708eca.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.CAvatar=e.Avatar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-avatar.esm-77e63c4d.js");require("../../../chakra-ui-image.esm-83a7b97f.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.CAvatar=e.Avatar;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Button/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-button.esm-04b21024.js");require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-visually-hidden.esm-b9cac214.js"),exports.ButtonGroup=e.ButtonGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-button.esm-1e1ea72a.js");require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-visually-hidden.esm-2b5d3786.js"),exports.ButtonGroup=e.ButtonGroup;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-checkbox.esm-903e44bc.js");require("../../../chakra-ui-utils.esm-781fcad4.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("react"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-form-control.esm-fce77751.js"),require("../../../chakra-ui-icon.esm-143f8a01.js"),require("../../../chakra-ui-visually-hidden.esm-b9cac214.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../index-a035df46.js"),exports.CCheckboxGroup=e.CheckboxGroup,exports.useCheckbox=e.useCheckbox,exports.useCheckboxGroup=e.useCheckboxGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-checkbox.esm-084e2bc6.js");require("../../../chakra-ui-utils.esm-57f330de.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("react"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-form-control.esm-15d678b3.js"),require("../../../chakra-ui-icon.esm-c9715c92.js"),require("../../../chakra-ui-visually-hidden.esm-2b5d3786.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../index-a035df46.js"),exports.CCheckboxGroup=e.CheckboxGroup,exports.useCheckbox=e.useCheckbox,exports.useCheckboxGroup=e.useCheckboxGroup;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/FormControl/index.d.ts

@@ -0,0 +1,2 @@
+import { FormControl, FormLabel } from '@chakra-ui/form-control';
+export { FormControl, FormLabel };

package/build/chakra/components/FormControl/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-form-control.esm-15d678b3.js");require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-icon.esm-c9715c92.js"),exports.FormControl=e.FormControl,exports.FormLabel=e.FormLabel;
+//# sourceMappingURL=index.js.map

package/build/chakra/components/FormControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/chakra/components/Image/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-image.esm-c6708eca.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.Image=e.Image$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-image.esm-83a7b97f.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.Image=e.Image$1;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Input/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-input.esm-eb019cfb.js");require("../../../chakra-ui-form-control.esm-fce77751.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-icon.esm-143f8a01.js"),exports.InputGroup=e.InputGroup,exports.InputLeftElement=e.InputLeftElement,exports.InputRightElement=e.InputRightElement;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-input.esm-de73d4e8.js");require("../../../chakra-ui-form-control.esm-15d678b3.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-icon.esm-c9715c92.js"),exports.InputGroup=e.InputGroup,exports.InputLeftElement=e.InputLeftElement,exports.InputRightElement=e.InputRightElement;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Layout/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-layout.esm-0f6d0ca1.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-icon.esm-143f8a01.js"),exports.Badge=e.Badge,exports.Box=e.Box,exports.Center=e.Center,exports.Circle=e.Circle,exports.Container=e.Container,exports.Divider=e.Divider,exports.Flex=e.Flex,exports.Grid=e.Grid,exports.GridItem=e.GridItem,exports.HStack=e.HStack,exports.LinkBox=e.LinkBox,exports.LinkOverlay=e.LinkOverlay,exports.ListItem=e.ListItem,exports.OrderedList=e.OrderedList,exports.SimpleGrid=e.SimpleGrid,exports.Spacer=e.Spacer,exports.Stack=e.Stack,exports.UnorderedList=e.UnorderedList,exports.VStack=e.VStack,exports.Wrap=e.Wrap,exports.WrapItem=e.WrapItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-layout.esm-be631214.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-icon.esm-c9715c92.js"),exports.Badge=e.Badge,exports.Box=e.Box,exports.Center=e.Center,exports.Circle=e.Circle,exports.Container=e.Container,exports.Divider=e.Divider,exports.Flex=e.Flex,exports.Grid=e.Grid,exports.GridItem=e.GridItem,exports.HStack=e.HStack,exports.LinkBox=e.LinkBox,exports.LinkOverlay=e.LinkOverlay,exports.ListItem=e.ListItem,exports.OrderedList=e.OrderedList,exports.SimpleGrid=e.SimpleGrid,exports.Spacer=e.Spacer,exports.Stack=e.Stack,exports.UnorderedList=e.UnorderedList,exports.VStack=e.VStack,exports.Wrap=e.Wrap,exports.WrapItem=e.WrapItem;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/MediaQuery/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-media-query.esm-e3b978d1.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),exports.Hide=e.Hide,exports.Show=e.Show,exports.useBreakpoint=e.useBreakpoint,exports.useBreakpointValue=e.useBreakpointValue,exports.useMediaQuery=e.useMediaQuery;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-media-query.esm-b1b5807d.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),exports.Hide=e.Hide,exports.Show=e.Show,exports.useBreakpoint=e.useBreakpoint,exports.useBreakpointValue=e.useBreakpointValue,exports.useMediaQuery=e.useMediaQuery;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Menu/index.d.ts

@@ -1,2 +1,2 @@
-import { MenuDivider, MenuGroup, MenuItemOption } from '@chakra-ui/menu';
-export { MenuDivider, MenuGroup, MenuItemOption };
+import { Menu as CMenu, MenuButton as CMenuButton, MenuList as CMenuList, MenuItem as CMenuItem, MenuDivider, MenuGroup, MenuItemOption } from '@chakra-ui/menu';
+export { CMenu, CMenuButton, CMenuList, CMenuItem, MenuDivider, MenuGroup, MenuItemOption };

package/build/chakra/components/Menu/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-menu.esm-f865198b.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-clickable.esm-80eb200d.js"),require("../../../chakra-ui-descendant.esm-a7c3a092.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-popper.esm-11dd9460.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),exports.MenuDivider=e.MenuDivider,exports.MenuGroup=e.MenuGroup,exports.MenuItemOption=e.MenuItemOption;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-menu.esm-b61122c3.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-clickable.esm-429e3f38.js"),require("../../../chakra-ui-descendant.esm-23b0f60c.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-popper.esm-fa1ca51f.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),exports.CMenu=e.Menu,exports.CMenuButton=e.MenuButton,exports.CMenuItem=e.MenuItem,exports.CMenuList=e.MenuList,exports.MenuDivider=e.MenuDivider,exports.MenuGroup=e.MenuGroup,exports.MenuItemOption=e.MenuItemOption;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Modal/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-modal.esm-57c77251.js");require("../../../chakra-ui-icon.esm-143f8a01.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../index-1a339061.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../inheritsLoose-490721fe.js"),require("../../../typeof-a861d137.js"),require("../../../chakra-ui-portal.esm-d2b2cc42.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("react-dom"),require("../../../chakra-ui-transition.esm-7397f46b.js"),require("../../../index-a035df46.js"),require("../../../motion-b845edfc.js"),exports.AlertDialog=e.AlertDialog,exports.AlertDialogBody=e.ModalBody,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogFooter=e.ModalFooter,exports.AlertDialogHeader=e.ModalHeader,exports.AlertDialogOverlay=e.ModalOverlay,exports.CModal=e.Modal,exports.CModalBody=e.ModalBody,exports.CModalCloseButton=e.ModalCloseButton,exports.CModalFooter=e.ModalFooter,exports.CModalHeader=e.ModalHeader,exports.Drawer=e.Drawer,exports.DrawerBody=e.ModalBody,exports.DrawerCloseButton=e.ModalCloseButton,exports.DrawerContent=e.DrawerContent,exports.DrawerFooter=e.ModalFooter,exports.DrawerHeader=e.ModalHeader,exports.DrawerOverlay=e.ModalOverlay,exports.ModalContent=e.ModalContent,exports.ModalOverlay=e.ModalOverlay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-modal.esm-8ead94fa.js");require("../../../chakra-ui-icon.esm-c9715c92.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../index-1a339061.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../inheritsLoose-490721fe.js"),require("../../../typeof-a861d137.js"),require("../../../chakra-ui-portal.esm-20905a36.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("react-dom"),require("../../../chakra-ui-transition.esm-722ba98a.js"),require("../../../index-a035df46.js"),require("../../../motion-b845edfc.js"),exports.AlertDialog=e.AlertDialog,exports.AlertDialogBody=e.ModalBody,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogFooter=e.ModalFooter,exports.AlertDialogHeader=e.ModalHeader,exports.AlertDialogOverlay=e.ModalOverlay,exports.CModal=e.Modal,exports.CModalBody=e.ModalBody,exports.CModalCloseButton=e.ModalCloseButton,exports.CModalFooter=e.ModalFooter,exports.CModalHeader=e.ModalHeader,exports.Drawer=e.Drawer,exports.DrawerBody=e.ModalBody,exports.DrawerCloseButton=e.ModalCloseButton,exports.DrawerContent=e.DrawerContent,exports.DrawerFooter=e.ModalFooter,exports.DrawerHeader=e.ModalHeader,exports.DrawerOverlay=e.ModalOverlay,exports.ModalContent=e.ModalContent,exports.ModalOverlay=e.ModalOverlay;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+import { NumberInput, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper } from '@chakra-ui/number-input';
+export { NumberInput, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper };

package/build/chakra/components/NumberInput/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-number-input.esm-700d8086.js");require("../../../chakra-ui-form-control.esm-15d678b3.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("react"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-icon.esm-c9715c92.js"),exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper;
+//# sourceMappingURL=index.js.map

package/build/chakra/components/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/chakra/components/PinInput/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-pin-input.esm-090ba136.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-descendant.esm-a7c3a092.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-pin-input.esm-72e83cec.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-descendant.esm-23b0f60c.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Popover/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-popover.esm-dcb20124.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-popper.esm-11dd9460.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),exports.CPopover=e.Popover,exports.CPopoverBody=e.PopoverBody,exports.CPopoverFooter=e.PopoverFooter,exports.CPopoverHeader=e.PopoverHeader,exports.PopoverArrow=e.PopoverArrow,exports.PopoverContent=e.PopoverContent,exports.PopoverTrigger=e.PopoverTrigger,exports.usePopoverContext=e.usePopoverContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-popover.esm-b47662cd.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-popper.esm-fa1ca51f.js"),require("../../../motion-b845edfc.js"),require("../../../tslib.es6-bf71dab2.js"),exports.CPopover=e.Popover,exports.CPopoverBody=e.PopoverBody,exports.CPopoverFooter=e.PopoverFooter,exports.CPopoverHeader=e.PopoverHeader,exports.PopoverArrow=e.PopoverArrow,exports.PopoverContent=e.PopoverContent,exports.PopoverTrigger=e.PopoverTrigger,exports.usePopoverContext=e.usePopoverContext;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Progress/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-progress.esm-51883635.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),exports.Progress=e.Progress;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-progress.esm-ee4ec014.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),exports.Progress=e.Progress;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Radio/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-radio.esm-361347dc.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../../chakra-ui-form-control.esm-fce77751.js"),require("../../../chakra-ui-icon.esm-143f8a01.js"),require("../../../chakra-ui-visually-hidden.esm-b9cac214.js"),exports.CRadioGroup=e.RadioGroup,exports.useRadio=e.useRadio,exports.useRadioGroup=e.useRadioGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-radio.esm-81217ba8.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../../chakra-ui-form-control.esm-15d678b3.js"),require("../../../chakra-ui-icon.esm-c9715c92.js"),require("../../../chakra-ui-visually-hidden.esm-2b5d3786.js"),exports.CRadioGroup=e.RadioGroup,exports.useRadio=e.useRadio,exports.useRadioGroup=e.useRadioGroup;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Skeleton/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-skeleton.esm-85b48b88.js");require("../../../chakra-ui-media-query.esm-e3b978d1.js"),require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-skeleton.esm-21cf1427.js");require("../../../chakra-ui-media-query.esm-b1b5807d.js"),require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Table/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-table.esm-86dbd57a.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-table.esm-1a4d57f9.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),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;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Tabs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-tabs.esm-7c5bb972.js");require("../../../chakra-ui-system.esm-bc006b0f.js"),require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../chakra-ui-clickable.esm-80eb200d.js"),require("../../../chakra-ui-descendant.esm-a7c3a092.js"),require("../../../chakra-ui-hooks.esm-fb28e843.js"),require("../../../use-animation-state-5054a9f7.esm-79613b55.js"),exports.CTab=e.Tab,exports.CTabs=e.Tabs,exports.TabList=e.TabList,exports.TabPanel=e.TabPanel,exports.TabPanels=e.TabPanels;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-tabs.esm-8c3efa86.js");require("../../../chakra-ui-system.esm-9ffb4e69.js"),require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../chakra-ui-clickable.esm-429e3f38.js"),require("../../../chakra-ui-descendant.esm-23b0f60c.js"),require("../../../chakra-ui-hooks.esm-d333c31a.js"),require("../../../use-animation-state-5054a9f7.esm-be5209ee.js"),exports.CTab=e.Tab,exports.CTabs=e.Tabs,exports.TabList=e.TabList,exports.TabPanel=e.TabPanel,exports.TabPanels=e.TabPanels;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/Transition/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-transition.esm-7397f46b.js");require("../../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../../index-a035df46.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../motion-b845edfc.js"),exports.Collapse=e.Collapse;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-transition.esm-722ba98a.js");require("../../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../../index-a035df46.js"),require("../../../tslib.es6-bf71dab2.js"),require("../../../motion-b845edfc.js"),exports.Collapse=e.Collapse;
 //# sourceMappingURL=index.js.map

package/build/chakra/components/index.d.ts

@@ -3,11 +3,13 @@ export * from './Alert';
 export * from './Avatar';
 export * from './Button';
 export * from './Checkbox';
+export * from './FormControl';
 export * from './Image';
 export * from './Input';
 export * from './Layout';
 export * from './MediaQuery';
 export * from './Menu';
+export * from './NumberInput';
 export * from './Modal';
 export * from './PinInput';
 export * from './Popover';

package/build/chakra/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-accordion.esm-4f8cf812.js"),r=require("../../chakra-ui-alert.esm-6f17f2ca.js"),o=require("../../chakra-ui-avatar.esm-368254af.js"),t=require("../../chakra-ui-button.esm-04b21024.js"),a=require("../../chakra-ui-checkbox.esm-903e44bc.js"),s=require("../../chakra-ui-image.esm-c6708eca.js"),i=require("../../chakra-ui-input.esm-eb019cfb.js"),p=require("../../chakra-ui-layout.esm-0f6d0ca1.js"),u=require("../../chakra-ui-media-query.esm-e3b978d1.js"),n=require("../../chakra-ui-menu.esm-f865198b.js"),d=require("../../chakra-ui-modal.esm-57c77251.js"),x=require("../../chakra-ui-pin-input.esm-090ba136.js"),l=require("../../chakra-ui-popover.esm-dcb20124.js"),c=require("../../chakra-ui-progress.esm-51883635.js"),k=require("../../chakra-ui-radio.esm-361347dc.js"),m=require("../../chakra-ui-skeleton.esm-85b48b88.js"),b=require("../../chakra-ui-table.esm-86dbd57a.js"),h=require("../../chakra-ui-tabs.esm-7c5bb972.js"),C=require("../../chakra-ui-transition.esm-7397f46b.js");require("../../chakra-ui-icon.esm-143f8a01.js"),require("../../chakra-ui-system.esm-bc006b0f.js"),require("../../chakra-ui-utils.esm-781fcad4.js"),require("react"),require("../../chakra-ui-descendant.esm-a7c3a092.js"),require("../../chakra-ui-hooks.esm-fb28e843.js"),require("../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../chakra-ui-visually-hidden.esm-b9cac214.js"),require("../../chakra-ui-form-control.esm-fce77751.js"),require("../../motion-b845edfc.js"),require("../../tslib.es6-bf71dab2.js"),require("../../index-a035df46.js"),require("../../chakra-ui-clickable.esm-80eb200d.js"),require("../../chakra-ui-popper.esm-11dd9460.js"),require("../../index-1a339061.js"),require("../../inheritsLoose-490721fe.js"),require("../../typeof-a861d137.js"),require("../../chakra-ui-portal.esm-d2b2cc42.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.CAlert=r.Alert,exports.CAvatar=o.Avatar,exports.ButtonGroup=t.ButtonGroup,exports.CCheckboxGroup=a.CheckboxGroup,exports.useCheckbox=a.useCheckbox,exports.useCheckboxGroup=a.useCheckboxGroup,exports.Image=s.Image$1,exports.InputGroup=i.InputGroup,exports.InputLeftElement=i.InputLeftElement,exports.InputRightElement=i.InputRightElement,exports.Badge=p.Badge,exports.Box=p.Box,exports.Center=p.Center,exports.Circle=p.Circle,exports.Container=p.Container,exports.Divider=p.Divider,exports.Flex=p.Flex,exports.Grid=p.Grid,exports.GridItem=p.GridItem,exports.HStack=p.HStack,exports.LinkBox=p.LinkBox,exports.LinkOverlay=p.LinkOverlay,exports.ListItem=p.ListItem,exports.OrderedList=p.OrderedList,exports.SimpleGrid=p.SimpleGrid,exports.Spacer=p.Spacer,exports.Stack=p.Stack,exports.UnorderedList=p.UnorderedList,exports.VStack=p.VStack,exports.Wrap=p.Wrap,exports.WrapItem=p.WrapItem,exports.Hide=u.Hide,exports.Show=u.Show,exports.useBreakpoint=u.useBreakpoint,exports.useBreakpointValue=u.useBreakpointValue,exports.useMediaQuery=u.useMediaQuery,exports.MenuDivider=n.MenuDivider,exports.MenuGroup=n.MenuGroup,exports.MenuItemOption=n.MenuItemOption,exports.AlertDialog=d.AlertDialog,exports.AlertDialogBody=d.ModalBody,exports.AlertDialogContent=d.AlertDialogContent,exports.AlertDialogFooter=d.ModalFooter,exports.AlertDialogHeader=d.ModalHeader,exports.AlertDialogOverlay=d.ModalOverlay,exports.CModal=d.Modal,exports.CModalBody=d.ModalBody,exports.CModalCloseButton=d.ModalCloseButton,exports.CModalFooter=d.ModalFooter,exports.CModalHeader=d.ModalHeader,exports.Drawer=d.Drawer,exports.DrawerBody=d.ModalBody,exports.DrawerCloseButton=d.ModalCloseButton,exports.DrawerContent=d.DrawerContent,exports.DrawerFooter=d.ModalFooter,exports.DrawerHeader=d.ModalHeader,exports.DrawerOverlay=d.ModalOverlay,exports.ModalContent=d.ModalContent,exports.ModalOverlay=d.ModalOverlay,exports.PinInput=x.PinInput,exports.PinInputField=x.PinInputField,exports.CPopover=l.Popover,exports.CPopoverBody=l.PopoverBody,exports.CPopoverFooter=l.PopoverFooter,exports.CPopoverHeader=l.PopoverHeader,exports.PopoverArrow=l.PopoverArrow,exports.PopoverContent=l.PopoverContent,exports.PopoverTrigger=l.PopoverTrigger,exports.usePopoverContext=l.usePopoverContext,exports.Progress=c.Progress,exports.CRadioGroup=k.RadioGroup,exports.useRadio=k.useRadio,exports.useRadioGroup=k.useRadioGroup,exports.Skeleton=m.Skeleton,exports.SkeletonText=m.SkeletonText,exports.Table=b.Table,exports.TableCaption=b.TableCaption,exports.TableContainer=b.TableContainer,exports.Tbody=b.Tbody,exports.Td=b.Td,exports.Tfoot=b.Tfoot,exports.Th=b.Th,exports.Thead=b.Thead,exports.Tr=b.Tr,exports.CTab=h.Tab,exports.CTabs=h.Tabs,exports.TabList=h.TabList,exports.TabPanel=h.TabPanel,exports.TabPanels=h.TabPanels,exports.Collapse=C.Collapse;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-accordion.esm-88fc47fa.js"),r=require("../../chakra-ui-alert.esm-eec7b3a2.js"),o=require("../../chakra-ui-avatar.esm-77e63c4d.js"),t=require("../../chakra-ui-button.esm-1e1ea72a.js"),s=require("../../chakra-ui-checkbox.esm-084e2bc6.js"),a=require("../../chakra-ui-form-control.esm-15d678b3.js"),p=require("../../chakra-ui-image.esm-83a7b97f.js"),i=require("../../chakra-ui-input.esm-de73d4e8.js"),u=require("../../chakra-ui-layout.esm-be631214.js"),n=require("../../chakra-ui-media-query.esm-b1b5807d.js"),x=require("../../chakra-ui-menu.esm-b61122c3.js"),d=require("../../chakra-ui-number-input.esm-700d8086.js"),l=require("../../chakra-ui-modal.esm-8ead94fa.js"),c=require("../../chakra-ui-pin-input.esm-72e83cec.js"),m=require("../../chakra-ui-popover.esm-b47662cd.js"),b=require("../../chakra-ui-progress.esm-ee4ec014.js"),k=require("../../chakra-ui-radio.esm-81217ba8.js"),C=require("../../chakra-ui-skeleton.esm-21cf1427.js"),h=require("../../chakra-ui-table.esm-1a4d57f9.js"),q=require("../../chakra-ui-tabs.esm-8c3efa86.js"),M=require("../../chakra-ui-transition.esm-722ba98a.js");require("../../chakra-ui-icon.esm-c9715c92.js"),require("../../chakra-ui-system.esm-9ffb4e69.js"),require("../../chakra-ui-utils.esm-57f330de.js"),require("react"),require("../../chakra-ui-descendant.esm-23b0f60c.js"),require("../../chakra-ui-hooks.esm-d333c31a.js"),require("../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../chakra-ui-visually-hidden.esm-2b5d3786.js"),require("../../motion-b845edfc.js"),require("../../tslib.es6-bf71dab2.js"),require("../../index-a035df46.js"),require("../../chakra-ui-clickable.esm-429e3f38.js"),require("../../chakra-ui-popper.esm-fa1ca51f.js"),require("../../index-1a339061.js"),require("../../inheritsLoose-490721fe.js"),require("../../typeof-a861d137.js"),require("../../chakra-ui-portal.esm-20905a36.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.CAlert=r.Alert,exports.CAvatar=o.Avatar,exports.ButtonGroup=t.ButtonGroup,exports.CCheckboxGroup=s.CheckboxGroup,exports.useCheckbox=s.useCheckbox,exports.useCheckboxGroup=s.useCheckboxGroup,exports.FormControl=a.FormControl,exports.FormLabel=a.FormLabel,exports.Image=p.Image$1,exports.InputGroup=i.InputGroup,exports.InputLeftElement=i.InputLeftElement,exports.InputRightElement=i.InputRightElement,exports.Badge=u.Badge,exports.Box=u.Box,exports.Center=u.Center,exports.Circle=u.Circle,exports.Container=u.Container,exports.Divider=u.Divider,exports.Flex=u.Flex,exports.Grid=u.Grid,exports.GridItem=u.GridItem,exports.HStack=u.HStack,exports.LinkBox=u.LinkBox,exports.LinkOverlay=u.LinkOverlay,exports.ListItem=u.ListItem,exports.OrderedList=u.OrderedList,exports.SimpleGrid=u.SimpleGrid,exports.Spacer=u.Spacer,exports.Stack=u.Stack,exports.UnorderedList=u.UnorderedList,exports.VStack=u.VStack,exports.Wrap=u.Wrap,exports.WrapItem=u.WrapItem,exports.Hide=n.Hide,exports.Show=n.Show,exports.useBreakpoint=n.useBreakpoint,exports.useBreakpointValue=n.useBreakpointValue,exports.useMediaQuery=n.useMediaQuery,exports.CMenu=x.Menu,exports.CMenuButton=x.MenuButton,exports.CMenuItem=x.MenuItem,exports.CMenuList=x.MenuList,exports.MenuDivider=x.MenuDivider,exports.MenuGroup=x.MenuGroup,exports.MenuItemOption=x.MenuItemOption,exports.NumberDecrementStepper=d.NumberDecrementStepper,exports.NumberIncrementStepper=d.NumberIncrementStepper,exports.NumberInput=d.NumberInput,exports.NumberInputField=d.NumberInputField,exports.NumberInputStepper=d.NumberInputStepper,exports.AlertDialog=l.AlertDialog,exports.AlertDialogBody=l.ModalBody,exports.AlertDialogContent=l.AlertDialogContent,exports.AlertDialogFooter=l.ModalFooter,exports.AlertDialogHeader=l.ModalHeader,exports.AlertDialogOverlay=l.ModalOverlay,exports.CModal=l.Modal,exports.CModalBody=l.ModalBody,exports.CModalCloseButton=l.ModalCloseButton,exports.CModalFooter=l.ModalFooter,exports.CModalHeader=l.ModalHeader,exports.Drawer=l.Drawer,exports.DrawerBody=l.ModalBody,exports.DrawerCloseButton=l.ModalCloseButton,exports.DrawerContent=l.DrawerContent,exports.DrawerFooter=l.ModalFooter,exports.DrawerHeader=l.ModalHeader,exports.DrawerOverlay=l.ModalOverlay,exports.ModalContent=l.ModalContent,exports.ModalOverlay=l.ModalOverlay,exports.PinInput=c.PinInput,exports.PinInputField=c.PinInputField,exports.CPopover=m.Popover,exports.CPopoverBody=m.PopoverBody,exports.CPopoverFooter=m.PopoverFooter,exports.CPopoverHeader=m.PopoverHeader,exports.PopoverArrow=m.PopoverArrow,exports.PopoverContent=m.PopoverContent,exports.PopoverTrigger=m.PopoverTrigger,exports.usePopoverContext=m.usePopoverContext,exports.Progress=b.Progress,exports.CRadioGroup=k.RadioGroup,exports.useRadio=k.useRadio,exports.useRadioGroup=k.useRadioGroup,exports.Skeleton=C.Skeleton,exports.SkeletonText=C.SkeletonText,exports.Table=h.Table,exports.TableCaption=h.TableCaption,exports.TableContainer=h.TableContainer,exports.Tbody=h.Tbody,exports.Td=h.Td,exports.Tfoot=h.Tfoot,exports.Th=h.Th,exports.Thead=h.Thead,exports.Tr=h.Tr,exports.CTab=q.Tab,exports.CTabs=q.Tabs,exports.TabList=q.TabList,exports.TabPanel=q.TabPanel,exports.TabPanels=q.TabPanels,exports.Collapse=M.Collapse;
 //# sourceMappingURL=index.js.map

package/build/chakra/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-hooks.esm-fb28e843.js");require("react"),require("../../use-animation-state-5054a9f7.esm-79613b55.js"),require("../../chakra-ui-utils.esm-781fcad4.js"),exports.useConst=e.useConst,exports.useDisclosure=e.useDisclosure,exports.useInterval=e.useInterval,exports.useOutsideClick=e.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-hooks.esm-d333c31a.js");require("react"),require("../../use-animation-state-5054a9f7.esm-be5209ee.js"),require("../../chakra-ui-utils.esm-57f330de.js"),exports.useConst=e.useConst,exports.useDisclosure=e.useDisclosure,exports.useInterval=e.useInterval,exports.useOutsideClick=e.useOutsideClick;
 //# sourceMappingURL=index.js.map