@televet/kibble-ui 1.20.21-beta.cs50 → 1.20.21-beta.cs52

package/build/{alert.component-495d051c.js → alert.component-5b2931d0.js}

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

package/build/{alert.component-495d051c.js.map → alert.component-5b2931d0.js.map}

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

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-avatar.esm-8a860837.js"),a=require("./chakra-ui-layout.esm-365b8ae3.js"),o=require("./icon.component-af56ebb2.js"),r=require("./tooltip.component-d3f6e530.js"),n=require("./useTheme-33862e65.js"),i=require("react"),c=require("./avatar.config-2a63eb9c.js"),s=require("./color.record-8ec2eb8a.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,d=l(i);exports.AvatarVariant=void 0,(u=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",u.Red="red",u.Blue="blue",u.Comet="comet",u.Number="number",u.Dashed="dashed",u.Image="image",u.Icon="icon";var p,m=function(e,t,a){var o;switch(void 0===t&&(t=!0),void 0===a&&(a=1),e){case"xs":o=t?"sm":"xs";break;case"sm":o=t?"md":"xs";break;case"md":o=t?"lg":"sm";break;case"lg":o=t?"xl":"md";break;case"xl":o=t?"2xl":"lg";break;case"2xl":o=t?"2xl":"xl";break;default:o=e}return a>1&&(o=m(o,t,a-1)),o};!function(e){e.TopLeft="topLeft",e.TopRight="topRight",e.BottomLeft="bottomLeft",e.BottomRight="bottomRight"}(p||(p={}));var x=function(e){var a=e.avatarSize,r=e.badgeIconName,n=e.badgeBackgroundColor,l=e.badgeBorderColor,u=e.badgeIconColor,m=e.badgePosition,x=i.useMemo((function(){return"xs"===a||!r}),[r,a]);return d.default.createElement(t.AvatarBadge,{color:u||s.adaptiveColors.icon.light.active,borderColor:l||s.coreColors.white,borderWidth:"1px",bg:n||s.semanticColors.background.info,boxSize:x?"10px":"18px",transform:function(e){var t,o,r,n,i=null===(n=null===(r=null===(o=null===(t=c.AvatarConfig.sizes)||void 0===t?void 0:t[a])||void 0===o?void 0:o.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),s=Number(null==i?void 0:i.replace("px",""))/2;switch(e){case p.TopLeft:return x&&"xs"!==a?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case p.TopRight:return x&&"xs"!==a?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/5,"px, ").concat(-1.2*s,"px)");case p.BottomLeft:return x&&"xs"!==a?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return x&&"xs"!==a?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(m||p.BottomRight)},!x&&r&&d.default.createElement(o.Icon,{name:r,size:"xs"}))};exports.Avatar=function(c){var s,l=c.name,u=c.src,p=c.isClinic,v=void 0!==p&&p,f=c.size,b=void 0===f?"md":f,g=c.showTooltip,h=void 0===g||g,C=c.tooltipPlacement,k=void 0===C?"bottom":C,A=c.style,B=c.handleClick,_=c.showRemoveButton,R=c.handleRemoveButtonClick,T=c.variant,E=c.iconName,V=c.tooltipText,w=c.showBadge,z=c.badgeProps,j=e.__rest(c,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),q=n.useTheme(),I=e.__read(i.useState(!!u),2),L=I[0],S=I[1],N=e.__read(i.useState(!1),2),y=N[0],M=N[1],P=e.__read(i.useState(!1),2),D=P[0],G=P[1],W="xs"===b||T===exports.AvatarVariant.Dashed||T===exports.AvatarVariant.Number,F=v?"comet":(s=l.charCodeAt(0))>=65&&s<=71?exports.AvatarVariant.Blue:s>=72&&s<=77?exports.AvatarVariant.Red:s>=78&&s<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet;L&&(F=exports.AvatarVariant.Image),E&&(F=exports.AvatarVariant.Icon);var H=e.__assign({cursor:B?"pointer":"auto"},A),J=d.default.createElement(t.Avatar,e.__assign({},j,{name:E?"":l,src:u,size:b,style:H,variant:T||F},E&&{icon:d.default.createElement(o.Icon,{name:E,size:m(b,!0,"sm"===b||"xs"===b?2:1)})},{onClick:B,onError:function(){return S(!1)},onMouseEnter:function(){return M(!0)},onMouseLeave:function(){return M(!1)}}),_&&y&&!W&&d.default.createElement(a.Box,{backgroundColor:q.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:R,onMouseEnter:function(){return G(!0)},onMouseLeave:function(){return G(!1)}},d.default.createElement(o.Icon,{name:"closeCircle",size:D?"sm":"xs",colorToken:"default"})),w&&d.default.createElement(x,e.__assign({avatarSize:b},z)));return h?d.default.createElement(r.Tooltip,{label:V||l,placement:k},J):J};
+//# sourceMappingURL=avatar.component-5fb4f5dc.js.map

