@televet/kibble-ui 3.0.7-inform.0 → 3.0.7-inform.2

package/build/{alert.component-f2b2bae6.js → alert.component-bd94f2bb.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-a4001f59.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./heading.component-8febedd1.js"),n=require("./icon.component-8a875adb.js"),i=require("./text.component-a1231840.js"),r=require("./chakra-ui-alert.esm-a086e23c.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
-//# sourceMappingURL=alert.component-f2b2bae6.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-117ff3a9.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./heading.component-8febedd1.js"),n=require("./icon.component-a955694d.js"),i=require("./text.component-a1231840.js"),r=require("./chakra-ui-alert.esm-a086e23c.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
+//# sourceMappingURL=alert.component-bd94f2bb.js.map

package/build/{alert.component-f2b2bae6.js.map → alert.component-bd94f2bb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.component-f2b2bae6.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/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n  isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose, isToast } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps, isToast } = props;\n  return (\n    <Heading\n      className=\"Alert__Title\"\n      flexGrow={1}\n      variant={isToast ? 'onContrast' : 'default'}\n      lineHeight={6}\n      size=\"sm\"\n      {...titleProps}\n    >\n      {title}\n    </Heading>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n  isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status, isToast = false } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon\n        variant={isToast ? 'onContrast' : computedVariant}\n        size=\"lg\"\n        name={iconProps?.name || AlertStatusIcon[status]}\n        {...iconProps}\n      />\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  isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps, isToast } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\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 { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  hasShadow?: boolean;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' | 'status'> {}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  hasShadow = false,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  status = 'success',\n  title,\n  titleProps,\n  isToast = false,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const computedVariant = isToast ? `${status}Toast` : status;\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && (\n            <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n          )}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && (\n              <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n            )}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={computedVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...(hasShadow && { boxShadow: 'md' })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}
+{"version":3,"file":"alert.component-bd94f2bb.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/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n  isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose, isToast } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps, isToast } = props;\n  return (\n    <Heading\n      className=\"Alert__Title\"\n      flexGrow={1}\n      variant={isToast ? 'onContrast' : 'default'}\n      lineHeight={6}\n      size=\"sm\"\n      {...titleProps}\n    >\n      {title}\n    </Heading>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n  isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status, isToast = false } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon\n        variant={isToast ? 'onContrast' : computedVariant}\n        size=\"lg\"\n        name={iconProps?.name || AlertStatusIcon[status]}\n        {...iconProps}\n      />\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  isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps, isToast } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\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 { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  hasShadow?: boolean;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' | 'status'> {}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  hasShadow = false,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  status = 'success',\n  title,\n  titleProps,\n  isToast = false,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const computedVariant = isToast ? `${status}Toast` : status;\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && (\n            <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n          )}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && (\n              <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n            )}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={computedVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...(hasShadow && { boxShadow: 'md' })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}

package/build/{avatar.component-174205e1.js → avatar.component-006eb385.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-8a875adb.js"),r=require("./tooltip.component-e2205174.js"),o=require("./chakra-ui-avatar.esm-3ef01808.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js"),s=require("./picture.component-daf0e558.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const i=({currentSize:e,larger:t=!0,delta:a=1})=>{let r;switch(e){case"xs":r=t?"sm":"xs";break;case"sm":r=t?"md":"xs";break;case"md":r=t?"lg":"sm";break;case"lg":r=t?"xl":"md";break;case"xl":r=t?"2xl":"lg";break;case"2xl":r=t?"2xl":"xl";break;default:r=e}return a>1&&(r=i({currentSize:r,larger:t,delta:a-1})),r},u=({avatarSize:e,iconName:r,bg:n="background.info",borderColor:s="border.strongContrast",iconVariant:l="info",position:i="bottomRight"})=>{const u=t.useMemo((()=>"xs"===e||!r),[r,e]);return c.default.createElement(o.AvatarBadge,Object.assign({borderColor:s,borderWidth:"thin",bg:n,boxSize:(e=>{switch(e){case"xl":return"24px";case"xs":return"10px";default:return"18px"}})(e),transform:(t=>{switch(t){case"topLeft":return"xl"===e?"translate(-25%, -25%)":u&&"xs"!==e?"translate(-40%, -40%)":"translate(-45%, -45%)";case"topRight":return"xl"===e?"translate(25%, -25%)":u&&"xs"!==e?"translate(40%, -40%)":"translate(45%, -45%)";case"bottomLeft":return"xl"===e?"translate(-25%, 25%)":u&&"xs"!==e?"translate(-40%, 40%)":"translate(-45%, 45%)";default:return"xl"===e?"translate(25%, 25%)":u&&"xs"!==e?"translate(40%, 40%)":"translate(45%, 45%)"}})(i),position:"absolute"},(e=>{switch(e){case"topLeft":return{top:"0",left:"0"};case"topRight":return{top:"0",right:"0"};case"bottomLeft":return{bottom:"0",left:"0"};default:return{bottom:"0",right:"0"}}})(i)),!u&&r&&c.default.createElement(a.Icon,{name:r,variant:l,size:"xl"===e?"sm":"xs"}))},d=({handleRemoveButtonClick:e,isBeingHovered:r,setIsBeingHovered:o})=>{const s=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return c.default.createElement(n.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:s,onMouseEnter:()=>o(!0),zIndex:"tooltip",onMouseLeave:()=>o(!1)},c.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:r?"sm":"xs"}))},b=({src:e,webpSrc:t})=>c.default.createElement(n.Box,{className:"Avatar__Image"},c.default.createElement(s.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=n=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:m,hideBorder:p=!1,iconName:g,name:f="",showBadge:h=!1,showRemoveButton:x=!1,showTooltip:v=!0,size:k="md",src:C,tooltipPlacement:w="bottom",tooltipText:B,variant:S="default",webpSrc:E}=n,R=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[_,j]=t.useState(!1),[z,q]=t.useState(!1),I="xs"===k,P=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===S&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[S]),L=c.default.createElement(o.Avatar,Object.assign({name:g?"":f,size:k,src:E?void 0:C,variant:S,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:p?"0px":"2px",cursor:"default"},g&&{icon:c.default.createElement(a.Icon,{name:g,size:"lg"===k?"lg":i({currentSize:k,larger:!0,delta:1})})},l&&Object.assign({onClick:l,cursor:"pointer"},P),{onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1)},R),x&&_&&!I&&c.default.createElement(d,{handleRemoveButtonClick:m,isBeingHovered:z,setIsBeingHovered:q}),h&&c.default.createElement(u,Object.assign({avatarSize:k},s)),E&&C&&c.default.createElement(b,{src:C,webpSrc:E}));return v&&!z?c.default.createElement(r.Tooltip,{label:B||f,placement:w},L):L};
-//# sourceMappingURL=avatar.component-174205e1.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-a955694d.js"),r=require("./tooltip.component-e2205174.js"),o=require("./chakra-ui-avatar.esm-3ef01808.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js"),s=require("./picture.component-daf0e558.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const i=({currentSize:e,larger:t=!0,delta:a=1})=>{let r;switch(e){case"xs":r=t?"sm":"xs";break;case"sm":r=t?"md":"xs";break;case"md":r=t?"lg":"sm";break;case"lg":r=t?"xl":"md";break;case"xl":r=t?"2xl":"lg";break;case"2xl":r=t?"2xl":"xl";break;default:r=e}return a>1&&(r=i({currentSize:r,larger:t,delta:a-1})),r},u=({avatarSize:e,iconName:r,bg:n="background.info",borderColor:s="border.strongContrast",iconVariant:l="info",position:i="bottomRight"})=>{const u=t.useMemo((()=>"xs"===e||!r),[r,e]);return c.default.createElement(o.AvatarBadge,Object.assign({borderColor:s,borderWidth:"thin",bg:n,boxSize:(e=>{switch(e){case"xl":return"24px";case"xs":return"10px";default:return"18px"}})(e),transform:(t=>{switch(t){case"topLeft":return"xl"===e?"translate(-25%, -25%)":u&&"xs"!==e?"translate(-40%, -40%)":"translate(-45%, -45%)";case"topRight":return"xl"===e?"translate(25%, -25%)":u&&"xs"!==e?"translate(40%, -40%)":"translate(45%, -45%)";case"bottomLeft":return"xl"===e?"translate(-25%, 25%)":u&&"xs"!==e?"translate(-40%, 40%)":"translate(-45%, 45%)";default:return"xl"===e?"translate(25%, 25%)":u&&"xs"!==e?"translate(40%, 40%)":"translate(45%, 45%)"}})(i),position:"absolute"},(e=>{switch(e){case"topLeft":return{top:"0",left:"0"};case"topRight":return{top:"0",right:"0"};case"bottomLeft":return{bottom:"0",left:"0"};default:return{bottom:"0",right:"0"}}})(i)),!u&&r&&c.default.createElement(a.Icon,{name:r,variant:l,size:"xl"===e?"sm":"xs"}))},d=({handleRemoveButtonClick:e,isBeingHovered:r,setIsBeingHovered:o})=>{const s=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return c.default.createElement(n.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:s,onMouseEnter:()=>o(!0),zIndex:"tooltip",onMouseLeave:()=>o(!1)},c.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:r?"sm":"xs"}))},m=({src:e,webpSrc:t})=>c.default.createElement(n.Box,{className:"Avatar__Image"},c.default.createElement(s.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=n=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:b,hideBorder:p=!1,iconName:g,name:f="",showBadge:h=!1,showRemoveButton:x=!1,showTooltip:v=!0,size:k="md",src:C,tooltipPlacement:w="bottom",tooltipText:B,variant:S="default",webpSrc:E}=n,R=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[_,j]=t.useState(!1),[z,q]=t.useState(!1),I="xs"===k,P=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===S&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[S]),L=c.default.createElement(o.Avatar,Object.assign({name:g?"":f,size:k,src:E?void 0:C,variant:S,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:p?"0px":"2px",cursor:"default"},g&&{icon:c.default.createElement(a.Icon,{name:g,size:"lg"===k?"lg":i({currentSize:k,larger:!0,delta:1})})},l&&Object.assign({onClick:l,cursor:"pointer"},P),{onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1)},R),x&&_&&!I&&c.default.createElement(d,{handleRemoveButtonClick:b,isBeingHovered:z,setIsBeingHovered:q}),h&&c.default.createElement(u,Object.assign({avatarSize:k},s)),E&&C&&c.default.createElement(m,{src:C,webpSrc:E}));return v&&!z?c.default.createElement(r.Tooltip,{label:B||f,placement:w},L):L};
+//# sourceMappingURL=avatar.component-006eb385.js.map