package/build/avatar.component-5fb4f5dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-5fb4f5dc.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Number = 'number',\n  Dashed = 'dashed',\n  Image = 'image',\n  Icon = 'icon',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport { Icon } from '../../../Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from '../../../Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor,\n  badgeBorderColor,\n  badgeIconColor,\n  badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor || adaptiveColors.icon.light.active}\n      borderColor={badgeBorderColor || coreColors.white}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor || semanticColors.background.info}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n","import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport { Box } from '@chakra-ui/layout';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  name: string;\n  size?: AvatarSize;\n  isClinic?: boolean;\n  showTooltip?: boolean;\n  tooltipPlacement?: PlacementWithLogical;\n  style?: CSSProperties;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  showRemoveButton?: boolean;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  variant?: AvatarVariant;\n  iconName?: IconName;\n  tooltipText?: string;\n  showBadge?: boolean;\n  badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nexport const Avatar = ({\n  name,\n  src,\n  isClinic = false,\n  size = 'md',\n  showTooltip = true,\n  tooltipPlacement = 'bottom',\n  style,\n  handleClick,\n  showRemoveButton,\n  handleRemoveButtonClick,\n  variant,\n  iconName,\n  tooltipText,\n  showBadge,\n  badgeProps,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const theme = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n  let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n  if (isSrcValid) {\n    _variant = AvatarVariant.Image;\n  }\n\n  if (iconName) {\n    _variant = AvatarVariant.Icon;\n  }\n\n  const avatarDynamicStyles: CSSProperties = {\n    cursor: handleClick ? 'pointer' : 'auto',\n    ...style,\n  };\n\n  const avatarMarkup = (\n    <CAvatar\n      {...rest}\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      style={avatarDynamicStyles}\n      variant={variant || _variant}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      onClick={handleClick}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={theme.colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-4px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["AvatarVariant","AvatarBadgePosition","getNextIconSize","size","larger","count","nextSize","AvatarBadge","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","adaptiveColors","icon","light","active","borderColor","coreColors","white","borderWidth","bg","semanticColors","background","info","boxSize","transform","position","parentSizeString","_d","_b","AvatarConfig","sizes","container","_c","height","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","name","charCode","src","isClinic","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","Dashed","_variant","charCodeAt","Blue","Red","Green","Comet","Image","avatarDynamicStyles","__assign","cursor","avatarMarkup","CAvatar","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","borderRadius","top","right","colorToken","Tooltip","label","placement"],"mappings":"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"}

package/build/avatarGroup.component-d8471e54.js

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

package/build/{avatarGroup.component-cd5960f8.js.map → avatarGroup.component-d8471e54.js.map}

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

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

@@ -0,0 +1,2 @@
+import { Avatar as CAvatar } from '@chakra-ui/avatar';
+export { CAvatar };

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-avatar.esm-8a860837.js");require("../../../chakra-ui-image.esm-437cc828.js"),require("../../../chakra-ui-system.esm-5b4258c1.js"),require("../../../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../../../use-animation-state-5054a9f7.esm-7a9e930d.js"),exports.CAvatar=e.Avatar;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,2 +1,2 @@
-import { Box, Center, Container, Divider, Flex, Grid, GridItem, HStack, LinkOverlay, SimpleGrid, Spacer, Stack, VStack, Wrap, WrapItem } from '@chakra-ui/layout';
-export { Box, Center, Container, Divider, Flex, Grid, GridItem, HStack, LinkOverlay, SimpleGrid, Spacer, Stack, VStack, Wrap, WrapItem, };
+import { Box, Center, Container, Divider, Flex, Grid, GridItem, HStack, LinkBox, LinkOverlay, SimpleGrid, Spacer, Stack, VStack, Wrap, WrapItem } from '@chakra-ui/layout';
+export { Box, Center, Container, Divider, Flex, Grid, GridItem, HStack, LinkBox, LinkOverlay, SimpleGrid, Spacer, Stack, VStack, Wrap, WrapItem, };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-layout.esm-2413d1f8.js");require("../../../chakra-ui-system.esm-5b4258c1.js"),require("../../../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../../../chakra-ui-icon.esm-978f45d0.js"),exports.Box=e.Box,exports.Center=e.Center,exports.Container=e.Container,exports.Divider=e.Divider,exports.Flex=e.Flex,exports.Grid=e.Grid,exports.GridItem=e.GridItem,exports.HStack=e.HStack,exports.LinkOverlay=e.LinkOverlay,exports.SimpleGrid=e.SimpleGrid,exports.Spacer=e.Spacer,exports.Stack=e.Stack,exports.VStack=e.VStack,exports.Wrap=e.Wrap,exports.WrapItem=e.WrapItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../chakra-ui-layout.esm-365b8ae3.js");require("../../../chakra-ui-system.esm-5b4258c1.js"),require("../../../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../../../chakra-ui-icon.esm-978f45d0.js"),exports.Box=e.Box,exports.Center=e.Center,exports.Container=e.Container,exports.Divider=e.Divider,exports.Flex=e.Flex,exports.Grid=e.Grid,exports.GridItem=e.GridItem,exports.HStack=e.HStack,exports.LinkBox=e.LinkBox,exports.LinkOverlay=e.LinkOverlay,exports.SimpleGrid=e.SimpleGrid,exports.Spacer=e.Spacer,exports.Stack=e.Stack,exports.VStack=e.VStack,exports.Wrap=e.Wrap,exports.WrapItem=e.WrapItem;
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,6 @@
 export * from './Accordion';
 export * from './Alert';
+export * from './Avatar';
 export * from './Checkbox';
 export * from './Image';
 export * from './Input';

package/build/chakra/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-accordion.esm-0f887ce5.js"),r=require("../../chakra-ui-alert.esm-22a48f5f.js"),o=require("../../chakra-ui-checkbox.esm-02c136d9.js"),a=require("../../chakra-ui-image.esm-437cc828.js"),s=require("../../chakra-ui-input.esm-e53677ff.js"),t=require("../../chakra-ui-layout.esm-2413d1f8.js"),i=require("../../chakra-ui-media-query.esm-b1c943e2.js"),u=require("../../chakra-ui-menu.esm-38c62d15.js"),p=require("../../chakra-ui-modal.esm-296b03ca.js"),n=require("../../chakra-ui-pin-input.esm-7314c64b.js"),c=require("../../chakra-ui-popover.esm-269b7d4e.js"),d=require("../../chakra-ui-progress.esm-99d84cb7.js"),x=require("../../chakra-ui-radio.esm-41e9a127.js"),l=require("../../chakra-ui-table.esm-30707dba.js"),m=require("../../chakra-ui-tabs.esm-6bde8a73.js"),k=require("../../chakra-ui-transition.esm-e8102e21.js");require("../../chakra-ui-icon.esm-978f45d0.js"),require("../../chakra-ui-system.esm-5b4258c1.js"),require("../../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../../chakra-ui-descendant.esm-9eff06c9.js"),require("../../chakra-ui-hooks.esm-593eb20a.js"),require("../../use-animation-state-5054a9f7.esm-7a9e930d.js"),require("../../chakra-ui-form-control.esm-b9ae3e5c.js"),require("../../chakra-ui-visually-hidden.esm-12509575.js"),require("../../motion-1db106fa.js"),require("../../tslib.es6-f01c41a6.js"),require("../../index-5c563615.js"),require("../../chakra-ui-clickable.esm-c91ac125.js"),require("../../chakra-ui-popper.esm-633814a9.js"),require("../../index-1a339061.js"),require("../../inheritsLoose-490721fe.js"),require("../../chakra-ui-portal.esm-ea15fd28.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.CAlert=r.Alert,exports.CCheckboxGroup=o.CheckboxGroup,exports.useCheckbox=o.useCheckbox,exports.useCheckboxGroup=o.useCheckboxGroup,exports.Image=a.Image$1,exports.InputGroup=s.InputGroup,exports.InputLeftElement=s.InputLeftElement,exports.InputRightElement=s.InputRightElement,exports.Box=t.Box,exports.Center=t.Center,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.LinkOverlay=t.LinkOverlay,exports.SimpleGrid=t.SimpleGrid,exports.Spacer=t.Spacer,exports.Stack=t.Stack,exports.VStack=t.VStack,exports.Wrap=t.Wrap,exports.WrapItem=t.WrapItem,exports.Hide=i.Hide,exports.Show=i.Show,exports.useBreakpoint=i.useBreakpoint,exports.useBreakpointValue=i.useBreakpointValue,exports.useMediaQuery=i.useMediaQuery,exports.MenuDivider=u.MenuDivider,exports.MenuGroup=u.MenuGroup,exports.MenuItemOption=u.MenuItemOption,exports.CModal=p.Modal,exports.CModalBody=p.ModalBody,exports.CModalCloseButton=p.ModalCloseButton,exports.CModalFooter=p.ModalFooter,exports.CModalHeader=p.ModalHeader,exports.Drawer=p.Drawer,exports.DrawerBody=p.ModalBody,exports.DrawerCloseButton=p.ModalCloseButton,exports.DrawerContent=p.DrawerContent,exports.DrawerFooter=p.ModalFooter,exports.DrawerHeader=p.ModalHeader,exports.DrawerOverlay=p.ModalOverlay,exports.ModalContent=p.ModalContent,exports.ModalOverlay=p.ModalOverlay,exports.PinInput=n.PinInput,exports.PinInputField=n.PinInputField,exports.usePopoverContext=c.usePopoverContext,exports.Progress=d.Progress,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.Table=l.Table,exports.TableCaption=l.TableCaption,exports.TableContainer=l.TableContainer,exports.Tbody=l.Tbody,exports.Td=l.Td,exports.Tfoot=l.Tfoot,exports.Th=l.Th,exports.Thead=l.Thead,exports.Tr=l.Tr,exports.CTabs=m.Tabs,exports.TabList=m.TabList,exports.TabPanel=m.TabPanel,exports.TabPanels=m.TabPanels,exports.Collapse=k.Collapse;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chakra-ui-accordion.esm-0f887ce5.js"),r=require("../../chakra-ui-alert.esm-22a48f5f.js"),o=require("../../chakra-ui-avatar.esm-8a860837.js"),a=require("../../chakra-ui-checkbox.esm-02c136d9.js"),s=require("../../chakra-ui-image.esm-437cc828.js"),t=require("../../chakra-ui-input.esm-e53677ff.js"),i=require("../../chakra-ui-layout.esm-365b8ae3.js"),u=require("../../chakra-ui-media-query.esm-b1c943e2.js"),p=require("../../chakra-ui-menu.esm-38c62d15.js"),n=require("../../chakra-ui-modal.esm-296b03ca.js"),c=require("../../chakra-ui-pin-input.esm-7314c64b.js"),x=require("../../chakra-ui-popover.esm-269b7d4e.js"),d=require("../../chakra-ui-progress.esm-99d84cb7.js"),l=require("../../chakra-ui-radio.esm-41e9a127.js"),m=require("../../chakra-ui-table.esm-30707dba.js"),k=require("../../chakra-ui-tabs.esm-6bde8a73.js"),h=require("../../chakra-ui-transition.esm-e8102e21.js");require("../../chakra-ui-icon.esm-978f45d0.js"),require("../../chakra-ui-system.esm-5b4258c1.js"),require("../../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../../chakra-ui-descendant.esm-9eff06c9.js"),require("../../chakra-ui-hooks.esm-593eb20a.js"),require("../../use-animation-state-5054a9f7.esm-7a9e930d.js"),require("../../chakra-ui-form-control.esm-b9ae3e5c.js"),require("../../chakra-ui-visually-hidden.esm-12509575.js"),require("../../motion-1db106fa.js"),require("../../tslib.es6-f01c41a6.js"),require("../../index-5c563615.js"),require("../../chakra-ui-clickable.esm-c91ac125.js"),require("../../chakra-ui-popper.esm-633814a9.js"),require("../../index-1a339061.js"),require("../../inheritsLoose-490721fe.js"),require("../../chakra-ui-portal.esm-ea15fd28.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.CAlert=r.Alert,exports.CAvatar=o.Avatar,exports.CCheckboxGroup=a.CheckboxGroup,exports.useCheckbox=a.useCheckbox,exports.useCheckboxGroup=a.useCheckboxGroup,exports.Image=s.Image$1,exports.InputGroup=t.InputGroup,exports.InputLeftElement=t.InputLeftElement,exports.InputRightElement=t.InputRightElement,exports.Box=i.Box,exports.Center=i.Center,exports.Container=i.Container,exports.Divider=i.Divider,exports.Flex=i.Flex,exports.Grid=i.Grid,exports.GridItem=i.GridItem,exports.HStack=i.HStack,exports.LinkBox=i.LinkBox,exports.LinkOverlay=i.LinkOverlay,exports.SimpleGrid=i.SimpleGrid,exports.Spacer=i.Spacer,exports.Stack=i.Stack,exports.VStack=i.VStack,exports.Wrap=i.Wrap,exports.WrapItem=i.WrapItem,exports.Hide=u.Hide,exports.Show=u.Show,exports.useBreakpoint=u.useBreakpoint,exports.useBreakpointValue=u.useBreakpointValue,exports.useMediaQuery=u.useMediaQuery,exports.MenuDivider=p.MenuDivider,exports.MenuGroup=p.MenuGroup,exports.MenuItemOption=p.MenuItemOption,exports.CModal=n.Modal,exports.CModalBody=n.ModalBody,exports.CModalCloseButton=n.ModalCloseButton,exports.CModalFooter=n.ModalFooter,exports.CModalHeader=n.ModalHeader,exports.Drawer=n.Drawer,exports.DrawerBody=n.ModalBody,exports.DrawerCloseButton=n.ModalCloseButton,exports.DrawerContent=n.DrawerContent,exports.DrawerFooter=n.ModalFooter,exports.DrawerHeader=n.ModalHeader,exports.DrawerOverlay=n.ModalOverlay,exports.ModalContent=n.ModalContent,exports.ModalOverlay=n.ModalOverlay,exports.PinInput=c.PinInput,exports.PinInputField=c.PinInputField,exports.usePopoverContext=x.usePopoverContext,exports.Progress=d.Progress,exports.CRadioGroup=l.RadioGroup,exports.useRadio=l.useRadio,exports.useRadioGroup=l.useRadioGroup,exports.Table=m.Table,exports.TableCaption=m.TableCaption,exports.TableContainer=m.TableContainer,exports.Tbody=m.Tbody,exports.Td=m.Td,exports.Tfoot=m.Tfoot,exports.Th=m.Th,exports.Thead=m.Thead,exports.Tr=m.Tr,exports.CTabs=k.Tabs,exports.TabList=k.TabList,exports.TabPanel=k.TabPanel,exports.TabPanels=k.TabPanels,exports.Collapse=h.Collapse;
 //# sourceMappingURL=index.js.map

package/build/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-accordion.esm-0f887ce5.js"),r=require("../chakra-ui-alert.esm-22a48f5f.js"),o=require("../chakra-ui-checkbox.esm-02c136d9.js"),s=require("../chakra-ui-image.esm-437cc828.js"),a=require("../chakra-ui-input.esm-e53677ff.js"),t=require("../chakra-ui-layout.esm-2413d1f8.js"),i=require("../chakra-ui-media-query.esm-b1c943e2.js"),u=require("../chakra-ui-menu.esm-38c62d15.js"),p=require("../chakra-ui-modal.esm-296b03ca.js"),n=require("../chakra-ui-pin-input.esm-7314c64b.js"),c=require("../chakra-ui-popover.esm-269b7d4e.js"),d=require("../chakra-ui-progress.esm-99d84cb7.js"),x=require("../chakra-ui-radio.esm-41e9a127.js"),l=require("../chakra-ui-table.esm-30707dba.js"),m=require("../chakra-ui-tabs.esm-6bde8a73.js"),k=require("../chakra-ui-transition.esm-e8102e21.js"),h=require("../chakra-ui-hooks.esm-593eb20a.js");require("../chakra-ui-icon.esm-978f45d0.js"),require("../chakra-ui-system.esm-5b4258c1.js"),require("../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../chakra-ui-descendant.esm-9eff06c9.js"),require("../chakra-ui-form-control.esm-b9ae3e5c.js"),require("../chakra-ui-visually-hidden.esm-12509575.js"),require("../use-animation-state-5054a9f7.esm-7a9e930d.js"),require("../motion-1db106fa.js"),require("../tslib.es6-f01c41a6.js"),require("../index-5c563615.js"),require("../chakra-ui-clickable.esm-c91ac125.js"),require("../chakra-ui-popper.esm-633814a9.js"),require("../index-1a339061.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-ea15fd28.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.CAlert=r.Alert,exports.CCheckboxGroup=o.CheckboxGroup,exports.useCheckbox=o.useCheckbox,exports.useCheckboxGroup=o.useCheckboxGroup,exports.Image=s.Image$1,exports.InputGroup=a.InputGroup,exports.InputLeftElement=a.InputLeftElement,exports.InputRightElement=a.InputRightElement,exports.Box=t.Box,exports.Center=t.Center,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.LinkOverlay=t.LinkOverlay,exports.SimpleGrid=t.SimpleGrid,exports.Spacer=t.Spacer,exports.Stack=t.Stack,exports.VStack=t.VStack,exports.Wrap=t.Wrap,exports.WrapItem=t.WrapItem,exports.Hide=i.Hide,exports.Show=i.Show,exports.useBreakpoint=i.useBreakpoint,exports.useBreakpointValue=i.useBreakpointValue,exports.useMediaQuery=i.useMediaQuery,exports.MenuDivider=u.MenuDivider,exports.MenuGroup=u.MenuGroup,exports.MenuItemOption=u.MenuItemOption,exports.CModal=p.Modal,exports.CModalBody=p.ModalBody,exports.CModalCloseButton=p.ModalCloseButton,exports.CModalFooter=p.ModalFooter,exports.CModalHeader=p.ModalHeader,exports.Drawer=p.Drawer,exports.DrawerBody=p.ModalBody,exports.DrawerCloseButton=p.ModalCloseButton,exports.DrawerContent=p.DrawerContent,exports.DrawerFooter=p.ModalFooter,exports.DrawerHeader=p.ModalHeader,exports.DrawerOverlay=p.ModalOverlay,exports.ModalContent=p.ModalContent,exports.ModalOverlay=p.ModalOverlay,exports.PinInput=n.PinInput,exports.PinInputField=n.PinInputField,exports.usePopoverContext=c.usePopoverContext,exports.Progress=d.Progress,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.Table=l.Table,exports.TableCaption=l.TableCaption,exports.TableContainer=l.TableContainer,exports.Tbody=l.Tbody,exports.Td=l.Td,exports.Tfoot=l.Tfoot,exports.Th=l.Th,exports.Thead=l.Thead,exports.Tr=l.Tr,exports.CTabs=m.Tabs,exports.TabList=m.TabList,exports.TabPanel=m.TabPanel,exports.TabPanels=m.TabPanels,exports.Collapse=k.Collapse,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-accordion.esm-0f887ce5.js"),r=require("../chakra-ui-alert.esm-22a48f5f.js"),o=require("../chakra-ui-avatar.esm-8a860837.js"),s=require("../chakra-ui-checkbox.esm-02c136d9.js"),a=require("../chakra-ui-image.esm-437cc828.js"),t=require("../chakra-ui-input.esm-e53677ff.js"),i=require("../chakra-ui-layout.esm-365b8ae3.js"),u=require("../chakra-ui-media-query.esm-b1c943e2.js"),p=require("../chakra-ui-menu.esm-38c62d15.js"),n=require("../chakra-ui-modal.esm-296b03ca.js"),c=require("../chakra-ui-pin-input.esm-7314c64b.js"),x=require("../chakra-ui-popover.esm-269b7d4e.js"),d=require("../chakra-ui-progress.esm-99d84cb7.js"),l=require("../chakra-ui-radio.esm-41e9a127.js"),m=require("../chakra-ui-table.esm-30707dba.js"),k=require("../chakra-ui-tabs.esm-6bde8a73.js"),h=require("../chakra-ui-transition.esm-e8102e21.js"),b=require("../chakra-ui-hooks.esm-593eb20a.js");require("../chakra-ui-icon.esm-978f45d0.js"),require("../chakra-ui-system.esm-5b4258c1.js"),require("../chakra-ui-utils.esm-25c8f9ee.js"),require("react"),require("@emotion/react"),require("../chakra-ui-descendant.esm-9eff06c9.js"),require("../chakra-ui-form-control.esm-b9ae3e5c.js"),require("../chakra-ui-visually-hidden.esm-12509575.js"),require("../use-animation-state-5054a9f7.esm-7a9e930d.js"),require("../motion-1db106fa.js"),require("../tslib.es6-f01c41a6.js"),require("../index-5c563615.js"),require("../chakra-ui-clickable.esm-c91ac125.js"),require("../chakra-ui-popper.esm-633814a9.js"),require("../index-1a339061.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-ea15fd28.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.CAlert=r.Alert,exports.CAvatar=o.Avatar,exports.CCheckboxGroup=s.CheckboxGroup,exports.useCheckbox=s.useCheckbox,exports.useCheckboxGroup=s.useCheckboxGroup,exports.Image=a.Image$1,exports.InputGroup=t.InputGroup,exports.InputLeftElement=t.InputLeftElement,exports.InputRightElement=t.InputRightElement,exports.Box=i.Box,exports.Center=i.Center,exports.Container=i.Container,exports.Divider=i.Divider,exports.Flex=i.Flex,exports.Grid=i.Grid,exports.GridItem=i.GridItem,exports.HStack=i.HStack,exports.LinkBox=i.LinkBox,exports.LinkOverlay=i.LinkOverlay,exports.SimpleGrid=i.SimpleGrid,exports.Spacer=i.Spacer,exports.Stack=i.Stack,exports.VStack=i.VStack,exports.Wrap=i.Wrap,exports.WrapItem=i.WrapItem,exports.Hide=u.Hide,exports.Show=u.Show,exports.useBreakpoint=u.useBreakpoint,exports.useBreakpointValue=u.useBreakpointValue,exports.useMediaQuery=u.useMediaQuery,exports.MenuDivider=p.MenuDivider,exports.MenuGroup=p.MenuGroup,exports.MenuItemOption=p.MenuItemOption,exports.CModal=n.Modal,exports.CModalBody=n.ModalBody,exports.CModalCloseButton=n.ModalCloseButton,exports.CModalFooter=n.ModalFooter,exports.CModalHeader=n.ModalHeader,exports.Drawer=n.Drawer,exports.DrawerBody=n.ModalBody,exports.DrawerCloseButton=n.ModalCloseButton,exports.DrawerContent=n.DrawerContent,exports.DrawerFooter=n.ModalFooter,exports.DrawerHeader=n.ModalHeader,exports.DrawerOverlay=n.ModalOverlay,exports.ModalContent=n.ModalContent,exports.ModalOverlay=n.ModalOverlay,exports.PinInput=c.PinInput,exports.PinInputField=c.PinInputField,exports.usePopoverContext=x.usePopoverContext,exports.Progress=d.Progress,exports.CRadioGroup=l.RadioGroup,exports.useRadio=l.useRadio,exports.useRadioGroup=l.useRadioGroup,exports.Table=m.Table,exports.TableCaption=m.TableCaption,exports.TableContainer=m.TableContainer,exports.Tbody=m.Tbody,exports.Td=m.Td,exports.Tfoot=m.Tfoot,exports.Th=m.Th,exports.Thead=m.Thead,exports.Tr=m.Tr,exports.CTabs=k.Tabs,exports.TabList=k.TabList,exports.TabPanel=k.TabPanel,exports.TabPanels=k.TabPanels,exports.Collapse=h.Collapse,exports.useConst=b.useConst,exports.useDisclosure=b.useDisclosure;
 //# sourceMappingURL=index.js.map

package/build/chakra-ui-avatar.esm-8a860837.js

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

package/build/chakra-ui-avatar.esm-8a860837.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chakra-ui-avatar.esm-8a860837.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded$1 = [\"name\", \"getInitials\"],\n    _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var badgeStyles = _extends({\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    insetEnd: \"0\",\n    bottom: \"0\"\n  }, styles.badge);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-avatar__badge\", props.className),\n    __css: badgeStyles\n  }));\n});\n\nif (__DEV__) {\n  AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n  var _name$split = name.split(\" \"),\n      firstName = _name$split[0],\n      lastName = _name$split[1];\n\n  return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n  var name = props.name,\n      getInitials = props.getInitials,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"img\",\n    \"aria-label\": name\n  }, rest, {\n    __css: styles.label\n  }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n    viewBox: \"0 0 128 128\",\n    color: \"#fff\",\n    width: \"100%\",\n    height: \"100%\",\n    className: \"chakra-avatar__svg\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n  }));\n};\n\nvar baseStyle = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n  textTransform: \"uppercase\",\n  fontWeight: \"medium\",\n  position: \"relative\",\n  flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      src = _omitThemingProps.src,\n      srcSet = _omitThemingProps.srcSet,\n      name = _omitThemingProps.name,\n      showBorder = _omitThemingProps.showBorder,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      onError = _omitThemingProps.onError,\n      _omitThemingProps$get = _omitThemingProps.getInitials,\n      getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n      _omitThemingProps$ico = _omitThemingProps.icon,\n      icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n      _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n      iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n      loading = _omitThemingProps.loading,\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      ignoreFallback = _omitThemingProps.ignoreFallback,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var avatarStyles = _extends({\n    borderRadius: borderRadius,\n    borderWidth: showBorder ? \"2px\" : undefined\n  }, baseStyle, styles.container);\n\n  if (borderColor) {\n    avatarStyles.borderColor = borderColor;\n  }\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-avatar\", props.className),\n    __css: avatarStyles\n  }), /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(AvatarImage, {\n    src: src,\n    srcSet: srcSet,\n    loading: loading,\n    onError: onError,\n    getInitials: getInitials,\n    name: name,\n    borderRadius: borderRadius,\n    icon: icon,\n    iconLabel: iconLabel,\n    ignoreFallback: ignoreFallback\n  }), children));\n});\n\nif (__DEV__) {\n  Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n  var src = props.src,\n      srcSet = props.srcSet,\n      onError = props.onError,\n      getInitials = props.getInitials,\n      name = props.name,\n      borderRadius = props.borderRadius,\n      loading = props.loading,\n      iconLabel = props.iconLabel,\n      _props$icon = props.icon,\n      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n      ignoreFallback = props.ignoreFallback;\n  /**\n   * use the image hook to only show the image when it has loaded\n   */\n\n  var status = useImage({\n    src: src,\n    onError: onError,\n    ignoreFallback: ignoreFallback\n  });\n  var hasLoaded = status === \"loaded\";\n  /**\n   * Fallback avatar applies under 2 conditions:\n   * - If `src` was passed and the image has not loaded or failed to load\n   * - If `src` wasn't passed\n   *\n   * In this case, we'll show either the name avatar or default avatar\n   */\n\n  var showFallback = !src || !hasLoaded;\n\n  if (showFallback) {\n    return name ? /*#__PURE__*/React.createElement(AvatarName, {\n      className: \"chakra-avatar__initials\",\n      getInitials: getInitials,\n      name: name\n    }) : /*#__PURE__*/React.cloneElement(icon, {\n      role: \"img\",\n      \"aria-label\": iconLabel\n    });\n  }\n  /**\n   * If `src` was passed and the image has loaded, we'll show it\n   */\n\n\n  return /*#__PURE__*/React.createElement(chakra.img, {\n    src: src,\n    srcSet: srcSet,\n    alt: name,\n    className: \"chakra-avatar__img\",\n    loading: loading,\n    __css: {\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      borderRadius: borderRadius\n    }\n  });\n};\n\nif (__DEV__) {\n  AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Avatar\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      borderColor = _omitThemingProps.borderColor,\n      max = _omitThemingProps.max,\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n      _omitThemingProps$bor = _omitThemingProps.borderRadius,\n      borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var validChildren = getValidChildren(children);\n  /**\n   * get the avatars within the max\n   */\n\n  var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n  /**\n   * get the remaining avatar count\n   */\n\n  var excess = max != null && validChildren.length - max;\n  /**\n   * Reversing the children is a great way to avoid using zIndex\n   * to overlap the avatars\n   */\n\n  var reversedChildren = childrenWithinMax.reverse();\n  var clones = reversedChildren.map(function (child, index) {\n    var _child$props$borderCo;\n\n    var isFirstAvatar = index === 0;\n    var childProps = {\n      marginEnd: isFirstAvatar ? 0 : spacing,\n      size: props.size,\n      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n      showBorder: true\n    };\n    return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n  });\n  var groupStyles = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    flexDirection: \"row-reverse\"\n  };\n\n  var excessStyles = _extends({\n    borderRadius: borderRadius,\n    marginStart: spacing\n  }, baseStyle, styles.excessLabel);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles\n  }, rest, {\n    className: cx(\"chakra-avatar__group\", props.className)\n  }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n    className: \"chakra-avatar__excess\",\n    __css: excessStyles\n  }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n  AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection"],"mappings":"wdAMA,SAASA,EAA8BC,EAAQC,GAC7C,GAAc,MAAVD,EAAgB,MAAO,GAC3B,IAEIE,EAAKC,EAFLC,EAAS,GACTC,EAAaC,OAAOC,KAAKP,GAG7B,IAAKG,EAAI,EAAGA,EAAIE,EAAWG,OAAQL,IACjCD,EAAMG,EAAWF,GACbF,EAASQ,QAAQP,IAAQ,IAC7BE,EAAOF,GAAOF,EAAOE,IAGvB,OAAOE,EAGT,SAASM,IAeP,OAdAA,EAAWJ,OAAOK,QAAU,SAAUP,GACpC,IAAK,IAAID,EAAI,EAAGA,EAAIS,UAAUJ,OAAQL,IAAK,CACzC,IAAIH,EAASY,UAAUT,GAEvB,IAAK,IAAID,KAAOF,EACVM,OAAOO,UAAUC,eAAeC,KAAKf,EAAQE,KAC/CE,EAAOF,GAAOF,EAAOE,IAK3B,OAAOE,GAGFM,EAASM,MAAMC,KAAML,WAG9B,IAAIM,EAAc,CAAC,OAAQ,eACvBC,EAAa,CAAC,MAAO,SAAU,OAAQ,aAAc,eAAgB,UAAW,cAAe,OAAQ,YAAa,UAAW,WAAY,cAAe,kBAM1JC,EAA2BC,EAAUA,YAAC,SAAUC,EAAOC,GACzD,IAEIC,EAAcd,EAAS,CACzBe,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,SAAU,IACVC,OAAQ,KARGC,EAAAA,YASHC,OAEV,OAAoBC,EAAMC,cAAcC,SAAOC,IAAK1B,EAAS,CAC3Da,IAAKA,GACJD,EAAO,CACRe,UAAWC,EAAEA,GAAC,uBAAwBhB,EAAMe,WAC5CE,MAAOf,QAQX,SAASgB,EAASC,GAChB,IAAIC,EAAcD,EAAKE,MAAM,KACzBC,EAAYF,EAAY,GACxBG,EAAWH,EAAY,GAE3B,OAAOE,GAAaC,EAAW,GAAKD,EAAUE,OAAO,GAAKD,EAASC,OAAO,GAAKF,EAAUE,OAAO,GAT9FC,YACF3B,EAAY4B,YAAc,eAc5B,IAAIC,EAAa,SAAoB3B,GACnC,IAAImB,EAAOnB,EAAMmB,KACbS,EAAc5B,EAAM4B,YACpBC,EAAOpD,EAA8BuB,EAAOJ,GAE5CkC,EAASrB,EAAAA,YACb,OAAoBE,EAAMC,cAAcC,SAAOC,IAAK1B,EAAS,CAC3D2C,KAAM,MACN,aAAcZ,GACbU,EAAM,CACPZ,MAAOa,EAAOE,QACZb,EAAsB,MAAfS,OAAsB,EAASA,EAAYT,GAAQ,OAQ5Dc,EAAc,SAAqBjC,GACrC,OAAoBW,EAAMC,cAAcC,SAAOqB,IAAK9C,EAAS,CAC3D+C,QAAS,cACTC,MAAO,OACPC,MAAO,OACPC,OAAQ,OACRvB,UAAW,sBACVf,GAAqBW,EAAMC,cAAc,OAAQ,CAClD2B,KAAM,eACNC,EAAG,kMACY7B,EAAMC,cAAc,OAAQ,CAC3C2B,KAAM,eACNC,EAAG,iMAIHC,EAAY,CACdrC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBoC,UAAW,SACXC,cAAe,YACfC,WAAY,SACZzC,SAAU,WACV0C,WAAY,GAOVC,EAAsB/C,EAAUA,YAAC,SAAUC,EAAOC,GACpD,IAAI6B,EAASiB,EAAAA,oBAAoB,SAAU/C,GAEvCgD,EAAoBC,EAAgBA,iBAACjD,GACrCkD,EAAMF,EAAkBE,IACxBC,EAASH,EAAkBG,OAC3BhC,EAAO6B,EAAkB7B,KACzBiC,EAAaJ,EAAkBI,WAC/BC,EAAwBL,EAAkBM,aAC1CA,OAAyC,IAA1BD,EAAmC,OAASA,EAC3DE,EAAUP,EAAkBO,QAC5BC,EAAwBR,EAAkBpB,YAC1CA,OAAwC,IAA1B4B,EAAmCtC,EAAWsC,EAC5DC,EAAwBT,EAAkBU,KAC1CA,OAAiC,IAA1BD,EAAgD9C,EAAMC,cAAcqB,EAAa,MAAQwB,EAChGE,EAAyBX,EAAkBY,UAC3CA,OAAuC,IAA3BD,EAAoC,UAAYA,EAC5DE,EAAUb,EAAkBa,QAC5BC,EAAWd,EAAkBc,SAC7BC,EAAcf,EAAkBe,YAChCC,EAAiBhB,EAAkBgB,eACnCnC,EAAOpD,EAA8BuE,EAAmBnD,GAExDoE,EAAe7E,EAAS,CAC1BkE,aAAcA,EACdY,YAAad,EAAa,WAAQe,GACjC1B,EAAWX,EAAOsC,WAMrB,OAJIL,IACFE,EAAaF,YAAcA,GAGTpD,EAAMC,cAAcC,SAAOwD,KAAMjF,EAAS,CAC5Da,IAAKA,GACJ4B,EAAM,CACPd,UAAWC,EAAEA,GAAC,gBAAiBhB,EAAMe,WACrCE,MAAOgD,IACQtD,EAAMC,cAAc0D,iBAAgB,CACnDC,MAAOzC,GACOnB,EAAMC,cAAc4D,EAAa,CAC/CtB,IAAKA,EACLC,OAAQA,EACRU,QAASA,EACTN,QAASA,EACT3B,YAAaA,EACbT,KAAMA,EACNmC,aAAcA,EACdI,KAAMA,EACNE,UAAWA,EACXI,eAAgBA,IACdF,OAGFrC,YACFqB,EAAOpB,YAAc,UAGvB,IAAI8C,EAAc,SAAqBxE,GACrC,IAAIkD,EAAMlD,EAAMkD,IACZC,EAASnD,EAAMmD,OACfI,EAAUvD,EAAMuD,QAChB3B,EAAc5B,EAAM4B,YACpBT,EAAOnB,EAAMmB,KACbmC,EAAetD,EAAMsD,aACrBO,EAAU7D,EAAM6D,QAChBD,EAAY5D,EAAM4D,UAClBa,EAAczE,EAAM0D,KACpBA,OAAuB,IAAhBe,EAAsC9D,EAAMC,cAAcqB,EAAa,MAAQwC,EACtFT,EAAiBhE,EAAMgE,eAKvBU,EAASC,EAAAA,SAAS,CACpBzB,IAAKA,EACLK,QAASA,EACTS,eAAgBA,IAalB,OAFoBd,KATO,WAAXwB,GAYPvD,EAAoBR,EAAMC,cAAce,EAAY,CACzDZ,UAAW,0BACXa,YAAaA,EACbT,KAAMA,IACUR,EAAMiE,aAAalB,EAAM,CACzC3B,KAAM,MACN,aAAc6B,IAQEjD,EAAMC,cAAcC,EAAMA,OAACgE,IAAK,CAClD3B,IAAKA,EACLC,OAAQA,EACR2B,IAAK3D,EACLJ,UAAW,qBACX8C,QAASA,EACT5C,MAAO,CACLoB,MAAO,OACPC,OAAQ,OACRyC,UAAW,QACXzB,aAAcA,MAKhB7B,YACF+C,EAAY9C,YAAc,eAG5B,IAAIsD,EAAY,CAAC,WAAY,cAAe,MAAO,UAAW,gBAK1DC,EAA2BlF,EAAUA,YAAC,SAAUC,EAAOC,GACzD,IAAI6B,EAASiB,EAAAA,oBAAoB,SAAU/C,GAEvCgD,EAAoBC,EAAgBA,iBAACjD,GACrC8D,EAAWd,EAAkBc,SAC7BC,EAAcf,EAAkBe,YAChCmB,EAAMlC,EAAkBkC,IACxBC,EAAwBnC,EAAkBoC,QAC1CA,OAAoC,IAA1BD,EAAmC,WAAaA,EAC1D9B,EAAwBL,EAAkBM,aAC1CA,OAAyC,IAA1BD,EAAmC,OAASA,EAC3DxB,EAAOpD,EAA8BuE,EAAmBgC,GAExDK,EAAgBC,mBAAiBxB,GAKjCyB,EAAoBL,EAAMG,EAAcG,MAAM,EAAGN,GAAOG,EAKxDI,EAAgB,MAAPP,GAAeG,EAAcnG,OAASgG,EAO/CQ,EADmBH,EAAkBI,UACXC,KAAI,SAAUC,EAAOC,GACjD,IAAIC,EAGAC,EAAa,CACfC,UAF4B,IAAVH,EAES,EAAIV,EAC/Bc,KAAMlG,EAAMkG,KACZnC,YAAkE,OAApDgC,EAAwBF,EAAM7F,MAAM+D,aAAuBgC,EAAwBhC,EACjGX,YAAY,GAEd,OAAoBzC,EAAMiE,aAAaiB,EAAOM,EAAAA,gBAAgBH,OAS5DI,EAAehH,EAAS,CAC1BkE,aAAcA,EACd+C,YAAajB,GACZ3C,EAAWX,EAAOwE,aAErB,OAAoB3F,EAAMC,cAAcC,SAAOC,IAAK1B,EAAS,CAC3Da,IAAKA,EACL8B,KAAM,QACNd,MAfgB,CAChBb,QAAS,OACTC,WAAY,SACZC,eAAgB,WAChBiG,cAAe,gBAYd1E,EAAM,CACPd,UAAWC,EAAEA,GAAC,uBAAwBhB,EAAMe,aAC1C0E,EAAS,GAAkB9E,EAAMC,cAAcC,EAAMA,OAACwD,KAAM,CAC9DtD,UAAW,wBACXE,MAAOmF,GACN,IAAMX,GAASC,MAGhBjE,YACFwD,EAAYvD,YAAc"}

package/build/{chakra-ui-layout.esm-2413d1f8.js → chakra-ui-layout.esm-365b8ae3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./chakra-ui-system.esm-5b4258c1.js"),r=require("./chakra-ui-utils.esm-25c8f9ee.js"),a=require("react"),t=require("./chakra-ui-icon.esm-978f45d0.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var i=n(a);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},o.apply(this,arguments)}function s(e,r){if(null==e)return{};var a,t,n={},i=Object.keys(e);for(t=0;t<i.length;t++)a=i[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}var c=["ratio","children","className"],l=e.forwardRef((function(a,t){var n=a.ratio,l=void 0===n?4/3:n,d=a.children,m=a.className,p=s(a,c),f=i.Children.only(d),u=r.cx("chakra-aspect-ratio",m);return i.createElement(e.chakra.div,o({ref:t,position:"relative",className:u,_before:{height:0,content:'""',display:"block",paddingBottom:r.mapResponsive(l,(function(e){return 1/e*100+"%"}))},__css:{"& > *:not(style)":{overflow:"hidden",position:"absolute",top:"0",right:"0",bottom:"0",left:"0",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},"& > img, & > video":{objectFit:"cover"}}},p),f)}));r.__DEV__&&(l.displayName="AspectRatio");var d=["className"],m=e.forwardRef((function(a,t){var n=e.useStyleConfig("Badge",a),c=e.omitThemingProps(a);c.className;var l=s(c,d);return i.createElement(e.chakra.span,o({ref:t,className:r.cx("chakra-badge",a.className)},l,{__css:o({display:"inline-block",whiteSpace:"nowrap",verticalAlign:"middle"},n)}))}));r.__DEV__&&(m.displayName="Badge");var p=["size","centerContent"],f=["size"],u=e.chakra("div");r.__DEV__&&(u.displayName="Box");var _=e.forwardRef((function(e,r){var a=e.size,t=e.centerContent,n=void 0===t||t,c=s(e,p),l=n?{display:"flex",alignItems:"center",justifyContent:"center"}:{};return i.createElement(u,o({ref:r,boxSize:a,__css:o({},l,{flexShrink:0,flexGrow:0})},c))}));r.__DEV__&&(_.displayName="Square");var g=e.forwardRef((function(e,r){var a=e.size,t=s(e,f);return i.createElement(_,o({size:a,ref:r,borderRadius:"9999px"},t))}));r.__DEV__&&(g.displayName="Circle");var h=e.chakra("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});r.__DEV__&&(h.displayName="Center");var v=["className"],y=e.forwardRef((function(a,t){var n=e.useStyleConfig("Code",a),c=e.omitThemingProps(a);c.className;var l=s(c,v);return i.createElement(e.chakra.code,o({ref:t,className:r.cx("chakra-code",a.className)},l,{__css:o({display:"inline-block"},n)}))}));r.__DEV__&&(y.displayName="Code");var x=["className","centerContent"],w=e.forwardRef((function(a,t){var n=e.omitThemingProps(a),c=n.className,l=n.centerContent,d=s(n,x),m=e.useStyleConfig("Container",a);return i.createElement(e.chakra.div,o({ref:t,className:r.cx("chakra-container",c)},d,{__css:o({},m,l&&{display:"flex",flexDirection:"column",alignItems:"center"})}))}));r.__DEV__&&(w.displayName="Container");var k=["borderLeftWidth","borderBottomWidth","borderTopWidth","borderRightWidth","borderWidth","borderStyle","borderColor"],E=["className","orientation","__css"],N=e.forwardRef((function(a,t){var n=e.useStyleConfig("Divider",a),c=n.borderLeftWidth,l=n.borderBottomWidth,d=n.borderTopWidth,m=n.borderRightWidth,p=n.borderWidth,f=n.borderStyle,u=n.borderColor,_=s(n,k),g=e.omitThemingProps(a),h=g.className,v=g.orientation,y=void 0===v?"horizontal":v,x=g.__css,w=s(g,E),N={vertical:{borderLeftWidth:c||m||p||"1px",height:"100%"},horizontal:{borderBottomWidth:l||d||p||"1px",width:"100%"}};return i.createElement(e.chakra.hr,o({ref:t,"aria-orientation":y},w,{__css:o({},_,{border:"0",borderColor:u,borderStyle:f},N[y],x),className:r.cx("chakra-divider",h)}))}));r.__DEV__&&(N.displayName="Divider");var b=["direction","align","justify","wrap","basis","grow","shrink"],S=e.forwardRef((function(r,a){var t=r.direction,n=r.align,c=r.justify,l=r.wrap,d=r.basis,m=r.grow,p=r.shrink,f=s(r,b),u={display:"flex",flexDirection:t,alignItems:n,justifyContent:c,flexWrap:l,flexBasis:d,flexGrow:m,flexShrink:p};return i.createElement(e.chakra.div,o({ref:a,__css:u},f))}));r.__DEV__&&(S.displayName="Flex");var C=["area","templateAreas","gap","rowGap","columnGap","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns"],R=["area","colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart"],D=e.forwardRef((function(r,a){var t=r.area,n=r.templateAreas,c=r.gap,l=r.rowGap,d=r.columnGap,m=r.column,p=r.row,f=r.autoFlow,u=r.autoRows,_=r.templateRows,g=r.autoColumns,h=r.templateColumns,v=s(r,C),y={display:"grid",gridArea:t,gridTemplateAreas:n,gridGap:c,gridRowGap:l,gridColumnGap:d,gridAutoColumns:g,gridColumn:m,gridRow:p,gridAutoFlow:f,gridAutoRows:u,gridTemplateRows:_,gridTemplateColumns:h};return i.createElement(e.chakra.div,o({ref:a,__css:y},v))}));function W(e){return r.mapResponsive(e,(function(e){return"auto"===e?"auto":"span "+e+"/span "+e}))}r.__DEV__&&(D.displayName="Grid");var V=e.forwardRef((function(a,t){var n=a.area,c=a.colSpan,l=a.colStart,d=a.colEnd,m=a.rowEnd,p=a.rowSpan,f=a.rowStart,u=s(a,R),_=r.filterUndefined({gridArea:n,gridColumn:W(c),gridRow:W(p),gridColumnStart:l,gridColumnEnd:d,gridRowStart:f,gridRowEnd:m});return i.createElement(e.chakra.div,o({ref:t,__css:_},u))})),T=["className"],j=e.forwardRef((function(a,t){var n=e.useStyleConfig("Heading",a),c=e.omitThemingProps(a);c.className;var l=s(c,T);return i.createElement(e.chakra.h2,o({ref:t,className:r.cx("chakra-heading",a.className)},l,{__css:n}))}));r.__DEV__&&(j.displayName="Heading");var L=["className"],B=e.forwardRef((function(a,t){var n=e.useStyleConfig("Kbd",a),c=e.omitThemingProps(a),l=c.className,d=s(c,L);return i.createElement(e.chakra.kbd,o({ref:t,className:r.cx("chakra-kbd",l)},d,{__css:o({fontFamily:"mono"},n)}))}));r.__DEV__&&(B.displayName="Kbd");var I=["className","isExternal"],G=e.forwardRef((function(a,t){var n=e.useStyleConfig("Link",a),c=e.omitThemingProps(a),l=c.className,d=c.isExternal,m=s(c,I);return i.createElement(e.chakra.a,o({target:d?"_blank":void 0,rel:d?"noopener":void 0,ref:t,className:r.cx("chakra-link",l)},m,{__css:n}))}));r.__DEV__&&(G.displayName="Link");var P=["children","styleType","stylePosition","spacing"],O=["as"],A=["as"],z=e.createContext({name:"StylesContext",errorMessage:"useStyles: `styles` is undefined. Seems you forgot to wrap the components in a `<*List />` "}),F=z[0],M=z[1],X=e.forwardRef((function(r,a){var t,n=e.useMultiStyleConfig("List",r),c=e.omitThemingProps(r),l=c.children,d=c.styleType,m=void 0===d?"none":d,p=c.stylePosition,f=c.spacing,u=s(c,P),_=e.getValidChildren(l),g=f?((t={})["& > *:not(style) ~ *:not(style)"]={mt:f},t):{};return i.createElement(F,{value:n},i.createElement(e.chakra.ul,o({ref:a,listStyleType:m,listStylePosition:p,role:"list",__css:o({},n.container,g)},u),_))}));r.__DEV__&&(X.displayName="List");var Y=e.forwardRef((function(e,r){e.as;var a=s(e,O);return i.createElement(X,o({ref:r,as:"ol",styleType:"decimal",marginStart:"1em"},a))}));r.__DEV__&&(Y.displayName="OrderedList");var q=e.forwardRef((function(e,r){e.as;var a=s(e,A);return i.createElement(X,o({ref:r,as:"ul",styleType:"initial",marginStart:"1em"},a))}));r.__DEV__&&(q.displayName="UnorderedList");var H=e.forwardRef((function(r,a){var t=M();return i.createElement(e.chakra.li,o({ref:a},r,{__css:t.item}))}));r.__DEV__&&(H.displayName="ListItem");var U=e.forwardRef((function(e,r){var a=M();return i.createElement(t.Icon,o({ref:r,role:"presentation"},e,{__css:a.icon}))}));r.__DEV__&&(U.displayName="ListIcon");var K=["columns","spacingX","spacingY","spacing","minChildWidth"],J=e.forwardRef((function(e,a){var t,n,c=e.columns,l=e.spacingX,d=e.spacingY,m=e.spacing,p=e.minChildWidth,f=s(e,K),u=p?(n=p,r.mapResponsive(n,(function(e){return r.isNull(e)?null:"repeat(auto-fit, minmax("+(a=e,(r.isNumber(a)?a+"px":a)+", 1fr))");var a}))):(t=c,r.mapResponsive(t,(function(e){return r.isNull(e)?null:"repeat("+e+", minmax(0, 1fr))"})));return i.createElement(D,o({ref:a,gap:m,columnGap:l,rowGap:d,templateColumns:u},f))}));r.__DEV__&&(J.displayName="SimpleGrid");var Q=e.chakra("div",{baseStyle:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});r.__DEV__&&(Q.displayName="Spacer");var Z="& > *:not(style) ~ *:not(style)";var $=["isInline","direction","align","justify","spacing","wrap","children","divider","className","shouldWrapChildren"],ee=function(r){return i.createElement(e.chakra.div,o({className:"chakra-stack__item"},r,{__css:o({display:"inline-block",flex:"0 0 auto",minWidth:0},r.__css)}))},re=e.forwardRef((function(a,t){var n,c=a.isInline,l=a.direction,d=a.align,m=a.justify,p=a.spacing,f=void 0===p?"0.5rem":p,u=a.wrap,_=a.children,g=a.divider,h=a.className,v=a.shouldWrapChildren,y=s(a,$),x=c?"row":null!=l?l:"column",w=i.useMemo((function(){return function(e){var a,t=e.spacing,n=e.direction,i={column:{marginTop:t,marginEnd:0,marginBottom:0,marginStart:0},row:{marginTop:0,marginEnd:0,marginBottom:0,marginStart:t},"column-reverse":{marginTop:0,marginEnd:0,marginBottom:t,marginStart:0},"row-reverse":{marginTop:0,marginEnd:t,marginBottom:0,marginStart:0}};return(a={flexDirection:n})[Z]=r.mapResponsive(n,(function(e){return i[e]})),a}({direction:x,spacing:f})}),[x,f]),k=i.useMemo((function(){return function(e){var a=e.spacing,t=e.direction,n={column:{my:a,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:a,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:a,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:a,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":r.mapResponsive(t,(function(e){return n[e]}))}}({spacing:f,direction:x})}),[f,x]),E=!!g,N=!v&&!E,b=e.getValidChildren(_),S=N?b:b.map((function(e,r){var a=void 0!==e.key?e.key:r,t=r+1===b.length,n=v?i.createElement(ee,{key:a},e):e;if(!E)return n;var o=t?null:i.cloneElement(g,{__css:k});return i.createElement(i.Fragment,{key:a},n,o)})),C=r.cx("chakra-stack",h);return i.createElement(e.chakra.div,o({ref:t,display:"flex",alignItems:d,justifyContent:m,flexDirection:w.flexDirection,flexWrap:u,className:C,__css:E?{}:(n={},n[Z]=w[Z],n)},y),S)}));r.__DEV__&&(re.displayName="Stack");var ae=e.forwardRef((function(e,r){return i.createElement(re,o({align:"center"},e,{direction:"row",ref:r}))}));r.__DEV__&&(ae.displayName="HStack");var te=e.forwardRef((function(e,r){return i.createElement(re,o({align:"center"},e,{direction:"column",ref:r}))}));r.__DEV__&&(te.displayName="VStack");var ne=["className","align","decoration","casing"],ie=e.forwardRef((function(a,t){var n=e.useStyleConfig("Text",a),c=e.omitThemingProps(a);c.className,c.align,c.decoration,c.casing;var l=s(c,ne),d=r.filterUndefined({textAlign:a.align,textDecoration:a.decoration,textTransform:a.casing});return i.createElement(e.chakra.p,o({ref:t,className:r.cx("chakra-text",a.className)},d,l,{__css:n}))}));r.__DEV__&&(ie.displayName="Text");var oe=["spacing","spacingX","spacingY","children","justify","direction","align","className","shouldWrapChildren"],se=["className"],ce=e.forwardRef((function(a,t){var n=a.spacing,c=void 0===n?"0.5rem":n,l=a.spacingX,d=a.spacingY,m=a.children,p=a.justify,f=a.direction,u=a.align,_=a.className,g=a.shouldWrapChildren,h=s(a,oe),v=i.useMemo((function(){var a={spacingX:l,spacingY:d},t=a.spacingX,n=void 0===t?c:t,i=a.spacingY,o=void 0===i?c:i;return{"--chakra-wrap-x-spacing":function(a){return r.mapResponsive(n,(function(r){return e.tokenToCSSVar("space",r)(a)}))},"--chakra-wrap-y-spacing":function(a){return r.mapResponsive(o,(function(r){return e.tokenToCSSVar("space",r)(a)}))},"--wrap-x-spacing":"calc(var(--chakra-wrap-x-spacing) / 2)","--wrap-y-spacing":"calc(var(--chakra-wrap-y-spacing) / 2)",display:"flex",flexWrap:"wrap",justifyContent:p,alignItems:u,flexDirection:f,listStyleType:"none",padding:"0",margin:"calc(var(--wrap-y-spacing) * -1) calc(var(--wrap-x-spacing) * -1)","& > *:not(style)":{margin:"var(--wrap-y-spacing) var(--wrap-x-spacing)"}}}),[c,l,d,p,u,f]),y=g?i.Children.map(m,(function(e,r){return i.createElement(le,{key:r},e)})):m;return i.createElement(e.chakra.div,o({ref:t,className:r.cx("chakra-wrap",_)},h),i.createElement(e.chakra.ul,{className:"chakra-wrap__list",__css:v},y))}));r.__DEV__&&(ce.displayName="Wrap");var le=e.forwardRef((function(a,t){var n=a.className,c=s(a,se);return i.createElement(e.chakra.li,o({ref:t,__css:{display:"flex",alignItems:"flex-start"},className:r.cx("chakra-wrap__listitem",n)},c))}));r.__DEV__&&(le.displayName="WrapItem");var de=["isExternal","target","rel","className"],me=e.forwardRef((function(a,t){var n=a.isExternal,c=a.target,l=a.rel,d=a.className,m=s(a,de);return i.createElement(e.chakra.a,o({},m,{ref:t,className:r.cx("chakra-linkbox__overlay",d),rel:n?"noopener noreferrer":l,target:n?"_blank":c,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:1,width:"100%",height:"100%"}}}))}));exports.Box=u,exports.Center=h,exports.Container=w,exports.Divider=N,exports.Flex=S,exports.Grid=D,exports.GridItem=V,exports.HStack=ae,exports.Heading=j,exports.Link=G,exports.LinkOverlay=me,exports.SimpleGrid=J,exports.Spacer=Q,exports.Stack=re,exports.Text=ie,exports.VStack=te,exports.Wrap=ce,exports.WrapItem=le;
-//# sourceMappingURL=chakra-ui-layout.esm-2413d1f8.js.map
+"use strict";var e=require("./chakra-ui-system.esm-5b4258c1.js"),r=require("./chakra-ui-utils.esm-25c8f9ee.js"),a=require("react"),t=require("./chakra-ui-icon.esm-978f45d0.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var i=n(a);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},o.apply(this,arguments)}function s(e,r){if(null==e)return{};var a,t,n={},i=Object.keys(e);for(t=0;t<i.length;t++)a=i[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}var c=["ratio","children","className"],l=e.forwardRef((function(a,t){var n=a.ratio,l=void 0===n?4/3:n,d=a.children,m=a.className,p=s(a,c),f=i.Children.only(d),u=r.cx("chakra-aspect-ratio",m);return i.createElement(e.chakra.div,o({ref:t,position:"relative",className:u,_before:{height:0,content:'""',display:"block",paddingBottom:r.mapResponsive(l,(function(e){return 1/e*100+"%"}))},__css:{"& > *:not(style)":{overflow:"hidden",position:"absolute",top:"0",right:"0",bottom:"0",left:"0",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},"& > img, & > video":{objectFit:"cover"}}},p),f)}));r.__DEV__&&(l.displayName="AspectRatio");var d=["className"],m=e.forwardRef((function(a,t){var n=e.useStyleConfig("Badge",a),c=e.omitThemingProps(a);c.className;var l=s(c,d);return i.createElement(e.chakra.span,o({ref:t,className:r.cx("chakra-badge",a.className)},l,{__css:o({display:"inline-block",whiteSpace:"nowrap",verticalAlign:"middle"},n)}))}));r.__DEV__&&(m.displayName="Badge");var p=["size","centerContent"],f=["size"],u=e.chakra("div");r.__DEV__&&(u.displayName="Box");var _=e.forwardRef((function(e,r){var a=e.size,t=e.centerContent,n=void 0===t||t,c=s(e,p),l=n?{display:"flex",alignItems:"center",justifyContent:"center"}:{};return i.createElement(u,o({ref:r,boxSize:a,__css:o({},l,{flexShrink:0,flexGrow:0})},c))}));r.__DEV__&&(_.displayName="Square");var g=e.forwardRef((function(e,r){var a=e.size,t=s(e,f);return i.createElement(_,o({size:a,ref:r,borderRadius:"9999px"},t))}));r.__DEV__&&(g.displayName="Circle");var h=e.chakra("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});r.__DEV__&&(h.displayName="Center");var v=["className"],y=e.forwardRef((function(a,t){var n=e.useStyleConfig("Code",a),c=e.omitThemingProps(a);c.className;var l=s(c,v);return i.createElement(e.chakra.code,o({ref:t,className:r.cx("chakra-code",a.className)},l,{__css:o({display:"inline-block"},n)}))}));r.__DEV__&&(y.displayName="Code");var x=["className","centerContent"],w=e.forwardRef((function(a,t){var n=e.omitThemingProps(a),c=n.className,l=n.centerContent,d=s(n,x),m=e.useStyleConfig("Container",a);return i.createElement(e.chakra.div,o({ref:t,className:r.cx("chakra-container",c)},d,{__css:o({},m,l&&{display:"flex",flexDirection:"column",alignItems:"center"})}))}));r.__DEV__&&(w.displayName="Container");var k=["borderLeftWidth","borderBottomWidth","borderTopWidth","borderRightWidth","borderWidth","borderStyle","borderColor"],N=["className","orientation","__css"],E=e.forwardRef((function(a,t){var n=e.useStyleConfig("Divider",a),c=n.borderLeftWidth,l=n.borderBottomWidth,d=n.borderTopWidth,m=n.borderRightWidth,p=n.borderWidth,f=n.borderStyle,u=n.borderColor,_=s(n,k),g=e.omitThemingProps(a),h=g.className,v=g.orientation,y=void 0===v?"horizontal":v,x=g.__css,w=s(g,N),E={vertical:{borderLeftWidth:c||m||p||"1px",height:"100%"},horizontal:{borderBottomWidth:l||d||p||"1px",width:"100%"}};return i.createElement(e.chakra.hr,o({ref:t,"aria-orientation":y},w,{__css:o({},_,{border:"0",borderColor:u,borderStyle:f},E[y],x),className:r.cx("chakra-divider",h)}))}));r.__DEV__&&(E.displayName="Divider");var b=["direction","align","justify","wrap","basis","grow","shrink"],S=e.forwardRef((function(r,a){var t=r.direction,n=r.align,c=r.justify,l=r.wrap,d=r.basis,m=r.grow,p=r.shrink,f=s(r,b),u={display:"flex",flexDirection:t,alignItems:n,justifyContent:c,flexWrap:l,flexBasis:d,flexGrow:m,flexShrink:p};return i.createElement(e.chakra.div,o({ref:a,__css:u},f))}));r.__DEV__&&(S.displayName="Flex");var C=["area","templateAreas","gap","rowGap","columnGap","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns"],R=["area","colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart"],D=e.forwardRef((function(r,a){var t=r.area,n=r.templateAreas,c=r.gap,l=r.rowGap,d=r.columnGap,m=r.column,p=r.row,f=r.autoFlow,u=r.autoRows,_=r.templateRows,g=r.autoColumns,h=r.templateColumns,v=s(r,C),y={display:"grid",gridArea:t,gridTemplateAreas:n,gridGap:c,gridRowGap:l,gridColumnGap:d,gridAutoColumns:g,gridColumn:m,gridRow:p,gridAutoFlow:f,gridAutoRows:u,gridTemplateRows:_,gridTemplateColumns:h};return i.createElement(e.chakra.div,o({ref:a,__css:y},v))}));function W(e){return r.mapResponsive(e,(function(e){return"auto"===e?"auto":"span "+e+"/span "+e}))}r.__DEV__&&(D.displayName="Grid");var V=e.forwardRef((function(a,t){var n=a.area,c=a.colSpan,l=a.colStart,d=a.colEnd,m=a.rowEnd,p=a.rowSpan,f=a.rowStart,u=s(a,R),_=r.filterUndefined({gridArea:n,gridColumn:W(c),gridRow:W(p),gridColumnStart:l,gridColumnEnd:d,gridRowStart:f,gridRowEnd:m});return i.createElement(e.chakra.div,o({ref:t,__css:_},u))})),T=["className"],j=e.forwardRef((function(a,t){var n=e.useStyleConfig("Heading",a),c=e.omitThemingProps(a);c.className;var l=s(c,T);return i.createElement(e.chakra.h2,o({ref:t,className:r.cx("chakra-heading",a.className)},l,{__css:n}))}));r.__DEV__&&(j.displayName="Heading");var L=["className"],B=e.forwardRef((function(a,t){var n=e.useStyleConfig("Kbd",a),c=e.omitThemingProps(a),l=c.className,d=s(c,L);return i.createElement(e.chakra.kbd,o({ref:t,className:r.cx("chakra-kbd",l)},d,{__css:o({fontFamily:"mono"},n)}))}));r.__DEV__&&(B.displayName="Kbd");var I=["className","isExternal"],G=e.forwardRef((function(a,t){var n=e.useStyleConfig("Link",a),c=e.omitThemingProps(a),l=c.className,d=c.isExternal,m=s(c,I);return i.createElement(e.chakra.a,o({target:d?"_blank":void 0,rel:d?"noopener":void 0,ref:t,className:r.cx("chakra-link",l)},m,{__css:n}))}));r.__DEV__&&(G.displayName="Link");var P=["children","styleType","stylePosition","spacing"],O=["as"],z=["as"],A=e.createContext({name:"StylesContext",errorMessage:"useStyles: `styles` is undefined. Seems you forgot to wrap the components in a `<*List />` "}),F=A[0],M=A[1],X=e.forwardRef((function(r,a){var t,n=e.useMultiStyleConfig("List",r),c=e.omitThemingProps(r),l=c.children,d=c.styleType,m=void 0===d?"none":d,p=c.stylePosition,f=c.spacing,u=s(c,P),_=e.getValidChildren(l),g=f?((t={})["& > *:not(style) ~ *:not(style)"]={mt:f},t):{};return i.createElement(F,{value:n},i.createElement(e.chakra.ul,o({ref:a,listStyleType:m,listStylePosition:p,role:"list",__css:o({},n.container,g)},u),_))}));r.__DEV__&&(X.displayName="List");var Y=e.forwardRef((function(e,r){e.as;var a=s(e,O);return i.createElement(X,o({ref:r,as:"ol",styleType:"decimal",marginStart:"1em"},a))}));r.__DEV__&&(Y.displayName="OrderedList");var q=e.forwardRef((function(e,r){e.as;var a=s(e,z);return i.createElement(X,o({ref:r,as:"ul",styleType:"initial",marginStart:"1em"},a))}));r.__DEV__&&(q.displayName="UnorderedList");var H=e.forwardRef((function(r,a){var t=M();return i.createElement(e.chakra.li,o({ref:a},r,{__css:t.item}))}));r.__DEV__&&(H.displayName="ListItem");var U=e.forwardRef((function(e,r){var a=M();return i.createElement(t.Icon,o({ref:r,role:"presentation"},e,{__css:a.icon}))}));r.__DEV__&&(U.displayName="ListIcon");var K=["columns","spacingX","spacingY","spacing","minChildWidth"],J=e.forwardRef((function(e,a){var t,n,c=e.columns,l=e.spacingX,d=e.spacingY,m=e.spacing,p=e.minChildWidth,f=s(e,K),u=p?(n=p,r.mapResponsive(n,(function(e){return r.isNull(e)?null:"repeat(auto-fit, minmax("+(a=e,(r.isNumber(a)?a+"px":a)+", 1fr))");var a}))):(t=c,r.mapResponsive(t,(function(e){return r.isNull(e)?null:"repeat("+e+", minmax(0, 1fr))"})));return i.createElement(D,o({ref:a,gap:m,columnGap:l,rowGap:d,templateColumns:u},f))}));r.__DEV__&&(J.displayName="SimpleGrid");var Q=e.chakra("div",{baseStyle:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});r.__DEV__&&(Q.displayName="Spacer");var Z="& > *:not(style) ~ *:not(style)";var $=["isInline","direction","align","justify","spacing","wrap","children","divider","className","shouldWrapChildren"],ee=function(r){return i.createElement(e.chakra.div,o({className:"chakra-stack__item"},r,{__css:o({display:"inline-block",flex:"0 0 auto",minWidth:0},r.__css)}))},re=e.forwardRef((function(a,t){var n,c=a.isInline,l=a.direction,d=a.align,m=a.justify,p=a.spacing,f=void 0===p?"0.5rem":p,u=a.wrap,_=a.children,g=a.divider,h=a.className,v=a.shouldWrapChildren,y=s(a,$),x=c?"row":null!=l?l:"column",w=i.useMemo((function(){return function(e){var a,t=e.spacing,n=e.direction,i={column:{marginTop:t,marginEnd:0,marginBottom:0,marginStart:0},row:{marginTop:0,marginEnd:0,marginBottom:0,marginStart:t},"column-reverse":{marginTop:0,marginEnd:0,marginBottom:t,marginStart:0},"row-reverse":{marginTop:0,marginEnd:t,marginBottom:0,marginStart:0}};return(a={flexDirection:n})[Z]=r.mapResponsive(n,(function(e){return i[e]})),a}({direction:x,spacing:f})}),[x,f]),k=i.useMemo((function(){return function(e){var a=e.spacing,t=e.direction,n={column:{my:a,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:a,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:a,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:a,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":r.mapResponsive(t,(function(e){return n[e]}))}}({spacing:f,direction:x})}),[f,x]),N=!!g,E=!v&&!N,b=e.getValidChildren(_),S=E?b:b.map((function(e,r){var a=void 0!==e.key?e.key:r,t=r+1===b.length,n=v?i.createElement(ee,{key:a},e):e;if(!N)return n;var o=t?null:i.cloneElement(g,{__css:k});return i.createElement(i.Fragment,{key:a},n,o)})),C=r.cx("chakra-stack",h);return i.createElement(e.chakra.div,o({ref:t,display:"flex",alignItems:d,justifyContent:m,flexDirection:w.flexDirection,flexWrap:u,className:C,__css:N?{}:(n={},n[Z]=w[Z],n)},y),S)}));r.__DEV__&&(re.displayName="Stack");var ae=e.forwardRef((function(e,r){return i.createElement(re,o({align:"center"},e,{direction:"row",ref:r}))}));r.__DEV__&&(ae.displayName="HStack");var te=e.forwardRef((function(e,r){return i.createElement(re,o({align:"center"},e,{direction:"column",ref:r}))}));r.__DEV__&&(te.displayName="VStack");var ne=["className","align","decoration","casing"],ie=e.forwardRef((function(a,t){var n=e.useStyleConfig("Text",a),c=e.omitThemingProps(a);c.className,c.align,c.decoration,c.casing;var l=s(c,ne),d=r.filterUndefined({textAlign:a.align,textDecoration:a.decoration,textTransform:a.casing});return i.createElement(e.chakra.p,o({ref:t,className:r.cx("chakra-text",a.className)},d,l,{__css:n}))}));r.__DEV__&&(ie.displayName="Text");var oe=["spacing","spacingX","spacingY","children","justify","direction","align","className","shouldWrapChildren"],se=["className"],ce=e.forwardRef((function(a,t){var n=a.spacing,c=void 0===n?"0.5rem":n,l=a.spacingX,d=a.spacingY,m=a.children,p=a.justify,f=a.direction,u=a.align,_=a.className,g=a.shouldWrapChildren,h=s(a,oe),v=i.useMemo((function(){var a={spacingX:l,spacingY:d},t=a.spacingX,n=void 0===t?c:t,i=a.spacingY,o=void 0===i?c:i;return{"--chakra-wrap-x-spacing":function(a){return r.mapResponsive(n,(function(r){return e.tokenToCSSVar("space",r)(a)}))},"--chakra-wrap-y-spacing":function(a){return r.mapResponsive(o,(function(r){return e.tokenToCSSVar("space",r)(a)}))},"--wrap-x-spacing":"calc(var(--chakra-wrap-x-spacing) / 2)","--wrap-y-spacing":"calc(var(--chakra-wrap-y-spacing) / 2)",display:"flex",flexWrap:"wrap",justifyContent:p,alignItems:u,flexDirection:f,listStyleType:"none",padding:"0",margin:"calc(var(--wrap-y-spacing) * -1) calc(var(--wrap-x-spacing) * -1)","& > *:not(style)":{margin:"var(--wrap-y-spacing) var(--wrap-x-spacing)"}}}),[c,l,d,p,u,f]),y=g?i.Children.map(m,(function(e,r){return i.createElement(le,{key:r},e)})):m;return i.createElement(e.chakra.div,o({ref:t,className:r.cx("chakra-wrap",_)},h),i.createElement(e.chakra.ul,{className:"chakra-wrap__list",__css:v},y))}));r.__DEV__&&(ce.displayName="Wrap");var le=e.forwardRef((function(a,t){var n=a.className,c=s(a,se);return i.createElement(e.chakra.li,o({ref:t,__css:{display:"flex",alignItems:"flex-start"},className:r.cx("chakra-wrap__listitem",n)},c))}));r.__DEV__&&(le.displayName="WrapItem");var de=["isExternal","target","rel","className"],me=["className"],pe=e.forwardRef((function(a,t){var n=a.isExternal,c=a.target,l=a.rel,d=a.className,m=s(a,de);return i.createElement(e.chakra.a,o({},m,{ref:t,className:r.cx("chakra-linkbox__overlay",d),rel:n?"noopener noreferrer":l,target:n?"_blank":c,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:1,width:"100%",height:"100%"}}}))})),fe=e.forwardRef((function(a,t){var n=a.className,c=s(a,me);return i.createElement(e.chakra.div,o({ref:t,position:"relative"},c,{className:r.cx("chakra-linkbox",n),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title], button":{position:"relative",zIndex:1}}}))}));exports.Box=u,exports.Center=h,exports.Container=w,exports.Divider=E,exports.Flex=S,exports.Grid=D,exports.GridItem=V,exports.HStack=ae,exports.Heading=j,exports.Link=G,exports.LinkBox=fe,exports.LinkOverlay=pe,exports.SimpleGrid=J,exports.Spacer=Q,exports.Stack=re,exports.Text=ie,exports.VStack=te,exports.Wrap=ce,exports.WrapItem=le;
+//# sourceMappingURL=chakra-ui-layout.esm-365b8ae3.js.map