package/build/{avatar.component-174205e1.js.map → avatar.component-006eb385.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-174205e1.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n  currentSize: IconSize | AvatarSize;\n  larger: boolean;\n  delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n  let nextSize: IconSize;\n  switch (currentSize) {\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 = currentSize as IconSize;\n      break;\n  }\n\n  if (delta > 1) {\n    nextSize = getNextIconSize({ currentSize: nextSize, larger, delta: delta - 1 });\n  }\n\n  return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge, PositionProps } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n  iconName?: IconName;\n  bg?: SemanticBackgroundColorToken;\n  borderColor?: SemanticBorderColorToken;\n  iconVariant?: TypographyVariant;\n  position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  iconName,\n  bg = 'background.info',\n  borderColor = 'border.strongContrast',\n  iconVariant = 'info',\n  position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n\n  const getBadgePosition = (position: AvatarBadgePosition): PositionProps => {\n    switch (position) {\n      case 'topLeft':\n        return {\n          top: '0',\n          left: '0',\n        };\n      case 'topRight':\n        return {\n          top: '0',\n          right: '0',\n        };\n      case 'bottomLeft':\n        return {\n          bottom: '0',\n          left: '0',\n        };\n      default:\n        return {\n          bottom: '0',\n          right: '0',\n        };\n    }\n  };\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const extraSmallPosition = 45;\n    const extraLargePosition = 25;\n    const defaultPosition = 40;\n\n    switch (position) {\n      case 'topLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'topRight':\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'bottomLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, ${extraSmallPosition}%)`;\n      default:\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, ${extraSmallPosition}%)`;\n    }\n  };\n\n  const getBoxSize = (avatarSize: AvatarSize): string => {\n    switch (avatarSize) {\n      case 'xl':\n        return '24px';\n      case 'xs':\n        return '10px';\n      default:\n        return '18px';\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      borderColor={borderColor}\n      borderWidth=\"thin\"\n      bg={bg}\n      boxSize={getBoxSize(avatarSize)}\n      transform={getBadgeTransform(position)}\n      position=\"absolute\"\n      {...getBadgePosition(position)}\n    >\n      {!useSmallBadge && iconName && (\n        <Icon name={iconName} variant={iconVariant} size={avatarSize === 'xl' ? 'sm' : 'xs'} />\n      )}\n    </CAvatarBadge>\n  );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n  handleRemoveButtonClick,\n  isBeingHovered,\n  setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\n  return (\n    <Flex\n      className=\"Avatar__RemoveButton\"\n      backgroundColor=\"background.default\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      position=\"absolute\"\n      top=\"-6px\"\n      h={4}\n      w={4}\n      right=\"-6px\"\n      justify=\"center\"\n      align=\"center\"\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      zIndex=\"tooltip\"\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n    >\n      <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n    </Flex>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n  src: string;\n  webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n  return (\n    <Box className=\"Avatar__Image\">\n      <Picture\n        src={src}\n        webpSrc={webpSrc}\n        imgProps={{\n          w: '100%',\n          h: '100%',\n          objectFit: 'cover',\n          borderRadius: 'full',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n        }}\n      />\n    </Box>\n  );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = 'default',\n  webpSrc,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  // These styles are not defined in the config file because they\n  // should only be applied if the avatar has a click handler defined\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.hover',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n      _active: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.pressed',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n    };\n\n    if (variant === 'contrast') {\n      styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n      styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n    }\n\n    return styles;\n  }, [variant]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={variant}\n      boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n      borderWidth={hideBorder ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: (\n          <Icon\n            name={iconName}\n            size={size === 'lg' ? 'lg' : getNextIconSize({ currentSize: size, larger: true, delta: 1 })}\n          />\n        ),\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <AvatarRemoveButton\n          handleRemoveButtonClick={handleRemoveButtonClick}\n          isBeingHovered={isHoveringRemoveButton}\n          setIsBeingHovered={setIsHoveringRemoveButton}\n        />\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n      {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n    </CAvatar>\n  );\n\n  if (showTooltip && !isHoveringRemoveButton) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["getNextIconSize","currentSize","larger","delta","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","Object","assign","borderWidth","boxSize","getBoxSize","transform","getBadgeTransform","top","left","right","bottom","getBadgePosition","Icon","name","variant","size","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","h","w","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","_a","badgeProps","handleClick","hideBorder","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-006eb385.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n  currentSize: IconSize | AvatarSize;\n  larger: boolean;\n  delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n  let nextSize: IconSize;\n  switch (currentSize) {\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 = currentSize as IconSize;\n      break;\n  }\n\n  if (delta > 1) {\n    nextSize = getNextIconSize({ currentSize: nextSize, larger, delta: delta - 1 });\n  }\n\n  return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge, PositionProps } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n  iconName?: IconName;\n  bg?: SemanticBackgroundColorToken;\n  borderColor?: SemanticBorderColorToken;\n  iconVariant?: TypographyVariant;\n  position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  iconName,\n  bg = 'background.info',\n  borderColor = 'border.strongContrast',\n  iconVariant = 'info',\n  position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n\n  const getBadgePosition = (position: AvatarBadgePosition): PositionProps => {\n    switch (position) {\n      case 'topLeft':\n        return {\n          top: '0',\n          left: '0',\n        };\n      case 'topRight':\n        return {\n          top: '0',\n          right: '0',\n        };\n      case 'bottomLeft':\n        return {\n          bottom: '0',\n          left: '0',\n        };\n      default:\n        return {\n          bottom: '0',\n          right: '0',\n        };\n    }\n  };\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const extraSmallPosition = 45;\n    const extraLargePosition = 25;\n    const defaultPosition = 40;\n\n    switch (position) {\n      case 'topLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'topRight':\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'bottomLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, ${extraSmallPosition}%)`;\n      default:\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, ${extraSmallPosition}%)`;\n    }\n  };\n\n  const getBoxSize = (avatarSize: AvatarSize): string => {\n    switch (avatarSize) {\n      case 'xl':\n        return '24px';\n      case 'xs':\n        return '10px';\n      default:\n        return '18px';\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      borderColor={borderColor}\n      borderWidth=\"thin\"\n      bg={bg}\n      boxSize={getBoxSize(avatarSize)}\n      transform={getBadgeTransform(position)}\n      position=\"absolute\"\n      {...getBadgePosition(position)}\n    >\n      {!useSmallBadge && iconName && (\n        <Icon name={iconName} variant={iconVariant} size={avatarSize === 'xl' ? 'sm' : 'xs'} />\n      )}\n    </CAvatarBadge>\n  );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n  handleRemoveButtonClick,\n  isBeingHovered,\n  setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\n  return (\n    <Flex\n      className=\"Avatar__RemoveButton\"\n      backgroundColor=\"background.default\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      position=\"absolute\"\n      top=\"-6px\"\n      h={4}\n      w={4}\n      right=\"-6px\"\n      justify=\"center\"\n      align=\"center\"\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      zIndex=\"tooltip\"\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n    >\n      <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n    </Flex>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n  src: string;\n  webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n  return (\n    <Box className=\"Avatar__Image\">\n      <Picture\n        src={src}\n        webpSrc={webpSrc}\n        imgProps={{\n          w: '100%',\n          h: '100%',\n          objectFit: 'cover',\n          borderRadius: 'full',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n        }}\n      />\n    </Box>\n  );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = 'default',\n  webpSrc,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  // These styles are not defined in the config file because they\n  // should only be applied if the avatar has a click handler defined\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.hover',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n      _active: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.pressed',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n    };\n\n    if (variant === 'contrast') {\n      styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n      styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n    }\n\n    return styles;\n  }, [variant]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={variant}\n      boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n      borderWidth={hideBorder ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: (\n          <Icon\n            name={iconName}\n            size={size === 'lg' ? 'lg' : getNextIconSize({ currentSize: size, larger: true, delta: 1 })}\n          />\n        ),\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <AvatarRemoveButton\n          handleRemoveButtonClick={handleRemoveButtonClick}\n          isBeingHovered={isHoveringRemoveButton}\n          setIsBeingHovered={setIsHoveringRemoveButton}\n        />\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n      {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n    </CAvatar>\n  );\n\n  if (showTooltip && !isHoveringRemoveButton) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["getNextIconSize","currentSize","larger","delta","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","Object","assign","borderWidth","boxSize","getBoxSize","transform","getBadgeTransform","top","left","right","bottom","getBadgePosition","Icon","name","variant","size","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","h","w","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","_a","badgeProps","handleClick","hideBorder","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}

package/build/{avatarGroup.component-5e5a75c9.js → avatarGroup.component-fc7b8b58.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./avatar.component-174205e1.js"),a=require("./chakra-ui-avatar.esm-3ef01808.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d||"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
-//# sourceMappingURL=avatarGroup.component-5e5a75c9.js.map
+"use strict";var e=require("react"),t=require("./avatar.component-006eb385.js"),a=require("./chakra-ui-avatar.esm-3ef01808.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d||"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
+//# sourceMappingURL=avatarGroup.component-fc7b8b58.js.map

package/build/{avatarGroup.component-5e5a75c9.js.map → avatarGroup.component-fc7b8b58.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-5e5a75c9.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\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=\"dashed\"\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}
+{"version":3,"file":"avatarGroup.component-fc7b8b58.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\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=\"dashed\"\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}

package/build/{button.component-a4001f59.js → button.component-117ff3a9.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-8a875adb.js"),n=require("./chakra-ui-button.esm-ef745168.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const s=t.forwardRef(((r,s)=>{var{children:o,iconName:c,iconPosition:u,isActive:l=!1,isOnContrast:d=!1,size:f="md",variant:m="primary"}=r,p=e.__rest(r,["children","iconName","iconPosition","isActive","isOnContrast","size","variant"]);const v=t.useMemo((()=>`${m}${d?"OnContrast":""}`),[d,m]);if(c){const e=a.default.createElement(i.Icon,{size:f,name:c});if(!o){const t=c.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(n.IconButton,Object.assign({variant:v,ref:s,"aria-label":t,icon:e,size:f,isActive:l},p))}p["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(n.Button,Object.assign({fontWeight:"semibold",cursor:"pointer",ref:s,size:f,iconSpacing:"sm"===f||"xs"===f?"4px":"8px",borderRadius:"base",variant:v,isActive:l},p),o)}));s.displayName="Button",exports.Button=s;
-//# sourceMappingURL=button.component-a4001f59.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-a955694d.js"),n=require("./chakra-ui-button.esm-ef745168.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const s=t.forwardRef(((r,s)=>{var{children:o,iconName:c,iconPosition:u,isActive:l=!1,isOnContrast:d=!1,size:f="md",variant:m="primary"}=r,p=e.__rest(r,["children","iconName","iconPosition","isActive","isOnContrast","size","variant"]);const v=t.useMemo((()=>`${m}${d?"OnContrast":""}`),[d,m]);if(c){const e=a.default.createElement(i.Icon,{size:f,name:c});if(!o){const t=c.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(n.IconButton,Object.assign({variant:v,ref:s,"aria-label":t,icon:e,size:f,isActive:l},p))}p["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(n.Button,Object.assign({fontWeight:"semibold",cursor:"pointer",ref:s,size:f,iconSpacing:"sm"===f||"xs"===f?"4px":"8px",borderRadius:"base",variant:v,isActive:l},p),o)}));s.displayName="Button",exports.Button=s;
+//# sourceMappingURL=button.component-117ff3a9.js.map

package/build/{button.component-a4001f59.js.map → button.component-117ff3a9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.component-a4001f59.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== ':' &&\n        array[index + 1] !== ':' &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === ':' && array[index + 2] !== '') {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n    })\n    .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  isOnContrast?: boolean;\n  loadingText?: string;\n  size?: ButtonSize;\n  spinnerPlacement?: 'start' | 'end';\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n  (\n    {\n      children,\n      iconName,\n      iconPosition,\n      isActive = false,\n      isOnContrast = false,\n      size = 'md',\n      variant = 'primary',\n      ...domProps\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): JSX.Element => {\n    const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n    if (iconName) {\n      const ButtonIcon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            variant={computedVariant}\n            ref={ref}\n            aria-label={label}\n            icon={ButtonIcon}\n            size={size}\n            isActive={isActive}\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=\"semibold\"\n        cursor=\"pointer\"\n        ref={ref}\n        size={size}\n        iconSpacing={size === 'sm' || size === 'xs' ? '4px' : '8px'}\n        borderRadius=\"base\"\n        variant={computedVariant}\n        isActive={isActive}\n        {...domProps}\n      >\n        {children}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","children","iconName","iconPosition","isActive","isOnContrast","size","variant","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCuBMA,EAASC,EAAUA,YAC9B,CACEC,EAUAC,SAVAC,SACEA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,SACZA,GAAW,EAAKC,aAChBA,GAAe,EAAKC,KACpBA,EAAO,KAAIC,QACXA,EAAU,WAASR,EAChBS,EARLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,WAAA,eAAA,WAAA,eAAA,OAAA,YAYA,MAAMW,EAAkBC,EAAOA,SAAC,IAAM,GAAGJ,IAAUF,EAAe,aAAe,MAAM,CAACA,EAAcE,IAEtG,GAAIL,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAT,KAAMA,EAAMU,KAAMd,IAE3C,IAAKD,EAAU,CACb,MAAMgB,EAAyBf,ED1CnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBC2C/C,OACEP,EAAA,QAAAC,cAACO,EAAAA,WAAWC,OAAAC,OAAA,CACVhB,QAASG,EACTV,IAAKA,EAAG,aACIiB,EACZO,KAAMZ,EACNN,KAAMA,EACNF,SAAUA,GACNI,IAKRA,EADkC,UAAjBL,EAA2B,YAAc,YACrCS,EAIzB,OACEC,EAAAA,QAACC,cAAAW,EAAAA,OACCH,OAAAC,OAAA,CAAAG,WAAW,WACXC,OAAO,UACP3B,IAAKA,EACLM,KAAMA,EACNsB,YAAsB,OAATtB,GAA0B,OAATA,EAAgB,MAAQ,MACtDuB,aAAa,OACbtB,QAASG,EACTN,SAAUA,GACNI,GAEHP,MAMTJ,EAAOiC,YAAc"}
+{"version":3,"file":"button.component-117ff3a9.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== ':' &&\n        array[index + 1] !== ':' &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === ':' && array[index + 2] !== '') {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n    })\n    .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  isOnContrast?: boolean;\n  loadingText?: string;\n  size?: ButtonSize;\n  spinnerPlacement?: 'start' | 'end';\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n  (\n    {\n      children,\n      iconName,\n      iconPosition,\n      isActive = false,\n      isOnContrast = false,\n      size = 'md',\n      variant = 'primary',\n      ...domProps\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): JSX.Element => {\n    const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n    if (iconName) {\n      const ButtonIcon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            variant={computedVariant}\n            ref={ref}\n            aria-label={label}\n            icon={ButtonIcon}\n            size={size}\n            isActive={isActive}\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=\"semibold\"\n        cursor=\"pointer\"\n        ref={ref}\n        size={size}\n        iconSpacing={size === 'sm' || size === 'xs' ? '4px' : '8px'}\n        borderRadius=\"base\"\n        variant={computedVariant}\n        isActive={isActive}\n        {...domProps}\n      >\n        {children}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","children","iconName","iconPosition","isActive","isOnContrast","size","variant","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCuBMA,EAASC,EAAUA,YAC9B,CACEC,EAUAC,SAVAC,SACEA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,SACZA,GAAW,EAAKC,aAChBA,GAAe,EAAKC,KACpBA,EAAO,KAAIC,QACXA,EAAU,WAASR,EAChBS,EARLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,WAAA,eAAA,WAAA,eAAA,OAAA,YAYA,MAAMW,EAAkBC,EAAOA,SAAC,IAAM,GAAGJ,IAAUF,EAAe,aAAe,MAAM,CAACA,EAAcE,IAEtG,GAAIL,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAT,KAAMA,EAAMU,KAAMd,IAE3C,IAAKD,EAAU,CACb,MAAMgB,EAAyBf,ED1CnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBC2C/C,OACEP,EAAA,QAAAC,cAACO,EAAAA,WAAWC,OAAAC,OAAA,CACVhB,QAASG,EACTV,IAAKA,EAAG,aACIiB,EACZO,KAAMZ,EACNN,KAAMA,EACNF,SAAUA,GACNI,IAKRA,EADkC,UAAjBL,EAA2B,YAAc,YACrCS,EAIzB,OACEC,EAAAA,QAACC,cAAAW,EAAAA,OACCH,OAAAC,OAAA,CAAAG,WAAW,WACXC,OAAO,UACP3B,IAAKA,EACLM,KAAMA,EACNsB,YAAsB,OAATtB,GAA0B,OAATA,EAAgB,MAAQ,MACtDuB,aAAa,OACbtB,QAASG,EACTN,SAAUA,GACNI,GAEHP,MAMTJ,EAAOiC,YAAc"}

package/build/chakra/index.d.ts

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

package/build/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-react.esm-3e9f61da.js"),r=require("../chakra-ui-skeleton.esm-5120cbde.js"),o=require("../chakra-ui-modal.esm-932c5289.js"),t=require("../chakra-ui-layout.esm-0601b9a5.js"),s=require("../chakra-ui-button.esm-ef745168.js"),a=require("../chakra-ui-alert.esm-a086e23c.js"),p=require("../chakra-ui-avatar.esm-3ef01808.js"),u=require("../chakra-ui-checkbox.esm-a616aab9.js"),i=require("../chakra-ui-input.esm-de5d4e45.js"),x=require("../chakra-ui-menu.esm-bb35ab5f.js"),n=require("../chakra-ui-popover.esm-d21bf3b5.js"),d=require("../chakra-ui-radio.esm-bd0e90ff.js"),l=require("../chakra-ui-select.esm-e7128fb0.js"),c=require("../chakra-ui-tabs.esm-91de32e1.js"),m=require("../chakra-ui-textarea.esm-d82076ec.js"),C=require("../chakra-ui-form-control.esm-b138a4e1.js"),b=require("../chakra-ui-media-query.esm-d370ebec.js"),k=require("../chakra-ui-image.esm-2b438d18.js"),h=require("../chakra-ui-system.esm-434904f8.js"),M=require("../chakra-ui-portal.esm-309fc8f3.js"),I=require("../chakra-ui-hooks.esm-20b27af2.js");require("react"),require("../chakra-ui-theme.esm-23420bf9.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../index-310d673a.js"),require("../tslib.es6-d6f17add.js"),require("../inheritsLoose-490721fe.js"),require("../index-5a9be08d.js"),require("../motion-7de675ca.js"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("react-dom"),exports.extendTheme=e.extendTheme,exports.Accordion=r.Accordion,exports.AccordionButton=r.AccordionButton,exports.AccordionIcon=r.AccordionIcon,exports.AccordionItem=r.AccordionItem,exports.AccordionPanel=r.AccordionPanel,exports.NumberDecrementStepper=r.NumberDecrementStepper,exports.NumberIncrementStepper=r.NumberIncrementStepper,exports.NumberInput=r.NumberInput,exports.NumberInputField=r.NumberInputField,exports.NumberInputStepper=r.NumberInputStepper,exports.PinInput=r.PinInput,exports.PinInputField=r.PinInputField,exports.Progress=r.Progress,exports.Skeleton=r.Skeleton,exports.SkeletonText=r.SkeletonText,exports.Table=r.Table,exports.TableCaption=r.TableCaption,exports.TableContainer=r.TableContainer,exports.Tbody=r.Tbody,exports.Td=r.Td,exports.Tfoot=r.Tfoot,exports.Th=r.Th,exports.Thead=r.Thead,exports.Tr=r.Tr,exports.AlertDialog=o.AlertDialog,exports.AlertDialogBody=o.ModalBody,exports.AlertDialogContent=o.AlertDialogContent,exports.AlertDialogFooter=o.ModalFooter,exports.AlertDialogHeader=o.ModalHeader,exports.AlertDialogOverlay=o.ModalOverlay,exports.CModal=o.Modal,exports.CModalBody=o.ModalBody,exports.CModalCloseButton=o.ModalCloseButton,exports.CModalFooter=o.ModalFooter,exports.CModalHeader=o.ModalHeader,exports.Collapse=o.Collapse,exports.Drawer=o.Drawer,exports.DrawerBody=o.ModalBody,exports.DrawerCloseButton=o.ModalCloseButton,exports.DrawerContent=o.DrawerContent,exports.DrawerFooter=o.ModalFooter,exports.DrawerHeader=o.ModalHeader,exports.DrawerOverlay=o.ModalOverlay,exports.Fade=o.Fade,exports.ModalContent=o.ModalContent,exports.ModalOverlay=o.ModalOverlay,exports.Slide=o.Slide,exports.SlideFade=o.SlideFade,exports.Badge=t.Badge,exports.Box=t.Box,exports.Center=t.Center,exports.Circle=t.Circle,exports.Code=t.Code,exports.Container=t.Container,exports.Divider=t.Divider,exports.Flex=t.Flex,exports.Grid=t.Grid,exports.GridItem=t.GridItem,exports.HStack=t.HStack,exports.LinkBox=t.LinkBox,exports.LinkOverlay=t.LinkOverlay,exports.List=t.List,exports.ListItem=t.ListItem,exports.OrderedList=t.OrderedList,exports.SimpleGrid=t.SimpleGrid,exports.Spacer=t.Spacer,exports.Square=t.Square,exports.Stack=t.Stack,exports.UnorderedList=t.UnorderedList,exports.VStack=t.VStack,exports.Wrap=t.Wrap,exports.WrapItem=t.WrapItem,exports.ButtonGroup=s.ButtonGroup,exports.CButton=s.Button,exports.IconButton=s.IconButton,exports.CAlert=a.Alert,exports.CAvatar=p.Avatar,exports.CCheckboxGroup=u.CheckboxGroup,exports.useCheckbox=u.useCheckbox,exports.useCheckboxGroup=u.useCheckboxGroup,exports.CInput=i.Input,exports.InputGroup=i.InputGroup,exports.InputLeftAddon=i.InputLeftAddon,exports.InputLeftElement=i.InputLeftElement,exports.InputRightElement=i.InputRightElement,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.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=d.RadioGroup,exports.useRadio=d.useRadio,exports.useRadioGroup=d.useRadioGroup,exports.CSelect=l.Select,exports.CTab=c.Tab,exports.CTabs=c.Tabs,exports.TabList=c.TabList,exports.TabPanel=c.TabPanel,exports.TabPanels=c.TabPanels,exports.CTextarea=m.Textarea,exports.FormControl=C.FormControl,exports.FormErrorMessage=C.FormErrorMessage,exports.FormHelperText=C.FormHelperText,exports.FormLabel=C.FormLabel,exports.Hide=b.Hide,exports.Show=b.Show,exports.useBreakpoint=b.useBreakpoint,exports.useBreakpointValue=b.useBreakpointValue,exports.useMediaQuery=b.useMediaQuery,exports.Image=k.Image$1,exports.keyframes=h.keyframes,exports.useColorMode=h.useColorMode,exports.useToken=h.useToken,exports.Portal=M.Portal,exports.useConst=I.useConst,exports.useDisclosure=I.useDisclosure,exports.useInterval=I.useInterval,exports.useOutsideClick=I.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-react.esm-3e9f61da.js"),r=require("../chakra-ui-skeleton.esm-4be55d31.js"),o=require("../chakra-ui-modal.esm-932c5289.js"),t=require("../chakra-ui-layout.esm-0601b9a5.js"),s=require("../chakra-ui-button.esm-ef745168.js"),a=require("../chakra-ui-alert.esm-a086e23c.js"),p=require("../chakra-ui-avatar.esm-3ef01808.js"),u=require("../chakra-ui-checkbox.esm-a616aab9.js"),i=require("../chakra-ui-input.esm-de5d4e45.js"),x=require("../chakra-ui-menu.esm-bb35ab5f.js"),n=require("../chakra-ui-popover.esm-d21bf3b5.js"),d=require("../chakra-ui-radio.esm-bd0e90ff.js"),l=require("../chakra-ui-select.esm-e7128fb0.js"),c=require("../chakra-ui-tabs.esm-91de32e1.js"),m=require("../chakra-ui-textarea.esm-d82076ec.js"),C=require("../chakra-ui-form-control.esm-b138a4e1.js"),b=require("../chakra-ui-media-query.esm-d370ebec.js"),k=require("../chakra-ui-image.esm-2b438d18.js"),h=require("../chakra-ui-system.esm-434904f8.js"),M=require("../chakra-ui-portal.esm-309fc8f3.js"),I=require("../chakra-ui-hooks.esm-20b27af2.js");require("react"),require("../chakra-ui-theme.esm-23420bf9.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../index-310d673a.js"),require("../tslib.es6-d6f17add.js"),require("../inheritsLoose-490721fe.js"),require("../index-5a9be08d.js"),require("../motion-7de675ca.js"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("react-dom"),exports.extendTheme=e.extendTheme,exports.Accordion=r.Accordion,exports.AccordionButton=r.AccordionButton,exports.AccordionIcon=r.AccordionIcon,exports.AccordionItem=r.AccordionItem,exports.AccordionPanel=r.AccordionPanel,exports.CircularProgress=r.CircularProgress,exports.CircularProgressLabel=r.CircularProgressLabel,exports.NumberDecrementStepper=r.NumberDecrementStepper,exports.NumberIncrementStepper=r.NumberIncrementStepper,exports.NumberInput=r.NumberInput,exports.NumberInputField=r.NumberInputField,exports.NumberInputStepper=r.NumberInputStepper,exports.PinInput=r.PinInput,exports.PinInputField=r.PinInputField,exports.Progress=r.Progress,exports.Skeleton=r.Skeleton,exports.SkeletonText=r.SkeletonText,exports.Table=r.Table,exports.TableCaption=r.TableCaption,exports.TableContainer=r.TableContainer,exports.Tbody=r.Tbody,exports.Td=r.Td,exports.Tfoot=r.Tfoot,exports.Th=r.Th,exports.Thead=r.Thead,exports.Tr=r.Tr,exports.AlertDialog=o.AlertDialog,exports.AlertDialogBody=o.ModalBody,exports.AlertDialogContent=o.AlertDialogContent,exports.AlertDialogFooter=o.ModalFooter,exports.AlertDialogHeader=o.ModalHeader,exports.AlertDialogOverlay=o.ModalOverlay,exports.CModal=o.Modal,exports.CModalBody=o.ModalBody,exports.CModalCloseButton=o.ModalCloseButton,exports.CModalFooter=o.ModalFooter,exports.CModalHeader=o.ModalHeader,exports.Collapse=o.Collapse,exports.Drawer=o.Drawer,exports.DrawerBody=o.ModalBody,exports.DrawerCloseButton=o.ModalCloseButton,exports.DrawerContent=o.DrawerContent,exports.DrawerFooter=o.ModalFooter,exports.DrawerHeader=o.ModalHeader,exports.DrawerOverlay=o.ModalOverlay,exports.Fade=o.Fade,exports.ModalContent=o.ModalContent,exports.ModalOverlay=o.ModalOverlay,exports.Slide=o.Slide,exports.SlideFade=o.SlideFade,exports.Badge=t.Badge,exports.Box=t.Box,exports.Center=t.Center,exports.Circle=t.Circle,exports.Code=t.Code,exports.Container=t.Container,exports.Divider=t.Divider,exports.Flex=t.Flex,exports.Grid=t.Grid,exports.GridItem=t.GridItem,exports.HStack=t.HStack,exports.LinkBox=t.LinkBox,exports.LinkOverlay=t.LinkOverlay,exports.List=t.List,exports.ListItem=t.ListItem,exports.OrderedList=t.OrderedList,exports.SimpleGrid=t.SimpleGrid,exports.Spacer=t.Spacer,exports.Square=t.Square,exports.Stack=t.Stack,exports.UnorderedList=t.UnorderedList,exports.VStack=t.VStack,exports.Wrap=t.Wrap,exports.WrapItem=t.WrapItem,exports.ButtonGroup=s.ButtonGroup,exports.CButton=s.Button,exports.IconButton=s.IconButton,exports.CAlert=a.Alert,exports.CAvatar=p.Avatar,exports.CCheckboxGroup=u.CheckboxGroup,exports.useCheckbox=u.useCheckbox,exports.useCheckboxGroup=u.useCheckboxGroup,exports.CInput=i.Input,exports.InputGroup=i.InputGroup,exports.InputLeftAddon=i.InputLeftAddon,exports.InputLeftElement=i.InputLeftElement,exports.InputRightElement=i.InputRightElement,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.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=d.RadioGroup,exports.useRadio=d.useRadio,exports.useRadioGroup=d.useRadioGroup,exports.CSelect=l.Select,exports.CTab=c.Tab,exports.CTabs=c.Tabs,exports.TabList=c.TabList,exports.TabPanel=c.TabPanel,exports.TabPanels=c.TabPanels,exports.CTextarea=m.Textarea,exports.FormControl=C.FormControl,exports.FormErrorMessage=C.FormErrorMessage,exports.FormHelperText=C.FormHelperText,exports.FormLabel=C.FormLabel,exports.Hide=b.Hide,exports.Show=b.Show,exports.useBreakpoint=b.useBreakpoint,exports.useBreakpointValue=b.useBreakpointValue,exports.useMediaQuery=b.useMediaQuery,exports.Image=k.Image$1,exports.keyframes=h.keyframes,exports.useColorMode=h.useColorMode,exports.useToken=h.useToken,exports.Portal=M.Portal,exports.useConst=I.useConst,exports.useDisclosure=I.useDisclosure,exports.useInterval=I.useInterval,exports.useOutsideClick=I.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/chakra-ui-skeleton.esm-4be55d31.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-icon.esm-e3ed2ec9.js"),n=require("./chakra-ui-system.esm-434904f8.js"),r=require("./chakra-ui-modal.esm-932c5289.js"),t=require("react"),a=require("./chakra-ui-clickable.esm-44971157.js"),o=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./chakra-ui-form-control.esm-b138a4e1.js"),l=require("./use-animation-state-5054a9f7.esm-ffd221fb.js"),s=require("./chakra-ui-media-query.esm-d370ebec.js");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var c=u(t);function d(){return d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},d.apply(this,arguments)}function f(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}var m=["onChange","defaultIndex","index","allowMultiple","allowToggle"],v=["isDisabled","isFocusable","id"],p=a.createDescendantContext(),b=p[0],h=p[2],g=p[3];function y(e){var r=e.onChange,a=e.defaultIndex,i=e.index,l=e.allowMultiple,s=e.allowToggle,u=f(e,m);!function(e){var r=e.index||e.defaultIndex,t=!n.isUndefined(r)&&!n.isArray(r)&&e.allowMultiple;n.warn({condition:!!t,message:"If 'allowMultiple' is passed, then 'index' or 'defaultIndex' must be an array. You passed: "+typeof r+","})}(e),function(e){n.warn({condition:!(!e.allowMultiple||!e.allowToggle),message:"If 'allowMultiple' is passed, 'allowToggle' will be ignored. Either remove 'allowToggle' or 'allowMultiple' depending on whether you want multiple accordions visible or not"})}(e);var c=h(),d=t.useState(-1),v=d[0],p=d[1];o.useUnmountEffect((function(){p(-1)}));var b=o.useControllableState({value:i,defaultValue:function(){return l?null!=a?a:[]:null!=a?a:-1},onChange:r}),g=b[0],y=b[1];return{index:g,setIndex:y,htmlProps:u,getAccordionItemProps:function(e){var r=!1;null!==e&&(r=n.isArray(g)?g.includes(e):g===e);return{isOpen:r,onChange:function(r){if(null!==e)if(l&&n.isArray(g)){var t=r?n.addItem(g,e):n.removeItem(g,e);y(t)}else r?y(e):s&&y(-1)}}},focusedIndex:v,setFocusedIndex:p,descendants:c}}var k=n.createContext({name:"AccordionContext",errorMessage:"useAccordionContext: `context` is undefined. Seems you forgot to wrap the accordion components in `<Accordion />`"}),_=k[0],x=k[1];function C(e){var r=e.isDisabled,a=e.isFocusable,i=e.id,l=f(e,v),s=x(),u=s.getAccordionItemProps,c=s.setFocusedIndex,m=t.useRef(null),p=o.useIds(i,"accordion-button","accordion-panel"),b=p[0],h=p[1];!function(e){n.warn({condition:!(!e.isFocusable||e.isDisabled),message:"Using only 'isFocusable', this prop is reserved for situations where you pass 'isDisabled' but you still want the element to receive focus (A11y). Either remove it or pass 'isDisabled' as well.\n    "})}(e);var y=g({disabled:r&&!a}),k=y.register,_=y.index,C=y.descendants,w=u(-1===_?null:_),E=w.isOpen,N=w.onChange;!function(e){n.warn({condition:e.isOpen&&!!e.isDisabled,message:"Cannot open a disabled accordion item"})}({isOpen:E,isDisabled:r});var I=t.useCallback((function(){null==N||N(!E),c(_)}),[_,c,E,N]),A=t.useCallback((function(e){var r={ArrowDown:function(){var e=C.nextEnabled(_);e&&n.focus(e.node)},ArrowUp:function(){var e=C.prevEnabled(_);e&&n.focus(e.node)},Home:function(){var e=C.firstEnabled();e&&n.focus(e.node)},End:function(){var e=C.lastEnabled();e&&n.focus(e.node)}}[n.normalizeEventKey(e)];r&&(e.preventDefault(),r(e))}),[C,_]),P=t.useCallback((function(){c(_)}),[c,_]),S=t.useCallback((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),d({},e,{type:"button",ref:n.mergeRefs(k,m,t),id:b,disabled:!!r,"aria-expanded":!!E,"aria-controls":h,onClick:n.callAllHandlers(e.onClick,I),onFocus:n.callAllHandlers(e.onFocus,P),onKeyDown:n.callAllHandlers(e.onKeyDown,A)})}),[b,r,E,I,P,A,h,k]),D=t.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),d({},e,{ref:n,role:"region",id:h,"aria-labelledby":b,hidden:!E})}),[b,E,h]);return{isOpen:E,isDisabled:r,isFocusable:a,onOpen:function(){null==N||N(!0)},onClose:function(){null==N||N(!1)},getButtonProps:S,getPanelProps:D,htmlProps:l}}var w=["children","reduceMotion"],E=["htmlProps","descendants"],N=["htmlProps"],I=n.forwardRef((function(e,r){var t=e.children,a=e.reduceMotion,o=f(e,w),i=n.useMultiStyleConfig("Accordion",o),l=y(n.omitThemingProps(o)),s=l.htmlProps,u=l.descendants,m=f(l,E),v=c.useMemo((function(){return d({},m,{reduceMotion:!!a})}),[m,a]);return c.createElement(b,{value:u},c.createElement(_,{value:v},c.createElement(n.StylesProvider,{value:i},c.createElement(n.chakra.div,d({ref:r},s,{className:n.cx("chakra-accordion",o.className),__css:i.root}),t))))}));n.__DEV__&&(I.displayName="Accordion");var A=n.createContext({name:"AccordionItemContext",errorMessage:"useAccordionItemContext: `context` is undefined. Seems you forgot to wrap the accordion item parts in `<AccordionItem />` "}),P=A[0],S=A[1],D=n.forwardRef((function(e,r){var t=e.children,a=e.className,o=C(e),i=o.htmlProps,l=f(o,N),s=d({},n.useStyles().container,{overflowAnchor:"none"}),u=c.useMemo((function(){return l}),[l]);return c.createElement(P,{value:u},c.createElement(n.chakra.div,d({ref:r},i,{className:n.cx("chakra-accordion__item",a),__css:s}),n.runIfFn(t,{isExpanded:!!l.isOpen,isDisabled:!!l.isDisabled})))}));n.__DEV__&&(D.displayName="AccordionItem");var O=n.forwardRef((function(e,r){var t=(0,S().getButtonProps)(e,r),a=d({display:"flex",alignItems:"center",width:"100%",outline:0},n.useStyles().button);return c.createElement(n.chakra.button,d({},t,{className:n.cx("chakra-accordion__button",e.className),__css:a}))}));n.__DEV__&&(O.displayName="AccordionButton");var R=n.forwardRef((function(e,t){var a=x().reduceMotion,o=S(),i=o.getPanelProps,l=o.isOpen,s=i(e,t),u=n.cx("chakra-accordion__panel",e.className),f=n.useStyles();a||delete s.hidden;var m=c.createElement(n.chakra.div,d({},s,{__css:f.panel,className:u}));return a?m:c.createElement(r.Collapse,{in:l},m)}));n.__DEV__&&(R.displayName="AccordionPanel");var T=function(r){var t=S(),a=t.isOpen,o=t.isDisabled,i=x().reduceMotion,l=n.cx("chakra-accordion__icon",r.className),s=d({opacity:o?.4:1,transform:a?"rotate(-180deg)":void 0,transition:i?void 0:"transform 0.2s",transformOrigin:"center"},n.useStyles().icon);return c.createElement(e.Icon,d({viewBox:"0 0 24 24","aria-hidden":!0,className:l,__css:s},r),c.createElement("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))};function M(e){void 0===e&&(e={});var r=e,a=r.onChange,i=r.precision,s=r.defaultValue,u=r.value,c=r.step,d=void 0===c?1:c,f=r.min,m=void 0===f?n.minSafeInteger:f,v=r.max,p=void 0===v?n.maxSafeInteger:v,b=r.keepWithinRange,h=void 0===b||b,g=l.useCallbackRef(a),y=t.useState((function(){var e;return null==s?"":null!=(e=F(s,d,i))?e:""})),k=y[0],_=y[1],x=o.useControllableProp(u,k),C=x[0],w=x[1],E=j(V(w),d),N=null!=i?i:E,I=t.useCallback((function(e){e!==w&&(C||_(e.toString()),null==g||g(e.toString(),V(e)))}),[g,C,w]),A=t.useCallback((function(e){var r=e;return h&&(r=n.clampValue(r,m,p)),n.toPrecision(r,N)}),[N,h,p,m]),P=t.useCallback((function(e){var n;void 0===e&&(e=d),n=""===w?V(e):V(w)+e,n=A(n),I(n)}),[A,d,I,w]),S=t.useCallback((function(e){var n;void 0===e&&(e=d),n=""===w?V(-e):V(w)-e,n=A(n),I(n)}),[A,d,I,w]),D=t.useCallback((function(){var e,n;null==s?e="":e=null!=(n=F(s,d,i))?n:m;I(e)}),[s,i,d,I,m]),O=t.useCallback((function(e){var n,r=null!=(n=F(e,d,N))?n:m;I(r)}),[N,d,I,m]),R=V(w);return{isOutOfRange:R>p||R<m,isAtMax:R===p,isAtMin:R===m,precision:N,value:w,valueAsNumber:R,update:I,reset:D,increment:P,decrement:S,clamp:A,cast:O,setValue:_}}function V(e){return parseFloat(e.toString().replace(/[^\w.-]+/g,""))}function j(e,r){return Math.max(n.countDecimalPlaces(r),n.countDecimalPlaces(e))}function F(e,r,t){var a=V(e);if(!Number.isNaN(a)){var o=j(a,r);return n.toPrecision(a,null!=t?t:o)}}function B(){return B=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},B.apply(this,arguments)}function H(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}n.__DEV__&&(T.displayName="AccordionIcon");var L=["overflow","overflowX","className"],q=["className"],z=["placement"],K=["isNumeric"],U=["isNumeric"],W=n.forwardRef((function(e,r){var t,a=e.overflow,o=e.overflowX,i=e.className,l=H(e,L);return c.createElement(n.chakra.div,B({ref:r,className:n.cx("chakra-table__container",i)},l,{__css:{display:"block",whiteSpace:"nowrap",WebkitOverflowScrolling:"touch",overflowX:null!=(t=null!=a?a:o)?t:"auto",overflowY:"hidden",maxWidth:"100%"}}))})),$=n.forwardRef((function(e,r){var t=n.useMultiStyleConfig("Table",e),a=n.omitThemingProps(e),o=a.className,i=H(a,q);return c.createElement(n.StylesProvider,{value:t},c.createElement(n.chakra.table,B({role:"table",ref:r,__css:t.table,className:n.cx("chakra-table",o)},i)))}));n.__DEV__&&($.displayName="Table");var X=n.forwardRef((function(e,r){var t=e.placement,a=void 0===t?"bottom":t,o=H(e,z),i=n.useStyles();return c.createElement(n.chakra.caption,B({},o,{ref:r,__css:B({},i.caption,{captionSide:a})}))}));n.__DEV__&&(X.displayName="TableCaption");var Y=n.forwardRef((function(e,r){var t=n.useStyles();return c.createElement(n.chakra.thead,B({},e,{ref:r,__css:t.thead}))})),G=n.forwardRef((function(e,r){var t=n.useStyles();return c.createElement(n.chakra.tbody,B({},e,{ref:r,__css:t.tbody}))})),Z=n.forwardRef((function(e,r){var t=n.useStyles();return c.createElement(n.chakra.tfoot,B({},e,{ref:r,__css:t.tfoot}))})),J=n.forwardRef((function(e,r){var t=e.isNumeric,a=H(e,K),o=n.useStyles();return c.createElement(n.chakra.th,B({},a,{ref:r,__css:o.th,"data-is-numeric":t}))})),Q=n.forwardRef((function(e,r){var t=n.useStyles();return c.createElement(n.chakra.tr,B({role:"row"},e,{ref:r,__css:t.tr}))})),ee=n.forwardRef((function(e,r){var t=e.isNumeric,a=H(e,U),o=n.useStyles();return c.createElement(n.chakra.td,B({role:"gridcell"},a,{ref:r,__css:o.td,"data-is-numeric":t}))}));function ne(){return ne=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},ne.apply(this,arguments)}function re(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}var te=function(n){return c.createElement(e.Icon,ne({viewBox:"0 0 24 24"},n),c.createElement("path",{fill:"currentColor",d:"M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z"}))},ae=function(n){return c.createElement(e.Icon,ne({viewBox:"0 0 24 24"},n),c.createElement("path",{fill:"currentColor",d:"M12.8,5.4c-0.377-0.504-1.223-0.504-1.6,0l-9,12c-0.228,0.303-0.264,0.708-0.095,1.047 C2.275,18.786,2.621,19,3,19h18c0.379,0,0.725-0.214,0.895-0.553c0.169-0.339,0.133-0.744-0.095-1.047L12.8,5.4z"}))};function oe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function ie(e,n){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,n){if(e){if("string"==typeof e)return oe(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?oe(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){r&&(e=r);var t=0;return function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function le(e,r,t,a){c.useEffect((function(){if(e.current&&a){var o=n.getOwnerWindow(e.current),i=Array.isArray(r)?r:[r],l=new o.MutationObserver((function(e){for(var n,r=ie(e);!(n=r()).done;){var a=n.value;"attributes"===a.type&&a.attributeName&&i.includes(a.attributeName)&&t(a)}}));return l.observe(e.current,{attributes:!0,attributeFilter:i}),function(){return l.disconnect()}}}))}var se=["focusInputOnChange","clampValueOnBlur","keepWithinRange","min","max","step","isReadOnly","isDisabled","isRequired","isInvalid","pattern","inputMode","allowMouseWheel","id","onChange","precision","name","aria-describedby","aria-label","aria-labelledby","onFocus","onBlur","onInvalid","getAriaValueText","isValidCharacter","format","parse"],ue=/^[Ee0-9+\-.]$/;function ce(e){return ue.test(e)}function de(e){void 0===e&&(e={});var r=e,a=r.focusInputOnChange,i=void 0===a||a,s=r.clampValueOnBlur,u=void 0===s||s,d=r.keepWithinRange,f=void 0===d||d,m=r.min,v=void 0===m?n.minSafeInteger:m,p=r.max,b=void 0===p?n.maxSafeInteger:p,h=r.step,g=void 0===h?1:h,y=r.isReadOnly,k=r.isDisabled,_=r.isRequired,x=r.isInvalid,C=r.pattern,w=void 0===C?"[0-9]*(.[0-9]+)?":C,E=r.inputMode,N=void 0===E?"decimal":E,I=r.allowMouseWheel,A=r.id;r.onChange,r.precision;var P=r.name,S=r["aria-describedby"],D=r["aria-label"],O=r["aria-labelledby"],R=r.onFocus,T=r.onBlur,V=r.onInvalid,j=r.getAriaValueText,F=r.isValidCharacter,B=r.format,H=r.parse,L=re(r,se),q=l.useCallbackRef(R),z=l.useCallbackRef(T),K=l.useCallbackRef(V),U=l.useCallbackRef(null!=F?F:ce),W=l.useCallbackRef(j),$=M(e),X=$.update,Y=$.increment,G=$.decrement,Z=o.useBoolean(),J=Z[0],Q=Z[1],ee=!(y||k),te=c.useRef(null),ae=c.useRef(null),oe=c.useRef(null),ie=c.useRef(null),ue=c.useCallback((function(e){return e.split("").filter(U).join("")}),[U]),de=c.useCallback((function(e){var n;return null!=(n=null==H?void 0:H(e))?n:e}),[H]),fe=c.useCallback((function(e){var n;return(null!=(n=null==B?void 0:B(e))?n:e).toString()}),[B]);o.useUpdateEffect((function(){($.valueAsNumber>b||$.valueAsNumber<v)&&(null==K||K("rangeOverflow",fe($.value),$.valueAsNumber))}),[$.valueAsNumber,$.value,fe,K]),l.useSafeLayoutEffect((function(){if(te.current&&te.current.value!=$.value){var e=de(te.current.value);$.setValue(ue(e))}}),[de,ue]);var me=c.useCallback((function(e){void 0===e&&(e=g),ee&&Y(e)}),[Y,ee,g]),ve=c.useCallback((function(e){void 0===e&&(e=g),ee&&G(e)}),[G,ee,g]),pe=function(e,n){var r=t.useState(!1),a=r[0],i=r[1],l=t.useState(null),s=l[0],u=l[1],c=t.useState(!0),d=c[0],f=c[1],m=t.useRef(null),v=function(){return clearTimeout(m.current)};o.useInterval((function(){"increment"===s&&e(),"decrement"===s&&n()}),a?50:null);var p=t.useCallback((function(){d&&e(),m.current=setTimeout((function(){f(!1),i(!0),u("increment")}),300)}),[e,d]),b=t.useCallback((function(){d&&n(),m.current=setTimeout((function(){f(!1),i(!0),u("decrement")}),300)}),[n,d]),h=t.useCallback((function(){f(!0),i(!1),v()}),[]);return o.useUnmountEffect(v),{up:p,down:b,stop:h,isSpinning:a}}(me,ve);le(oe,"disabled",pe.stop,pe.isSpinning),le(ie,"disabled",pe.stop,pe.isSpinning);var be=c.useCallback((function(e){if(!e.nativeEvent.isComposing){var n=de(e.currentTarget.value);X(ue(n)),ae.current={start:e.currentTarget.selectionStart,end:e.currentTarget.selectionEnd}}}),[X,ue,de]),he=c.useCallback((function(e){var n,r,t;null==q||q(e),ae.current&&(e.target.selectionStart=null!=(n=ae.current.start)?n:null==(r=e.currentTarget.value)?void 0:r.length,e.currentTarget.selectionEnd=null!=(t=ae.current.end)?t:e.currentTarget.selectionStart)}),[q]),ge=c.useCallback((function(e){if(!e.nativeEvent.isComposing){(function(e,n){if(null==e.key)return!0;var r=e.ctrlKey||e.altKey||e.metaKey;return!(1===e.key.length&&!r)||n(e.key)})(e,U)||e.preventDefault();var r=ye(e)*g,t={ArrowUp:function(){return me(r)},ArrowDown:function(){return ve(r)},Home:function(){return X(v)},End:function(){return X(b)}}[n.normalizeEventKey(e)];t&&(e.preventDefault(),t(e))}}),[U,g,me,ve,X,v,b]),ye=function(e){var n=1;return(e.metaKey||e.ctrlKey)&&(n=.1),e.shiftKey&&(n=10),n},ke=c.useMemo((function(){var e=null==W?void 0:W($.value);if(!n.isNull(e))return e;var r=$.value.toString();return r||void 0}),[$.value,W]),_e=c.useCallback((function(){var e=$.value;""!==e&&($.valueAsNumber<v&&(e=v),$.valueAsNumber>b&&(e=b),$.cast(e))}),[$,b,v]),xe=c.useCallback((function(){Q.off(),u&&_e()}),[u,Q,_e]),Ce=c.useCallback((function(){i&&n.focus(te.current,{nextTick:!0})}),[i]),we=c.useCallback((function(e){e.preventDefault(),pe.up(),Ce()}),[Ce,pe]),Ee=c.useCallback((function(e){e.preventDefault(),pe.down(),Ce()}),[Ce,pe]);l.useEventListener("wheel",(function(e){var r=n.getOwnerDocument(te.current).activeElement===te.current;if(I&&r){e.preventDefault();var t=ye(e)*g,a=Math.sign(e.deltaY);-1===a?me(t):1===a&&ve(t)}}),te.current,{passive:!1});var Ne=c.useCallback((function(e,r){void 0===e&&(e={}),void 0===r&&(r=null);var t=k||f&&$.isAtMax;return ne({},e,{ref:n.mergeRefs(r,oe),role:"button",tabIndex:-1,onPointerDown:n.callAllHandlers(e.onPointerDown,(function(e){t||we(e)})),onPointerLeave:n.callAllHandlers(e.onPointerLeave,pe.stop),onPointerUp:n.callAllHandlers(e.onPointerUp,pe.stop),disabled:t,"aria-disabled":n.ariaAttr(t)})}),[$.isAtMax,f,we,pe.stop,k]),Ie=c.useCallback((function(e,r){void 0===e&&(e={}),void 0===r&&(r=null);var t=k||f&&$.isAtMin;return ne({},e,{ref:n.mergeRefs(r,ie),role:"button",tabIndex:-1,onPointerDown:n.callAllHandlers(e.onPointerDown,(function(e){t||Ee(e)})),onPointerLeave:n.callAllHandlers(e.onPointerLeave,pe.stop),onPointerUp:n.callAllHandlers(e.onPointerUp,pe.stop),disabled:t,"aria-disabled":n.ariaAttr(t)})}),[$.isAtMin,f,Ee,pe.stop,k]),Ae=c.useCallback((function(e,r){var t,a,o,i;return void 0===e&&(e={}),void 0===r&&(r=null),ne({name:P,inputMode:N,type:"text",pattern:w,"aria-labelledby":O,"aria-label":D,"aria-describedby":S,id:A,disabled:k},e,{readOnly:null!=(t=e.readOnly)?t:y,"aria-readonly":null!=(a=e.readOnly)?a:y,"aria-required":null!=(o=e.required)?o:_,required:null!=(i=e.required)?i:_,ref:n.mergeRefs(te,r),value:fe($.value),role:"spinbutton","aria-valuemin":v,"aria-valuemax":b,"aria-valuenow":Number.isNaN($.valueAsNumber)?void 0:$.valueAsNumber,"aria-invalid":n.ariaAttr(null!=x?x:$.isOutOfRange),"aria-valuetext":ke,autoComplete:"off",autoCorrect:"off",onChange:n.callAllHandlers(e.onChange,be),onKeyDown:n.callAllHandlers(e.onKeyDown,ge),onFocus:n.callAllHandlers(e.onFocus,he,Q.on),onBlur:n.callAllHandlers(e.onBlur,z,xe)})}),[P,N,w,O,D,fe,S,A,k,_,y,x,$.value,$.valueAsNumber,$.isOutOfRange,v,b,ke,be,ge,he,Q.on,z,xe]);return{value:fe($.value),valueAsNumber:$.valueAsNumber,isFocused:J,isDisabled:k,isReadOnly:y,getIncrementButtonProps:Ne,getDecrementButtonProps:Ie,getInputProps:Ae,htmlProps:L}}var fe=["htmlProps"],me=n.createContext({name:"NumberInputContext",errorMessage:"useNumberInputContext: `context` is undefined. Seems you forgot to wrap number-input's components within <NumberInput />"}),ve=me[0],pe=me[1],be=n.forwardRef((function(e,r){var t=n.useMultiStyleConfig("NumberInput",e),a=n.omitThemingProps(e),o=de(i.useFormControlProps(a)),l=o.htmlProps,s=re(o,fe),u=c.useMemo((function(){return s}),[s]);return c.createElement(ve,{value:u},c.createElement(n.StylesProvider,{value:t},c.createElement(n.chakra.div,ne({},l,{ref:r,className:n.cx("chakra-numberinput",e.className),__css:ne({position:"relative",zIndex:0},t.root)}))))}));n.__DEV__&&(be.displayName="NumberInput");var he=n.forwardRef((function(e,r){var t=n.useStyles();return c.createElement(n.chakra.div,ne({"aria-hidden":!0,ref:r},e,{__css:ne({display:"flex",flexDirection:"column",position:"absolute",top:"0",insetEnd:"0px",margin:"1px",height:"calc(100% - 2px)",zIndex:1},t.stepperGroup)}))}));n.__DEV__&&(he.displayName="NumberInputStepper");var ge=n.forwardRef((function(e,r){var t=(0,pe().getInputProps)(e,r),a=n.useStyles();return c.createElement(n.chakra.input,ne({},t,{className:n.cx("chakra-numberinput__field",e.className),__css:ne({width:"100%"},a.field)}))}));n.__DEV__&&(ge.displayName="NumberInputField");var ye=n.chakra("div",{baseStyle:{display:"flex",justifyContent:"center",alignItems:"center",flex:1,transitionProperty:"common",transitionDuration:"normal",userSelect:"none",cursor:"pointer",lineHeight:"normal"}}),ke=n.forwardRef((function(e,r){var t,a=n.useStyles(),o=(0,pe().getDecrementButtonProps)(e,r);return c.createElement(ye,ne({},o,{__css:a.stepper}),null!=(t=e.children)?t:c.createElement(te,null))}));n.__DEV__&&(ke.displayName="NumberDecrementStepper");var _e=n.forwardRef((function(e,r){var t,a=(0,pe().getIncrementButtonProps)(e,r),o=n.useStyles();return c.createElement(ye,ne({},a,{__css:o.stepper}),null!=(t=e.children)?t:c.createElement(ae,null))}));function xe(){return xe=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},xe.apply(this,arguments)}function Ce(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}n.__DEV__&&(_e.displayName="NumberIncrementStepper");var we=["index"],Ee=a.createDescendantContext(),Ne=Ee[0],Ie=Ee[2],Ae=Ee[3],Pe=n.createContext({name:"PinInputContext",errorMessage:"usePinInputContext: `context` is undefined. Seems you forgot to all pin input fields within `<PinInput />`"}),Se=Pe[0],De=Pe[1],Oe=function(e){return null==e?void 0:e.split("")};function Re(e,n){return("alphanumeric"===n?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}var Te=["children"],Me=["descendants"],Ve=function(e){var r=n.useStyleConfig("PinInput",e),t=n.omitThemingProps(e),a=t.children,i=function(e){void 0===e&&(e={});var r=e,t=r.autoFocus,a=r.value,i=r.defaultValue,l=r.onChange,s=r.onComplete,u=r.placeholder,d=void 0===u?"○":u,f=r.manageFocus,m=void 0===f||f,v=r.otp,p=void 0!==v&&v,b=r.id,h=r.isDisabled,g=r.isInvalid,y=r.type,k=void 0===y?"number":y,_=r.mask,x=o.useId(),C=null!=b?b:"pin-input-"+x,w=Ie(),E=c.useState(!0),N=E[0],I=E[1],A=c.useState(-1),P=A[0],S=A[1],D=o.useControllableState({defaultValue:Oe(i)||[],value:Oe(a),onChange:function(e){return null==l?void 0:l(e.join(""))}}),O=D[0],R=D[1];c.useEffect((function(){if(t){var e=w.first();e&&n.focus(e.node,{nextTick:!0})}}),[w]);var T=c.useCallback((function(e){if(N&&m){var r=w.next(e,!1);r&&n.focus(r.node,{nextTick:!0})}}),[w,N,m]),M=c.useCallback((function(e,n){var r=[].concat(O);r[n]=e,R(r),""!==e&&r.length===w.count()&&r.every((function(e){return null!=e&&""!==e}))?null==s||s(r.join("")):T(n)}),[O,R,T,s,w]),V=c.useCallback((function(){var e=Array(w.count()).fill("");R(e);var r=w.first();r&&n.focus(r.node)}),[w,R]),j=c.useCallback((function(e,n){var r=n;return(null==e?void 0:e.length)>0&&(e[0]===n.charAt(0)?r=n.charAt(1):e[0]===n.charAt(1)&&(r=n.charAt(0))),r}),[]),F=c.useCallback((function(e){var r=e.index,t=Ce(e,we),a=P===r;return xe({"aria-label":"Please enter your pin code",inputMode:"number"===k?"numeric":"text",type:_?"password":"number"===k?"tel":"text"},t,{id:C+"-"+r,disabled:h,"aria-invalid":n.ariaAttr(g),onChange:n.callAllHandlers(t.onChange,(function(e){var n=e.target.value,t=O[r],a=j(t,n);if(""!==a)if(n.length>2){if(Re(n,k)){var o=n.split("").filter((function(e,n){return n<w.count()}));R(o),o.length===w.count()&&(null==s||s(o.join("")))}}else Re(a,k)&&M(a,r),I(!0);else M("",r)})),onKeyDown:n.callAllHandlers(t.onKeyDown,(function(e){if("Backspace"===e.key&&m)if(""===e.target.value){var t=w.prev(r,!1);t&&(M("",r-1),n.focus(t.node),I(!0))}else I(!1)})),onFocus:n.callAllHandlers(t.onFocus,(function(){S(r)})),onBlur:n.callAllHandlers(t.onBlur,(function(){S(-1)})),value:O[r]||"",autoComplete:p?"one-time-code":"off",placeholder:a?"":d})}),[w,P,j,C,h,_,g,m,s,p,d,M,R,k,O]);return{getInputProps:F,id:C,descendants:w,values:O,setValue:M,setValues:R,clear:V}}(Ce(t,Te)),l=i.descendants,s=Ce(i,Me),u=n.getValidChildren(a).map((function(e){return c.cloneElement(e,{__css:r})}));return c.createElement(Ne,{value:l},c.createElement(Se,{value:s},u))};n.__DEV__&&(Ve.displayName="PinInput");var je=n.forwardRef((function(e,r){var t=function(e,r){void 0===e&&(e={}),void 0===r&&(r=null);var t=De().getInputProps,a=Ae(),o=a.index,i=a.register;return t(xe({},e,{ref:n.mergeRefs(i,r),index:o}))}(e,r);return c.createElement(n.chakra.input,xe({},t,{className:n.cx("chakra-pin-input",e.className)}))}));function Fe(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}function Be(){return Be=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Be.apply(this,arguments)}n.__DEV__&&(je.displayName="PinInputField");var He=n.keyframes({"0%":{strokeDasharray:"1, 400",strokeDashoffset:"0"},"50%":{strokeDasharray:"400, 400",strokeDashoffset:"-100"},"100%":{strokeDasharray:"400, 400",strokeDashoffset:"-260"}}),Le=n.keyframes({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),qe=n.keyframes({"0%":{left:"-40%"},"100%":{left:"100%"}}),ze=n.keyframes({from:{backgroundPosition:"1rem 0"},to:{backgroundPosition:"0 0"}});function Ke(e){var r=e.value,t=void 0===r?0:r,a=e.min,o=e.max,i=e.valueText,l=e.getValueText,s=e.isIndeterminate,u=n.valueToPercent(t,a,o);return{bind:{"data-indeterminate":s?"":void 0,"aria-valuemax":o,"aria-valuemin":a,"aria-valuenow":s?void 0:t,"aria-valuetext":function(){if(null!=t)return n.isFunction(l)?l(t,u):i}(),role:"progressbar"},percent:u,value:t}}var Ue=["size","isIndeterminate"],We=["size","max","min","valueText","getValueText","value","capIsRound","children","thickness","color","trackColor","isIndeterminate"],$e=function(e){return c.createElement(n.chakra.circle,Be({cx:50,cy:50,r:42,fill:"transparent"},e))};n.__DEV__&&($e.displayName="Circle");var Xe=function(e){var r=e.size,t=e.isIndeterminate,a=Fe(e,Ue);return c.createElement(n.chakra.svg,Be({viewBox:"0 0 100 100",__css:{width:r,height:r,animation:t?Le+" 2s linear infinite":void 0}},a))};n.__DEV__&&(Xe.displayName="Shape");var Ye=function(e){var r,t=e.size,a=void 0===t?"48px":t,o=e.max,i=void 0===o?100:o,l=e.min,s=void 0===l?0:l,u=e.valueText,d=e.getValueText,f=e.value,m=e.capIsRound,v=e.children,p=e.thickness,b=void 0===p?"10px":p,h=e.color,g=void 0===h?"#0078d4":h,y=e.trackColor,k=void 0===y?"#edebe9":y,_=e.isIndeterminate,x=Fe(e,We),C=Ke({min:s,max:i,value:f,valueText:u,getValueText:d,isIndeterminate:_}),w=_?void 0:2.64*(null!=(r=C.percent)?r:0),E=n.isUndefined(w)?void 0:w+" "+(264-w),N=_?{css:{animation:He+" 1.5s linear infinite"}}:{strokeDashoffset:66,strokeDasharray:E,transitionProperty:"stroke-dasharray, stroke",transitionDuration:"0.6s",transitionTimingFunction:"ease"},I={display:"inline-block",position:"relative",verticalAlign:"middle",fontSize:a};return c.createElement(n.chakra.div,Be({className:"chakra-progress"},C.bind,x,{__css:I}),c.createElement(Xe,{size:a,isIndeterminate:_},c.createElement($e,{stroke:k,strokeWidth:b,className:"chakra-progress__track"}),c.createElement($e,Be({stroke:g,strokeWidth:b,className:"chakra-progress__indicator",strokeLinecap:m?"round":void 0,opacity:0!==C.value||_?void 0:0},N))),v)};n.__DEV__&&(Ye.displayName="CircularProgress");var Ge=n.chakra("div",{baseStyle:{fontSize:"0.24em",top:"50%",left:"50%",width:"100%",textAlign:"center",position:"absolute",transform:"translate(-50%, -50%)"}});n.__DEV__&&(Ge.displayName="CircularProgressLabel");var Ze=["min","max","value","isIndeterminate"],Je=["value","min","max","hasStripe","isAnimated","children","borderRadius","isIndeterminate","aria-label","aria-labelledby"],Qe=function(e){var r=e.min,t=e.max,a=e.value,o=e.isIndeterminate,i=Fe(e,Ze),l=Ke({value:a,min:r,max:t,isIndeterminate:o}),s=Be({height:"100%"},n.useStyles().filledTrack);return c.createElement(n.chakra.div,Be({style:Be({width:l.percent+"%"},i.style)},l.bind,i,{__css:s}))},en=function(e){var r,t=n.omitThemingProps(e),a=t.value,o=t.min,i=void 0===o?0:o,l=t.max,s=void 0===l?100:l,u=t.hasStripe,d=t.isAnimated,f=t.children,m=t.borderRadius,v=t.isIndeterminate,p=t["aria-label"],b=t["aria-labelledby"],h=Fe(t,Je),g=n.useMultiStyleConfig("Progress",e),y=null!=m?m:null==(r=g.track)?void 0:r.borderRadius,k=Be({},!v&&u&&d&&{animation:ze+" 1s linear infinite"},v&&{position:"absolute",willChange:"left",minWidth:"50%",animation:qe+" 1s ease infinite normal none running"}),_=Be({overflow:"hidden",position:"relative"},g.track);return c.createElement(n.chakra.div,Be({borderRadius:y,__css:_},h),c.createElement(n.StylesProvider,{value:g},c.createElement(Qe,{"aria-label":p,"aria-labelledby":b,min:i,max:s,value:a,isIndeterminate:v,css:k,borderRadius:y}),f))};function nn(){return nn=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},nn.apply(this,arguments)}function rn(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}n.__DEV__&&(en.displayName="Progress");var tn=["startColor","endColor","isLoaded","fadeDuration","speed","className"],an=["noOfLines","spacing","skeletonHeight","className","startColor","endColor","isLoaded","fadeDuration","speed","children"],on=n.chakra("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),ln=n.keyframes({from:{opacity:0},to:{opacity:1}}),sn=n.forwardRef((function(e,r){var t=n.useStyleConfig("Skeleton",e),a=function(){var e=c.useRef(!0);return c.useEffect((function(){e.current=!1}),[]),e.current}(),i=n.omitThemingProps(e);i.startColor,i.endColor;var l=i.isLoaded,s=i.fadeDuration;i.speed;var u=i.className,d=rn(i,tn),f=o.usePrevious(l),m=n.cx("chakra-skeleton",u);if(l){var v=a||f?"none":ln+" "+s+"s";return c.createElement(n.chakra.div,nn({ref:r,className:m,__css:{animation:v}},d))}return c.createElement(on,nn({ref:r,className:m},d,{__css:t}))}));sn.defaultProps={fadeDuration:.4,speed:.8},n.__DEV__&&(sn.displayName="Skeleton");var un=function(e){var r=e.noOfLines,t=void 0===r?3:r,a=e.spacing,o=void 0===a?"0.5rem":a,i=e.skeletonHeight,l=void 0===i?"0.5rem":i,u=e.className,d=e.startColor,f=e.endColor,m=e.isLoaded,v=e.fadeDuration,p=e.speed,b=e.children,h=rn(e,an),g=s.useBreakpointValue("number"==typeof t?[t]:t)||3,y=Array(g).fill(1).map((function(e,n){return n+1})),k=function(e){return g>1&&e===y.length?"80%":"100%"},_=n.cx("chakra-skeleton__group",u);return c.createElement(n.chakra.div,nn({className:_},h),y.map((function(e,n){if(m&&n>0)return null;var r=m?null:{mb:e===y.length?"0":o,width:k(e),height:l};return c.createElement(sn,nn({key:y.length.toString()+e,startColor:d,endColor:f,isLoaded:m,fadeDuration:v,speed:p},r),0===n?b:void 0)})))};n.__DEV__&&(un.displayName="SkeletonText"),exports.Accordion=I,exports.AccordionButton=O,exports.AccordionIcon=T,exports.AccordionItem=D,exports.AccordionPanel=R,exports.CircularProgress=Ye,exports.CircularProgressLabel=Ge,exports.NumberDecrementStepper=ke,exports.NumberIncrementStepper=_e,exports.NumberInput=be,exports.NumberInputField=ge,exports.NumberInputStepper=he,exports.PinInput=Ve,exports.PinInputField=je,exports.Progress=en,exports.Skeleton=sn,exports.SkeletonText=un,exports.Table=$,exports.TableCaption=X,exports.TableContainer=W,exports.Tbody=G,exports.Td=ee,exports.Tfoot=Z,exports.Th=J,exports.Thead=Y,exports.Tr=Q;
+//# sourceMappingURL=chakra-ui-skeleton.esm-4be55d31.js.map