@televet/kibble-ui 1.20.21-beta.cs44 → 1.20.21-beta.cs46

package/build/alert.component-3532a2ee.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-system.esm-98241028.js"),r=require("./chakra-ui-icon.esm-bcb23db7.js"),o=require("./chakra-ui-layout.esm-38427dad.js"),a=require("./button.component-a3e06b05.js"),l=require("./heading.component-da9d3cfb.js"),i=require("./icon.component-f71ebe2e.js"),s=require("./text.component-e9a89a0a.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=u(t),d=c(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}var p=function(e){return f.createElement(r.Icon,m({viewBox:"0 0 24 24"},e),f.createElement("path",{fill:"currentColor",d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"}))},h=["status"],g={info:{icon:function(e){return f.createElement(r.Icon,m({viewBox:"0 0 24 24"},e),f.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"}))},colorScheme:"blue"},warning:{icon:p,colorScheme:"orange"},success:{icon:function(e){return f.createElement(r.Icon,m({viewBox:"0 0 24 24"},e),f.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"}))},colorScheme:"green"},error:{icon:p,colorScheme:"red"}},v=n.createContext({name:"AlertContext",errorMessage:"useAlertContext: `context` is undefined. Seems you forgot to wrap alert components in `<Alert />`"})[0],E=n.forwardRef((function(e,t){var r,o=n.omitThemingProps(e),a=o.status,l=void 0===a?"info":a,i=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(o,h),s=null!=(r=e.colorScheme)?r:g[l].colorScheme,c=n.useMultiStyleConfig("Alert",m({},e,{colorScheme:s})),u=m({width:"100%",display:"flex",alignItems:"center",position:"relative",overflow:"hidden"},c.container);return f.createElement(v,{value:{status:l}},f.createElement(n.StylesProvider,{value:c},f.createElement(n.chakra.div,m({role:"alert",ref:t},i,{className:n.cx("chakra-alert",e.className),__css:u}))))})),_=function(t){t.buttonText;var n=t.buttonPosition,r=t.hasDescription,l=e.__rest(t,["buttonText","buttonPosition","hasDescription"]);return d.default.createElement(o.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||r?0:1,pb:"bottomLeft"===n?.5:0},d.default.createElement(a.Button,e.__assign({size:"xs",variant:"secondary"},l),t.buttonText))},b=function(e){var t=e.onClose;return d.default.createElement(o.Box,{className:"Alert__CloseButton"},d.default.createElement(a.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},x=function(t){var n=t.title,r=t.titleProps;return d.default.createElement(l.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"},w={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark"},C={info:"active",success:"success",error:"error",warning:"warning"},j={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircleOutlined"},y=function(t){var r=t.iconProps,a=t.status,l=n.useColorModeValue(C[a],"currentColor");return d.default.createElement(o.Box,{className:"Alert__Icon",maxH:"24px"},d.default.createElement(i.Icon,e.__assign({color:l,size:"lg"},r,{name:(null==r?void 0:r.name)||j[a]})))},B=function(t){var n=t.description,r=t.descriptionProps;return d.default.createElement(s.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n)},A=function(e){var t=e.children,n=e.hideIcon,r=e.hideCloseButton;return d.default.createElement(o.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:r?"":"34px"},t)},k=function(e){var t=e.children;return d.default.createElement(o.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var r=t.buttonProps,a=t.children,l=t.description,i=t.descriptionProps,s=t.iconProps,c=t.onClose,u=t.hideCloseButton,f=void 0!==u&&u,m=t.hideIcon,p=void 0!==m&&m,h=t.status,g=void 0===h?"success":h,v=t.title,C=t.titleProps,j=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps"]),S=n.useColorModeValue(P[g],w[g]);r&&!r.buttonPosition&&(r.buttonPosition="topRight");return d.default.createElement(E,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:S,overflow:"visible",px:3,py:2},j),v?d.default.createElement((function(){return d.default.createElement(d.default.Fragment,null,d.default.createElement(k,null,!p&&d.default.createElement(y,{status:g,iconProps:s}),d.default.createElement(x,{title:v,titleProps:C}),"topRight"===(null==r?void 0:r.buttonPosition)&&d.default.createElement(_,e.__assign({},r,{hasDescription:Boolean(l)})),!f&&d.default.createElement(b,{onClose:c})),d.default.createElement(A,{hideIcon:p,hideCloseButton:f},l&&d.default.createElement(B,{description:l,descriptionProps:i}),a,"bottomLeft"===(null==r?void 0:r.buttonPosition)&&d.default.createElement(_,e.__assign({},r,{hasDescription:Boolean(l)}))))}),null):d.default.createElement((function(){return d.default.createElement(o.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},d.default.createElement(k,null,!p&&d.default.createElement(y,{status:g,iconProps:s}),d.default.createElement(o.Box,{flexGrow:1},l&&d.default.createElement(B,{description:l,descriptionProps:i}),a),"topRight"===(null==r?void 0:r.buttonPosition)&&d.default.createElement(_,e.__assign({},r,{hasDescription:Boolean(l)})),!f&&d.default.createElement(b,{onClose:c})),"bottomLeft"===(null==r?void 0:r.buttonPosition)&&d.default.createElement(A,{hideIcon:p,hideCloseButton:f},d.default.createElement(_,e.__assign({},r,{hasDescription:Boolean(l)}))))}),null))};
+//# sourceMappingURL=alert.component-3532a2ee.js.map

package/build/alert.component-3532a2ee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component-3532a2ee.js","sources":["../node_modules/@chakra-ui/alert/dist/chakra-ui-alert.esm.js","../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 { forwardRef, omitThemingProps, useMultiStyleConfig, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { cx } from '@chakra-ui/utils';\nimport { createContext } from '@chakra-ui/react-utils';\nimport * as React from 'react';\nimport { Icon } from '@chakra-ui/icon';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar CheckIcon = function CheckIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z\"\n  }));\n};\nvar InfoIcon = function InfoIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z\"\n  }));\n};\nvar WarningIcon = function WarningIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\"\n  }));\n};\n\nvar _excluded = [\"status\"];\nvar STATUSES = {\n  info: {\n    icon: InfoIcon,\n    colorScheme: \"blue\"\n  },\n  warning: {\n    icon: WarningIcon,\n    colorScheme: \"orange\"\n  },\n  success: {\n    icon: CheckIcon,\n    colorScheme: \"green\"\n  },\n  error: {\n    icon: WarningIcon,\n    colorScheme: \"red\"\n  }\n};\n\nvar _createContext = createContext({\n  name: \"AlertContext\",\n  errorMessage: \"useAlertContext: `context` is undefined. Seems you forgot to wrap alert components in `<Alert />`\"\n}),\n    AlertProvider = _createContext[0],\n    useAlertContext = _createContext[1];\n\n/**\n * Alert is used to communicate the state or status of a\n * page, feature or action\n */\nvar Alert = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _props$colorScheme;\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$sta = _omitThemingProps.status,\n      status = _omitThemingProps$sta === void 0 ? \"info\" : _omitThemingProps$sta,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var colorScheme = (_props$colorScheme = props.colorScheme) != null ? _props$colorScheme : STATUSES[status].colorScheme;\n  var styles = useMultiStyleConfig(\"Alert\", _extends({}, props, {\n    colorScheme: colorScheme\n  }));\n\n  var alertStyles = _extends({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    overflow: \"hidden\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(AlertProvider, {\n    value: {\n      status: status\n    }\n  }, /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    role: \"alert\",\n    ref: ref\n  }, rest, {\n    className: cx(\"chakra-alert\", props.className),\n    __css: alertStyles\n  }))));\n});\nvar AlertTitle = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-alert__title\", props.className),\n    __css: styles.title\n  }));\n});\nvar AlertDescription = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n\n  var descriptionStyles = _extends({\n    display: \"inline\"\n  }, styles.description);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-alert__desc\", props.className),\n    __css: descriptionStyles\n  }));\n});\nvar AlertIcon = function AlertIcon(props) {\n  var _useAlertContext = useAlertContext(),\n      status = _useAlertContext.status;\n\n  var BaseIcon = STATUSES[status].icon;\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    display: \"inherit\"\n  }, props, {\n    className: cx(\"chakra-alert__icon\", props.className),\n    __css: styles.icon\n  }), /*#__PURE__*/React.createElement(BaseIcon, {\n    w: \"100%\",\n    h: \"100%\"\n  }));\n};\n\nexport { Alert, AlertDescription, AlertIcon, AlertTitle };\n","import { Button, ButtonProps } from 'components/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 { Box } from '@chakra-ui/layout';\nimport { Button } from 'components/Button/button.component';\nimport React from 'react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/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 'components/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 { Icon, IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\nimport { Box } from '@chakra-ui/layout';\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 'components/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 { VStack } from '@chakra-ui/layout';\nimport React, { ReactNode } from 'react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import { HStack } from '@chakra-ui/layout';\nimport React, { ReactNode } from 'react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from 'components/Icon/icon.component';\nimport { Status } from './alert.types';\nimport { Box, VStack } from '@chakra-ui/layout';\nimport { TextProps } from 'components/Text/text.component';\nimport { HeadingProps } from 'components/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":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WarningIcon","props","React","createElement","Icon","viewBox","fill","d","_excluded","STATUSES","info","icon","colorScheme","warning","success","error","AlertProvider","createContext","name","errorMessage","Alert","forwardRef","ref","_props$colorScheme","_omitThemingProps","omitThemingProps","_omitThemingProps$sta","status","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","styles","useMultiStyleConfig","alertStyles","width","display","alignItems","position","overflow","container","value","StylesProvider","chakra","div","role","className","cx","__css","AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","Box","pt","pb","Button","__assign","size","variant","AlertCloseButton","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","iconColor","useColorModeValue","maxH","color","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","px","py","Fragment","Boolean"],"mappings":"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"}

package/build/avatar.component-ee2a2daa.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("./chakra-ui-system.esm-98241028.js"),a=require("react"),t=require("./chakra-ui-hooks.esm-3a3136b3.js"),n=require("./chakra-ui-layout.esm-38427dad.js"),o=require("./icon.component-f71ebe2e.js"),i=require("./tooltip.component-12905924.js"),l=require("./useTheme-b0d097cf.js"),c=require("./avatar.config-a5946d4e.js"),s=require("./color.record-8ec2eb8a.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(a),f=u(a);function g(){return g=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},g.apply(this,arguments)}function v(e,r){if(null==e)return{};var a,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)a=o[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}function p(e){var r=e.loading,n=e.src,o=e.srcSet,i=e.onLoad,l=e.onError,c=e.crossOrigin,s=e.sizes,u=e.ignoreFallback,d=a.useState("pending"),m=d[0],f=d[1];a.useEffect((function(){f(n?"loading":"pending")}),[n]);var g=a.useRef(),v=a.useCallback((function(){if(n){p();var e=new Image;e.src=n,c&&(e.crossOrigin=c),o&&(e.srcset=o),s&&(e.sizes=s),r&&(e.loading=r),e.onload=function(e){p(),f("loaded"),null==i||i(e)},e.onerror=function(e){p(),f("failed"),null==l||l(e)},g.current=e}}),[n,c,o,s,i,l,r]),p=function(){g.current&&(g.current.onload=null,g.current.onerror=null,g.current=null)};return t.useSafeLayoutEffect((function(){if(!u)return"loading"===m&&v(),function(){p()}}),[m,v,u]),u?"loaded":m}var h=["htmlWidth","htmlHeight","alt"],b=["fallbackSrc","fallback","src","srcSet","align","fit","loading","ignoreFallback","crossOrigin"],x=m.forwardRef((function(e,r){var a=e.htmlWidth,t=e.htmlHeight,n=e.alt,o=v(e,h);return m.createElement("img",g({width:a,height:t,ref:r,alt:n},o))})),_=r.forwardRef((function(e,a){var t=e.fallbackSrc,n=e.fallback,o=e.src,i=e.srcSet,l=e.align,c=e.fit,s=e.loading,u=e.ignoreFallback,d=e.crossOrigin,f=v(e,b),h=null!=s||u||void 0===t&&void 0===n,_=p(g({},e,{ignoreFallback:h})),k=g({ref:a,objectFit:c,objectPosition:l},h?f:r.omit(f,["onError","onLoad"]));return"loaded"!==_?n||m.createElement(r.chakra.img,g({as:x,className:"chakra-image__placeholder",src:t},k)):m.createElement(r.chakra.img,g({as:x,src:o,srcSet:i,crossOrigin:d,loading:s,className:"chakra-image"},k))}));function k(e,r){if(null==e)return{};var a,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)a=o[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}function E(){return E=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},E.apply(this,arguments)}r.__DEV__&&(_.displayName="Image");var C=["name","getInitials"],y=["src","srcSet","name","showBorder","borderRadius","onError","getInitials","icon","iconLabel","loading","children","borderColor","ignoreFallback"],R=r.forwardRef((function(e,a){var t=E({position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",insetEnd:"0",bottom:"0"},r.useStyles().badge);return m.createElement(r.chakra.div,E({ref:a},e,{className:r.cx("chakra-avatar__badge",e.className),__css:t}))}));function j(e){var r=e.split(" "),a=r[0],t=r[1];return a&&t?""+a.charAt(0)+t.charAt(0):a.charAt(0)}r.__DEV__&&(R.displayName="AvatarBadge");var w=function(e){var a=e.name,t=e.getInitials,n=k(e,C),o=r.useStyles();return m.createElement(r.chakra.div,E({role:"img","aria-label":a},n,{__css:o.label}),a?null==t?void 0:t(a):null)},S=function(e){return m.createElement(r.chakra.svg,E({viewBox:"0 0 128 128",color:"#fff",width:"100%",height:"100%",className:"chakra-avatar__svg"},e),m.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"}),m.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"}))},A={display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0},I=r.forwardRef((function(e,a){var t=r.useMultiStyleConfig("Avatar",e),n=r.omitThemingProps(e),o=n.src,i=n.srcSet,l=n.name,c=n.showBorder,s=n.borderRadius,u=void 0===s?"full":s,d=n.onError,f=n.getInitials,g=void 0===f?j:f,v=n.icon,p=void 0===v?m.createElement(S,null):v,h=n.iconLabel,b=void 0===h?" avatar":h,x=n.loading,_=n.children,C=n.borderColor,R=n.ignoreFallback,w=k(n,y),I=E({borderRadius:u,borderWidth:c?"2px":void 0},A,t.container);return C&&(I.borderColor=C),m.createElement(r.chakra.span,E({ref:a},w,{className:r.cx("chakra-avatar",e.className),__css:I}),m.createElement(r.StylesProvider,{value:t},m.createElement(N,{src:o,srcSet:i,loading:x,onError:d,getInitials:g,name:l,borderRadius:u,icon:p,iconLabel:b,ignoreFallback:R}),_))}));r.__DEV__&&(I.displayName="Avatar");var N=function(e){var a=e.src,t=e.srcSet,n=e.onError,o=e.getInitials,i=e.name,l=e.borderRadius,c=e.loading,s=e.iconLabel,u=e.icon,d=void 0===u?m.createElement(S,null):u,f=p({src:a,onError:n,ignoreFallback:e.ignoreFallback});return!a||!("loaded"===f)?i?m.createElement(w,{className:"chakra-avatar__initials",getInitials:o,name:i}):m.cloneElement(d,{role:"img","aria-label":s}):m.createElement(r.chakra.img,{src:a,srcSet:t,alt:i,className:"chakra-avatar__img",loading:c,__css:{width:"100%",height:"100%",objectFit:"cover",borderRadius:l}})};r.__DEV__&&(N.displayName="AvatarImage");var O,B=["children","borderColor","max","spacing","borderRadius"],L=r.forwardRef((function(e,a){var t=r.useMultiStyleConfig("Avatar",e),n=r.omitThemingProps(e),o=n.children,i=n.borderColor,l=n.max,c=n.spacing,s=void 0===c?"-0.75rem":c,u=n.borderRadius,d=void 0===u?"full":u,f=k(n,B),g=r.getValidChildren(o),v=l?g.slice(0,l):g,p=null!=l&&g.length-l,h=v.reverse().map((function(a,t){var n,o={marginEnd:0===t?0:s,size:e.size,borderColor:null!=(n=a.props.borderColor)?n:i,showBorder:!0};return m.cloneElement(a,r.filterUndefined(o))})),b=E({borderRadius:d,marginStart:s},A,t.excessLabel);return m.createElement(r.chakra.div,E({ref:a,role:"group",__css:{display:"flex",alignItems:"center",justifyContent:"flex-end",flexDirection:"row-reverse"}},f,{className:r.cx("chakra-avatar__group",e.className)}),p>0&&m.createElement(r.chakra.span,{className:"chakra-avatar__excess",__css:b},"+"+p),h)}));r.__DEV__&&(L.displayName="AvatarGroup"),exports.AvatarVariant=void 0,(O=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",O.Red="red",O.Blue="blue",O.Comet="comet",O.Number="number",O.Dashed="dashed",O.Image="image",O.Icon="icon";var V,z=function(e,r,a){var t;switch(void 0===r&&(r=!0),void 0===a&&(a=1),e){case"xs":t=r?"sm":"xs";break;case"sm":t=r?"md":"xs";break;case"md":t=r?"lg":"sm";break;case"lg":t=r?"xl":"md";break;case"xl":t=r?"2xl":"lg";break;case"2xl":t=r?"2xl":"xl";break;default:t=e}return a>1&&(t=z(t,r,a-1)),t};!function(e){e.TopLeft="topLeft",e.TopRight="topRight",e.BottomLeft="bottomLeft",e.BottomRight="bottomRight"}(V||(V={}));var T=function(e){var r=e.avatarSize,t=e.badgeIconName,n=e.badgeBackgroundColor,i=e.badgeBorderColor,l=e.badgeIconColor,u=e.badgePosition,d=a.useMemo((function(){return"xs"===r||!t}),[t,r]);return f.default.createElement(R,{color:l||s.adaptiveColors.icon.light.active,borderColor:i||s.coreColors.white,borderWidth:"1px",bg:n||s.semanticColors.background.info,boxSize:d?"10px":"18px",transform:function(e){var a,t,n,o,i=null===(o=null===(n=null===(t=null===(a=c.AvatarConfig.sizes)||void 0===a?void 0:a[r])||void 0===t?void 0:t.container)||void 0===n?void 0:n.height)||void 0===o?void 0:o.toString(),l=Number(null==i?void 0:i.replace("px",""))/2;switch(e){case V.TopLeft:return d&&"xs"!==r?"translate(".concat(-1.35*l,"px, ").concat(-1.35*l,"px)"):"translate(".concat(-1.2*l,"px, ").concat(-1.2*l,"px)");case V.TopRight:return d&&"xs"!==r?"translate(".concat(l/10,"px, ").concat(-1.35*l,"px)"):"translate(".concat(l/5,"px, ").concat(-1.2*l,"px)");case V.BottomLeft:return d&&"xs"!==r?"translate(".concat(-1.35*l,"px, ").concat(l/10,"px)"):"translate(".concat(-1.2*l,"px, ").concat(l/5,"px)");default:return d&&"xs"!==r?"translate(".concat(l/10,"px, ").concat(l/10,"px)"):"translate(".concat(l/3,"px, ").concat(l/3,"px)")}}(u||V.BottomRight)},!d&&t&&f.default.createElement(o.Icon,{name:t,size:"xs"}))};exports.Avatar=function(r){var t,c=r.name,s=r.src,u=r.isClinic,d=void 0!==u&&u,m=r.size,g=void 0===m?"md":m,v=r.showTooltip,p=void 0===v||v,h=r.tooltipPlacement,b=void 0===h?"bottom":h,x=r.style,_=r.handleClick,k=r.showRemoveButton,E=r.handleRemoveButtonClick,C=r.variant,y=r.iconName,R=r.tooltipText,j=r.showBadge,w=r.badgeProps,S=e.__rest(r,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),A=l.useTheme(),N=e.__read(a.useState(!!s),2),O=N[0],B=N[1],L=e.__read(a.useState(!1),2),V=L[0],P=L[1],F=e.__read(a.useState(!1),2),q=F[0],M=F[1],D="xs"===g||C===exports.AvatarVariant.Dashed||C===exports.AvatarVariant.Number,W=d?"comet":(t=c.charCodeAt(0))>=65&&t<=71?exports.AvatarVariant.Blue:t>=72&&t<=77?exports.AvatarVariant.Red:t>=78&&t<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet;O&&(W=exports.AvatarVariant.Image),y&&(W=exports.AvatarVariant.Icon);var G=e.__assign({cursor:_?"pointer":"auto"},x),H=f.default.createElement(I,e.__assign({},S,{name:y?"":c,src:s,size:g,style:G,variant:C||W},y&&{icon:f.default.createElement(o.Icon,{name:y,size:z(g,!0,"sm"===g||"xs"===g?2:1)})},{icon:y&&f.default.createElement(o.Icon,{name:y,size:z(g,!0,"sm"===g||"xs"===g?2:1)}),onClick:_,onError:function(){return B(!1)},onMouseEnter:function(){return P(!0)},onMouseLeave:function(){return P(!1)}}),k&&V&&!D&&f.default.createElement(n.Box,{backgroundColor:A.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:E,onMouseEnter:function(){return M(!0)},onMouseLeave:function(){return M(!1)}},f.default.createElement(o.Icon,{name:"closeCircle",size:q?"sm":"xs",colorToken:"default"})),j&&f.default.createElement(T,e.__assign({avatarSize:g},w)));return p?f.default.createElement(i.Tooltip,{label:R||c,placement:b},H):H},exports.AvatarGroup=L;
+//# sourceMappingURL=avatar.component-ee2a2daa.js.map

package/build/avatar.component-ee2a2daa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-ee2a2daa.js","sources":["../node_modules/@chakra-ui/image/dist/chakra-ui-image.esm.js","../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js","../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":["import { forwardRef, chakra } from '@chakra-ui/system';\nimport { omit, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport { useSafeLayoutEffect } from '@chakra-ui/hooks';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\n/**\n * React hook that loads an image in the browser,\n * and lets us know the `status` so we can show image\n * fallback if it is still `pending`\n *\n * @returns the status of the image loading progress\n *\n * @example\n *\n * ```jsx\n * function App(){\n *   const status = useImage({ src: \"image.png\" })\n *   return status === \"loaded\" ? <img src=\"image.png\" /> : <Placeholder />\n * }\n * ```\n */\nfunction useImage(props) {\n  var loading = props.loading,\n      src = props.src,\n      srcSet = props.srcSet,\n      onLoad = props.onLoad,\n      onError = props.onError,\n      crossOrigin = props.crossOrigin,\n      sizes = props.sizes,\n      ignoreFallback = props.ignoreFallback;\n\n  var _useState = useState(\"pending\"),\n      status = _useState[0],\n      setStatus = _useState[1];\n\n  useEffect(function () {\n    setStatus(src ? \"loading\" : \"pending\");\n  }, [src]);\n  var imageRef = useRef();\n  var load = useCallback(function () {\n    if (!src) return;\n    flush();\n    var img = new Image();\n    img.src = src;\n    if (crossOrigin) img.crossOrigin = crossOrigin;\n    if (srcSet) img.srcset = srcSet;\n    if (sizes) img.sizes = sizes;\n    if (loading) img.loading = loading;\n\n    img.onload = function (event) {\n      flush();\n      setStatus(\"loaded\");\n      onLoad == null ? void 0 : onLoad(event);\n    };\n\n    img.onerror = function (error) {\n      flush();\n      setStatus(\"failed\");\n      onError == null ? void 0 : onError(error);\n    };\n\n    imageRef.current = img;\n  }, [src, crossOrigin, srcSet, sizes, onLoad, onError, loading]);\n\n  var flush = function flush() {\n    if (imageRef.current) {\n      imageRef.current.onload = null;\n      imageRef.current.onerror = null;\n      imageRef.current = null;\n    }\n  };\n\n  useSafeLayoutEffect(function () {\n    /**\n     * If user opts out of the fallback/placeholder\n     * logic, let's bail out.\n     */\n    if (ignoreFallback) return undefined;\n\n    if (status === \"loading\") {\n      load();\n    }\n\n    return function () {\n      flush();\n    };\n  }, [status, load, ignoreFallback]);\n  /**\n   * If user opts out of the fallback/placeholder\n   * logic, let's just return 'loaded'\n   */\n\n  return ignoreFallback ? \"loaded\" : status;\n}\n\nvar _excluded = [\"htmlWidth\", \"htmlHeight\", \"alt\"],\n    _excluded2 = [\"fallbackSrc\", \"fallback\", \"src\", \"srcSet\", \"align\", \"fit\", \"loading\", \"ignoreFallback\", \"crossOrigin\"];\nvar NativeImage = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var htmlWidth = props.htmlWidth,\n      htmlHeight = props.htmlHeight,\n      alt = props.alt,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"img\", _extends({\n    width: htmlWidth,\n    height: htmlHeight,\n    ref: ref,\n    alt: alt\n  }, rest));\n});\n\n/**\n * React component that renders an image with support\n * for fallbacks\n *\n * @see Docs https://chakra-ui.com/image\n */\nvar Image$1 = /*#__PURE__*/forwardRef(function (props, ref) {\n  var fallbackSrc = props.fallbackSrc,\n      fallback = props.fallback,\n      src = props.src,\n      srcSet = props.srcSet,\n      align = props.align,\n      fit = props.fit,\n      loading = props.loading,\n      ignoreFallback = props.ignoreFallback,\n      crossOrigin = props.crossOrigin,\n      rest = _objectWithoutPropertiesLoose(props, _excluded2);\n  /**\n   * Defer to native `img` tag if `loading` prop is passed\n   * @see https://github.com/chakra-ui/chakra-ui/issues/1027\n   */\n\n\n  var shouldIgnore = loading != null || ignoreFallback || fallbackSrc === undefined && fallback === undefined; // if the user doesn't provide any kind of fallback we should ignore it\n\n  var status = useImage(_extends({}, props, {\n    ignoreFallback: shouldIgnore\n  }));\n\n  var shared = _extends({\n    ref: ref,\n    objectFit: fit,\n    objectPosition: align\n  }, shouldIgnore ? rest : omit(rest, [\"onError\", \"onLoad\"]));\n\n  if (status !== \"loaded\") {\n    /**\n     * If user passed a custom fallback component,\n     * let's render it here.\n     */\n    if (fallback) return fallback;\n    return /*#__PURE__*/React.createElement(chakra.img, _extends({\n      as: NativeImage,\n      className: \"chakra-image__placeholder\",\n      src: fallbackSrc\n    }, shared));\n  }\n\n  return /*#__PURE__*/React.createElement(chakra.img, _extends({\n    as: NativeImage,\n    src: src,\n    srcSet: srcSet,\n    crossOrigin: crossOrigin,\n    loading: loading,\n    className: \"chakra-image\"\n  }, shared));\n});\n\n/**\n * Fallback component for most SSR users who want to use the native `img` with\n * support for chakra props\n */\nvar Img = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(chakra.img, _extends({\n    ref: ref,\n    as: NativeImage,\n    className: \"chakra-image\"\n  }, props));\n});\n\nif (__DEV__) {\n  Image$1.displayName = \"Image\";\n}\n\nexport { Image$1 as Image, Img, useImage };\n","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","export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';\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 'components/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 'components/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 'components/Icon/icon.component';\nimport { Tooltip } from 'components/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 'components/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      icon={\n        iconName && <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":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","useImage","props","loading","src","srcSet","onLoad","onError","crossOrigin","sizes","ignoreFallback","_useState","useState","status","setStatus","useEffect","imageRef","useRef","load","useCallback","flush","img","Image","srcset","onload","event","onerror","error","current","useSafeLayoutEffect","_excluded","_excluded2","NativeImage","React","forwardRef","ref","htmlWidth","htmlHeight","alt","rest","createElement","width","height","Image$1","fallbackSrc","fallback","align","fit","shouldIgnore","undefined","shared","objectFit","objectPosition","omit","chakra","as","className","__DEV__","displayName","_excluded$1","AvatarBadge","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","div","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","AvatarName","getInitials","styles","role","label","DefaultIcon","svg","viewBox","color","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","showBorder","_omitThemingProps$bor","borderRadius","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","children","borderColor","avatarStyles","borderWidth","container","span","StylesProvider","value","AvatarImage","_props$icon","cloneElement","AvatarVariant","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","AvatarBadgePosition","getNextIconSize","larger","count","nextSize","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","CAvatarBadge","adaptiveColors","light","active","coreColors","white","bg","semanticColors","background","info","boxSize","transform","parentSizeString","_d","_b","AvatarConfig","_c","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","charCode","isClinic","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","__rest","theme","useTheme","_f","__read","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","Dashed","_variant","charCodeAt","Blue","Red","Green","Comet","avatarDynamicStyles","__assign","cursor","avatarMarkup","CAvatar","onClick","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","top","right","colorToken","Tooltip","placement"],"mappings":"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"}

package/build/{avatarGroup.component-b98854de.js → avatarGroup.component-558c0cbe.js}

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

package/build/{avatarGroup.component-b98854de.js.map → avatarGroup.component-558c0cbe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-b98854de.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport { Icon } from 'components/Icon/icon.component';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/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-558c0cbe.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport { Icon } from 'components/Icon/icon.component';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/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"}

package/build/{button.component-0ead2cac.js → button.component-a3e06b05.js}

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

package/build/{button.component-0ead2cac.js.map → button.component-a3e06b05.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.component-0ead2cac.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAA,QAAAC,cAACY,EAAOpD,OAAAuB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}
+{"version":3,"file":"button.component-a3e06b05.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconsSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n}\n\nexport const Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n  const { components, fontWeights, radii } = useTheme();\n  const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n  const modeColor = props.darkMode ? dark : light;\n\n  const bg = useColorModeValue(modeColor.default, dark.default);\n  const color = useColorModeValue(modeColor.content, dark.content);\n  const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n  const p = { ...props, variant, bg, color, borderColor };\n\n  const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n  const hoverDark = p.isDisabled ? dark.default : dark.hover;\n  const hoverClass = {\n    bg: useColorModeValue(hoverLight, hoverDark),\n  };\n\n  const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n  const activeDark = p.isDisabled ? dark.default : dark.active;\n  const activeClass = {\n    bg: useColorModeValue(activeLight, activeDark),\n    transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n  };\n\n  const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n  if (iconName) {\n    const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n    if (!domProps.children) {\n      const label = camelCaseToLabel(iconName);\n      return (\n        <IconButton\n          ref={ref}\n          _hover={hoverClass}\n          _active={activeClass}\n          aria-label={label}\n          icon={ButtonIcon}\n          size={p.size || 'md'}\n          {...domProps}\n        />\n      );\n    } else {\n      const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n      domProps[position] = ButtonIcon;\n    }\n  }\n\n  return (\n    <CButton\n      fontWeight={fontWeights.semibold}\n      cursor=\"pointer\"\n      ref={ref}\n      _hover={hoverClass}\n      _active={activeClass}\n      size={p.size || 'md'}\n      iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n      borderRadius={radii.base}\n      {...domProps}\n    >\n      {domProps.children}\n    </CButton>\n  );\n});\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"6WAmBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAA,QAAAC,cAACY,EAAOpD,OAAAuB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}

package/build/chakra-ui-button.esm-36bd98f7.js

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

package/build/{chakra-ui-button.esm-6ba1e4a6.js.map → chakra-ui-button.esm-36bd98f7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chakra-ui-button.esm-6ba1e4a6.js","sources":["../node_modules/@chakra-ui/spinner/dist/chakra-ui-spinner.esm.js","../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js"],"sourcesContent":["import { keyframes, forwardRef, useStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"label\", \"thickness\", \"speed\", \"emptyColor\", \"className\"];\nvar spin = keyframes({\n  \"0%\": {\n    transform: \"rotate(0deg)\"\n  },\n  \"100%\": {\n    transform: \"rotate(360deg)\"\n  }\n});\n\n/**\n * Spinner is used to indicate the loading state of a page or a component,\n * It renders a `div` by default.\n *\n * @see Docs https://chakra-ui.com/spinner\n */\nvar Spinner = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyleConfig(\"Spinner\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$lab = _omitThemingProps.label,\n      label = _omitThemingProps$lab === void 0 ? \"Loading...\" : _omitThemingProps$lab,\n      _omitThemingProps$thi = _omitThemingProps.thickness,\n      thickness = _omitThemingProps$thi === void 0 ? \"2px\" : _omitThemingProps$thi,\n      _omitThemingProps$spe = _omitThemingProps.speed,\n      speed = _omitThemingProps$spe === void 0 ? \"0.45s\" : _omitThemingProps$spe,\n      _omitThemingProps$emp = _omitThemingProps.emptyColor,\n      emptyColor = _omitThemingProps$emp === void 0 ? \"transparent\" : _omitThemingProps$emp,\n      className = _omitThemingProps.className,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _className = cx(\"chakra-spinner\", className);\n\n  var spinnerStyles = _extends({\n    display: \"inline-block\",\n    borderColor: \"currentColor\",\n    borderStyle: \"solid\",\n    borderRadius: \"99999px\",\n    borderWidth: thickness,\n    borderBottomColor: emptyColor,\n    borderLeftColor: emptyColor,\n    animation: spin + \" \" + speed + \" linear infinite\"\n  }, styles);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    __css: spinnerStyles,\n    className: _className\n  }, rest), label && /*#__PURE__*/React.createElement(VisuallyHidden, null, label));\n});\n\nif (__DEV__) {\n  Spinner.displayName = \"Spinner\";\n}\n\nexport { Spinner };\n","import { useMergeRefs } from '@chakra-ui/hooks';\nimport { forwardRef, chakra, useStyleConfig, omitThemingProps } from '@chakra-ui/system';\nimport { cx, __DEV__, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { createContext } from '@chakra-ui/react-utils';\nimport { Spinner } from '@chakra-ui/spinner';\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$4 = [\"size\", \"colorScheme\", \"variant\", \"className\", \"spacing\", \"isAttached\", \"isDisabled\"];\n\nvar _createContext = createContext({\n  strict: false,\n  name: \"ButtonGroupContext\"\n}),\n    ButtonGroupProvider = _createContext[0],\n    useButtonGroup = _createContext[1];\nvar ButtonGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var size = props.size,\n      colorScheme = props.colorScheme,\n      variant = props.variant,\n      className = props.className,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? \"0.5rem\" : _props$spacing,\n      isAttached = props.isAttached,\n      isDisabled = props.isDisabled,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$4);\n\n  var _className = cx(\"chakra-button__group\", className);\n\n  var context = React.useMemo(function () {\n    return {\n      size: size,\n      colorScheme: colorScheme,\n      variant: variant,\n      isDisabled: isDisabled\n    };\n  }, [size, colorScheme, variant, isDisabled]);\n  var groupStyles = {\n    display: \"inline-flex\"\n  };\n\n  if (isAttached) {\n    groupStyles = _extends({}, groupStyles, {\n      \"> *:first-of-type:not(:last-of-type)\": {\n        borderEndRadius: 0\n      },\n      \"> *:not(:first-of-type):not(:last-of-type)\": {\n        borderRadius: 0\n      },\n      \"> *:not(:first-of-type):last-of-type\": {\n        borderStartRadius: 0\n      }\n    });\n  } else {\n    groupStyles = _extends({}, groupStyles, {\n      \"& > *:not(style) ~ *:not(style)\": {\n        marginStart: spacing\n      }\n    });\n  }\n\n  return /*#__PURE__*/React.createElement(ButtonGroupProvider, {\n    value: context\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles,\n    className: _className\n  }, rest)));\n});\n\nif (__DEV__) {\n  ButtonGroup.displayName = \"ButtonGroup\";\n}\n\nvar _excluded$3 = [\"label\", \"placement\", \"spacing\", \"children\", \"className\", \"__css\"];\nvar ButtonSpinner = function ButtonSpinner(props) {\n  var label = props.label,\n      placement = props.placement,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? \"0.5rem\" : _props$spacing,\n      _props$children = props.children,\n      children = _props$children === void 0 ? /*#__PURE__*/React.createElement(Spinner, {\n    color: \"currentColor\",\n    width: \"1em\",\n    height: \"1em\"\n  }) : _props$children,\n      className = props.className,\n      __css = props.__css,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$3);\n\n  var _className = cx(\"chakra-button__spinner\", className);\n\n  var marginProp = placement === \"start\" ? \"marginEnd\" : \"marginStart\";\n  var spinnerStyles = React.useMemo(function () {\n    var _extends2;\n\n    return _extends((_extends2 = {\n      display: \"flex\",\n      alignItems: \"center\",\n      position: label ? \"relative\" : \"absolute\"\n    }, _extends2[marginProp] = label ? spacing : 0, _extends2.fontSize = \"1em\", _extends2.lineHeight = \"normal\", _extends2), __css);\n  }, [__css, label, marginProp, spacing]);\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: _className\n  }, rest, {\n    __css: spinnerStyles\n  }), children);\n};\n\nif (__DEV__) {\n  ButtonSpinner.displayName = \"ButtonSpinner\";\n}\n\nvar _excluded$2 = [\"children\", \"className\"];\nvar ButtonIcon = function ButtonIcon(props) {\n  var children = props.children,\n      className = props.className,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$2);\n\n  var _children = /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {\n    \"aria-hidden\": true,\n    focusable: false\n  }) : children;\n\n  var _className = cx(\"chakra-button__icon\", className);\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    display: \"inline-flex\",\n    alignSelf: \"center\",\n    flexShrink: 0\n  }, rest, {\n    className: _className\n  }), _children);\n};\n\nif (__DEV__) {\n  ButtonIcon.displayName = \"ButtonIcon\";\n}\n\nfunction useButtonType(value) {\n  var _React$useState = React.useState(!value),\n      isButton = _React$useState[0],\n      setIsButton = _React$useState[1];\n\n  var refCallback = React.useCallback(function (node) {\n    if (!node) return;\n    setIsButton(node.tagName === \"BUTTON\");\n  }, []);\n  var type = isButton ? \"button\" : undefined;\n  return {\n    ref: refCallback,\n    type: type\n  };\n}\n\nvar _excluded$1 = [\"isDisabled\", \"isLoading\", \"isActive\", \"isFullWidth\", \"children\", \"leftIcon\", \"rightIcon\", \"loadingText\", \"iconSpacing\", \"type\", \"spinner\", \"spinnerPlacement\", \"className\", \"as\"];\nvar Button = /*#__PURE__*/forwardRef(function (props, ref) {\n  var group = useButtonGroup();\n  var styles = useStyleConfig(\"Button\", _extends({}, group, props));\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$isD = _omitThemingProps.isDisabled,\n      isDisabled = _omitThemingProps$isD === void 0 ? group == null ? void 0 : group.isDisabled : _omitThemingProps$isD,\n      isLoading = _omitThemingProps.isLoading,\n      isActive = _omitThemingProps.isActive,\n      isFullWidth = _omitThemingProps.isFullWidth,\n      children = _omitThemingProps.children,\n      leftIcon = _omitThemingProps.leftIcon,\n      rightIcon = _omitThemingProps.rightIcon,\n      loadingText = _omitThemingProps.loadingText,\n      _omitThemingProps$ico = _omitThemingProps.iconSpacing,\n      iconSpacing = _omitThemingProps$ico === void 0 ? \"0.5rem\" : _omitThemingProps$ico,\n      type = _omitThemingProps.type,\n      spinner = _omitThemingProps.spinner,\n      _omitThemingProps$spi = _omitThemingProps.spinnerPlacement,\n      spinnerPlacement = _omitThemingProps$spi === void 0 ? \"start\" : _omitThemingProps$spi,\n      className = _omitThemingProps.className,\n      as = _omitThemingProps.as,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded$1);\n  /**\n   * When button is used within ButtonGroup (i.e. flushed with sibling buttons),\n   * it is important to add a `zIndex` on focus.\n   *\n   * So let's read the component styles and then add `zIndex` to it.\n   */\n\n\n  var buttonStyles = React.useMemo(function () {\n    var _styles$_focus;\n\n    var _focus = mergeWith({}, (_styles$_focus = styles == null ? void 0 : styles[\"_focus\"]) != null ? _styles$_focus : {}, {\n      zIndex: 1\n    });\n\n    return _extends({\n      display: \"inline-flex\",\n      appearance: \"none\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      userSelect: \"none\",\n      position: \"relative\",\n      whiteSpace: \"nowrap\",\n      verticalAlign: \"middle\",\n      outline: \"none\",\n      width: isFullWidth ? \"100%\" : \"auto\"\n    }, styles, !!group && {\n      _focus: _focus\n    });\n  }, [styles, group, isFullWidth]);\n\n  var _useButtonType = useButtonType(as),\n      _ref = _useButtonType.ref,\n      defaultType = _useButtonType.type;\n\n  var contentProps = {\n    rightIcon: rightIcon,\n    leftIcon: leftIcon,\n    iconSpacing: iconSpacing,\n    children: children\n  };\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    disabled: isDisabled || isLoading,\n    ref: useMergeRefs(ref, _ref),\n    as: as,\n    type: type != null ? type : defaultType,\n    \"data-active\": dataAttr(isActive),\n    \"data-loading\": dataAttr(isLoading),\n    __css: buttonStyles,\n    className: cx(\"chakra-button\", className)\n  }, rest), isLoading && spinnerPlacement === \"start\" && /*#__PURE__*/React.createElement(ButtonSpinner, {\n    className: \"chakra-button__spinner--start\",\n    label: loadingText,\n    placement: \"start\",\n    spacing: iconSpacing\n  }, spinner), isLoading ? loadingText || /*#__PURE__*/React.createElement(chakra.span, {\n    opacity: 0\n  }, /*#__PURE__*/React.createElement(ButtonContent, contentProps)) : /*#__PURE__*/React.createElement(ButtonContent, contentProps), isLoading && spinnerPlacement === \"end\" && /*#__PURE__*/React.createElement(ButtonSpinner, {\n    className: \"chakra-button__spinner--end\",\n    label: loadingText,\n    placement: \"end\",\n    spacing: iconSpacing\n  }, spinner));\n});\n\nif (__DEV__) {\n  Button.displayName = \"Button\";\n}\n\nfunction ButtonContent(props) {\n  var leftIcon = props.leftIcon,\n      rightIcon = props.rightIcon,\n      children = props.children,\n      iconSpacing = props.iconSpacing;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(ButtonIcon, {\n    marginEnd: iconSpacing\n  }, leftIcon), children, rightIcon && /*#__PURE__*/React.createElement(ButtonIcon, {\n    marginStart: iconSpacing\n  }, rightIcon));\n}\n\nvar _excluded = [\"icon\", \"children\", \"isRound\", \"aria-label\"];\nvar IconButton = /*#__PURE__*/forwardRef(function (props, ref) {\n  var icon = props.icon,\n      children = props.children,\n      isRound = props.isRound,\n      ariaLabel = props[\"aria-label\"],\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n  /**\n   * Passing the icon as prop or children should work\n   */\n\n\n  var element = icon || children;\n\n  var _children = /*#__PURE__*/React.isValidElement(element) ? /*#__PURE__*/React.cloneElement(element, {\n    \"aria-hidden\": true,\n    focusable: false\n  }) : null;\n\n  return /*#__PURE__*/React.createElement(Button, _extends({\n    padding: \"0\",\n    borderRadius: isRound ? \"full\" : undefined,\n    ref: ref,\n    \"aria-label\": ariaLabel\n  }, rest), _children);\n});\n\nif (__DEV__) {\n  IconButton.displayName = \"IconButton\";\n}\n\nexport { Button, ButtonGroup, ButtonSpinner, IconButton, useButtonGroup };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","spin","keyframes","transform","Spinner","forwardRef","props","ref","styles","useStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$lab","label","_omitThemingProps$thi","thickness","_omitThemingProps$spe","speed","_omitThemingProps$emp","emptyColor","className","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_className","cx","spinnerStyles","display","borderColor","borderStyle","borderRadius","borderWidth","borderBottomColor","borderLeftColor","animation","React","createElement","chakra","div","__css","VisuallyHidden","__DEV__","displayName","_excluded$4","_createContext","createContext","strict","name","ButtonGroupProvider","useButtonGroup","ButtonGroup","size","colorScheme","variant","_props$spacing","spacing","isAttached","isDisabled","context","useMemo","groupStyles","borderEndRadius","borderStartRadius","marginStart","value","role","_excluded$3","ButtonSpinner","placement","_props$children","children","color","width","height","marginProp","_extends2","alignItems","position","fontSize","lineHeight","_excluded$2","ButtonIcon","_children","isValidElement","cloneElement","focusable","span","alignSelf","flexShrink","_excluded$1","Button","_React$useState","isButton","setIsButton","group","_omitThemingProps$isD","isLoading","isActive","isFullWidth","leftIcon","rightIcon","loadingText","_omitThemingProps$ico","iconSpacing","type","spinner","_omitThemingProps$spi","spinnerPlacement","as","buttonStyles","_styles$_focus","_focus","mergeWith","zIndex","appearance","justifyContent","userSelect","whiteSpace","verticalAlign","outline","_useButtonType","useState","useCallback","node","tagName","undefined","_ref","defaultType","contentProps","button","disabled","useMergeRefs","dataAttr","opacity","ButtonContent","Fragment","marginEnd","IconButton","icon","isRound","ariaLabel","element","padding"],"mappings":"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"}
+{"version":3,"file":"chakra-ui-button.esm-36bd98f7.js","sources":["../node_modules/@chakra-ui/spinner/dist/chakra-ui-spinner.esm.js","../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js"],"sourcesContent":["import { keyframes, forwardRef, useStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"label\", \"thickness\", \"speed\", \"emptyColor\", \"className\"];\nvar spin = keyframes({\n  \"0%\": {\n    transform: \"rotate(0deg)\"\n  },\n  \"100%\": {\n    transform: \"rotate(360deg)\"\n  }\n});\n\n/**\n * Spinner is used to indicate the loading state of a page or a component,\n * It renders a `div` by default.\n *\n * @see Docs https://chakra-ui.com/spinner\n */\nvar Spinner = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyleConfig(\"Spinner\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$lab = _omitThemingProps.label,\n      label = _omitThemingProps$lab === void 0 ? \"Loading...\" : _omitThemingProps$lab,\n      _omitThemingProps$thi = _omitThemingProps.thickness,\n      thickness = _omitThemingProps$thi === void 0 ? \"2px\" : _omitThemingProps$thi,\n      _omitThemingProps$spe = _omitThemingProps.speed,\n      speed = _omitThemingProps$spe === void 0 ? \"0.45s\" : _omitThemingProps$spe,\n      _omitThemingProps$emp = _omitThemingProps.emptyColor,\n      emptyColor = _omitThemingProps$emp === void 0 ? \"transparent\" : _omitThemingProps$emp,\n      className = _omitThemingProps.className,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _className = cx(\"chakra-spinner\", className);\n\n  var spinnerStyles = _extends({\n    display: \"inline-block\",\n    borderColor: \"currentColor\",\n    borderStyle: \"solid\",\n    borderRadius: \"99999px\",\n    borderWidth: thickness,\n    borderBottomColor: emptyColor,\n    borderLeftColor: emptyColor,\n    animation: spin + \" \" + speed + \" linear infinite\"\n  }, styles);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    __css: spinnerStyles,\n    className: _className\n  }, rest), label && /*#__PURE__*/React.createElement(VisuallyHidden, null, label));\n});\n\nif (__DEV__) {\n  Spinner.displayName = \"Spinner\";\n}\n\nexport { Spinner };\n","import { useMergeRefs } from '@chakra-ui/hooks';\nimport { forwardRef, chakra, useStyleConfig, omitThemingProps } from '@chakra-ui/system';\nimport { cx, __DEV__, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { createContext } from '@chakra-ui/react-utils';\nimport { Spinner } from '@chakra-ui/spinner';\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$4 = [\"size\", \"colorScheme\", \"variant\", \"className\", \"spacing\", \"isAttached\", \"isDisabled\"];\n\nvar _createContext = createContext({\n  strict: false,\n  name: \"ButtonGroupContext\"\n}),\n    ButtonGroupProvider = _createContext[0],\n    useButtonGroup = _createContext[1];\nvar ButtonGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n  var size = props.size,\n      colorScheme = props.colorScheme,\n      variant = props.variant,\n      className = props.className,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? \"0.5rem\" : _props$spacing,\n      isAttached = props.isAttached,\n      isDisabled = props.isDisabled,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$4);\n\n  var _className = cx(\"chakra-button__group\", className);\n\n  var context = React.useMemo(function () {\n    return {\n      size: size,\n      colorScheme: colorScheme,\n      variant: variant,\n      isDisabled: isDisabled\n    };\n  }, [size, colorScheme, variant, isDisabled]);\n  var groupStyles = {\n    display: \"inline-flex\"\n  };\n\n  if (isAttached) {\n    groupStyles = _extends({}, groupStyles, {\n      \"> *:first-of-type:not(:last-of-type)\": {\n        borderEndRadius: 0\n      },\n      \"> *:not(:first-of-type):not(:last-of-type)\": {\n        borderRadius: 0\n      },\n      \"> *:not(:first-of-type):last-of-type\": {\n        borderStartRadius: 0\n      }\n    });\n  } else {\n    groupStyles = _extends({}, groupStyles, {\n      \"& > *:not(style) ~ *:not(style)\": {\n        marginStart: spacing\n      }\n    });\n  }\n\n  return /*#__PURE__*/React.createElement(ButtonGroupProvider, {\n    value: context\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref,\n    role: \"group\",\n    __css: groupStyles,\n    className: _className\n  }, rest)));\n});\n\nif (__DEV__) {\n  ButtonGroup.displayName = \"ButtonGroup\";\n}\n\nvar _excluded$3 = [\"label\", \"placement\", \"spacing\", \"children\", \"className\", \"__css\"];\nvar ButtonSpinner = function ButtonSpinner(props) {\n  var label = props.label,\n      placement = props.placement,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? \"0.5rem\" : _props$spacing,\n      _props$children = props.children,\n      children = _props$children === void 0 ? /*#__PURE__*/React.createElement(Spinner, {\n    color: \"currentColor\",\n    width: \"1em\",\n    height: \"1em\"\n  }) : _props$children,\n      className = props.className,\n      __css = props.__css,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$3);\n\n  var _className = cx(\"chakra-button__spinner\", className);\n\n  var marginProp = placement === \"start\" ? \"marginEnd\" : \"marginStart\";\n  var spinnerStyles = React.useMemo(function () {\n    var _extends2;\n\n    return _extends((_extends2 = {\n      display: \"flex\",\n      alignItems: \"center\",\n      position: label ? \"relative\" : \"absolute\"\n    }, _extends2[marginProp] = label ? spacing : 0, _extends2.fontSize = \"1em\", _extends2.lineHeight = \"normal\", _extends2), __css);\n  }, [__css, label, marginProp, spacing]);\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: _className\n  }, rest, {\n    __css: spinnerStyles\n  }), children);\n};\n\nif (__DEV__) {\n  ButtonSpinner.displayName = \"ButtonSpinner\";\n}\n\nvar _excluded$2 = [\"children\", \"className\"];\nvar ButtonIcon = function ButtonIcon(props) {\n  var children = props.children,\n      className = props.className,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$2);\n\n  var _children = /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {\n    \"aria-hidden\": true,\n    focusable: false\n  }) : children;\n\n  var _className = cx(\"chakra-button__icon\", className);\n\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    display: \"inline-flex\",\n    alignSelf: \"center\",\n    flexShrink: 0\n  }, rest, {\n    className: _className\n  }), _children);\n};\n\nif (__DEV__) {\n  ButtonIcon.displayName = \"ButtonIcon\";\n}\n\nfunction useButtonType(value) {\n  var _React$useState = React.useState(!value),\n      isButton = _React$useState[0],\n      setIsButton = _React$useState[1];\n\n  var refCallback = React.useCallback(function (node) {\n    if (!node) return;\n    setIsButton(node.tagName === \"BUTTON\");\n  }, []);\n  var type = isButton ? \"button\" : undefined;\n  return {\n    ref: refCallback,\n    type: type\n  };\n}\n\nvar _excluded$1 = [\"isDisabled\", \"isLoading\", \"isActive\", \"isFullWidth\", \"children\", \"leftIcon\", \"rightIcon\", \"loadingText\", \"iconSpacing\", \"type\", \"spinner\", \"spinnerPlacement\", \"className\", \"as\"];\nvar Button = /*#__PURE__*/forwardRef(function (props, ref) {\n  var group = useButtonGroup();\n  var styles = useStyleConfig(\"Button\", _extends({}, group, props));\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$isD = _omitThemingProps.isDisabled,\n      isDisabled = _omitThemingProps$isD === void 0 ? group == null ? void 0 : group.isDisabled : _omitThemingProps$isD,\n      isLoading = _omitThemingProps.isLoading,\n      isActive = _omitThemingProps.isActive,\n      isFullWidth = _omitThemingProps.isFullWidth,\n      children = _omitThemingProps.children,\n      leftIcon = _omitThemingProps.leftIcon,\n      rightIcon = _omitThemingProps.rightIcon,\n      loadingText = _omitThemingProps.loadingText,\n      _omitThemingProps$ico = _omitThemingProps.iconSpacing,\n      iconSpacing = _omitThemingProps$ico === void 0 ? \"0.5rem\" : _omitThemingProps$ico,\n      type = _omitThemingProps.type,\n      spinner = _omitThemingProps.spinner,\n      _omitThemingProps$spi = _omitThemingProps.spinnerPlacement,\n      spinnerPlacement = _omitThemingProps$spi === void 0 ? \"start\" : _omitThemingProps$spi,\n      className = _omitThemingProps.className,\n      as = _omitThemingProps.as,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded$1);\n  /**\n   * When button is used within ButtonGroup (i.e. flushed with sibling buttons),\n   * it is important to add a `zIndex` on focus.\n   *\n   * So let's read the component styles and then add `zIndex` to it.\n   */\n\n\n  var buttonStyles = React.useMemo(function () {\n    var _styles$_focus;\n\n    var _focus = mergeWith({}, (_styles$_focus = styles == null ? void 0 : styles[\"_focus\"]) != null ? _styles$_focus : {}, {\n      zIndex: 1\n    });\n\n    return _extends({\n      display: \"inline-flex\",\n      appearance: \"none\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      userSelect: \"none\",\n      position: \"relative\",\n      whiteSpace: \"nowrap\",\n      verticalAlign: \"middle\",\n      outline: \"none\",\n      width: isFullWidth ? \"100%\" : \"auto\"\n    }, styles, !!group && {\n      _focus: _focus\n    });\n  }, [styles, group, isFullWidth]);\n\n  var _useButtonType = useButtonType(as),\n      _ref = _useButtonType.ref,\n      defaultType = _useButtonType.type;\n\n  var contentProps = {\n    rightIcon: rightIcon,\n    leftIcon: leftIcon,\n    iconSpacing: iconSpacing,\n    children: children\n  };\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    disabled: isDisabled || isLoading,\n    ref: useMergeRefs(ref, _ref),\n    as: as,\n    type: type != null ? type : defaultType,\n    \"data-active\": dataAttr(isActive),\n    \"data-loading\": dataAttr(isLoading),\n    __css: buttonStyles,\n    className: cx(\"chakra-button\", className)\n  }, rest), isLoading && spinnerPlacement === \"start\" && /*#__PURE__*/React.createElement(ButtonSpinner, {\n    className: \"chakra-button__spinner--start\",\n    label: loadingText,\n    placement: \"start\",\n    spacing: iconSpacing\n  }, spinner), isLoading ? loadingText || /*#__PURE__*/React.createElement(chakra.span, {\n    opacity: 0\n  }, /*#__PURE__*/React.createElement(ButtonContent, contentProps)) : /*#__PURE__*/React.createElement(ButtonContent, contentProps), isLoading && spinnerPlacement === \"end\" && /*#__PURE__*/React.createElement(ButtonSpinner, {\n    className: \"chakra-button__spinner--end\",\n    label: loadingText,\n    placement: \"end\",\n    spacing: iconSpacing\n  }, spinner));\n});\n\nif (__DEV__) {\n  Button.displayName = \"Button\";\n}\n\nfunction ButtonContent(props) {\n  var leftIcon = props.leftIcon,\n      rightIcon = props.rightIcon,\n      children = props.children,\n      iconSpacing = props.iconSpacing;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(ButtonIcon, {\n    marginEnd: iconSpacing\n  }, leftIcon), children, rightIcon && /*#__PURE__*/React.createElement(ButtonIcon, {\n    marginStart: iconSpacing\n  }, rightIcon));\n}\n\nvar _excluded = [\"icon\", \"children\", \"isRound\", \"aria-label\"];\nvar IconButton = /*#__PURE__*/forwardRef(function (props, ref) {\n  var icon = props.icon,\n      children = props.children,\n      isRound = props.isRound,\n      ariaLabel = props[\"aria-label\"],\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n  /**\n   * Passing the icon as prop or children should work\n   */\n\n\n  var element = icon || children;\n\n  var _children = /*#__PURE__*/React.isValidElement(element) ? /*#__PURE__*/React.cloneElement(element, {\n    \"aria-hidden\": true,\n    focusable: false\n  }) : null;\n\n  return /*#__PURE__*/React.createElement(Button, _extends({\n    padding: \"0\",\n    borderRadius: isRound ? \"full\" : undefined,\n    ref: ref,\n    \"aria-label\": ariaLabel\n  }, rest), _children);\n});\n\nif (__DEV__) {\n  IconButton.displayName = \"IconButton\";\n}\n\nexport { Button, ButtonGroup, ButtonSpinner, IconButton, useButtonGroup };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","spin","keyframes","transform","Spinner","forwardRef","props","ref","styles","useStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$lab","label","_omitThemingProps$thi","thickness","_omitThemingProps$spe","speed","_omitThemingProps$emp","emptyColor","className","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_className","cx","spinnerStyles","display","borderColor","borderStyle","borderRadius","borderWidth","borderBottomColor","borderLeftColor","animation","React","createElement","chakra","div","__css","VisuallyHidden","__DEV__","displayName","_excluded$4","_createContext","createContext","strict","name","ButtonGroupProvider","useButtonGroup","ButtonGroup","size","colorScheme","variant","_props$spacing","spacing","isAttached","isDisabled","context","useMemo","groupStyles","borderEndRadius","borderStartRadius","marginStart","value","role","_excluded$3","ButtonSpinner","placement","_props$children","children","color","width","height","marginProp","_extends2","alignItems","position","fontSize","lineHeight","_excluded$2","ButtonIcon","_children","isValidElement","cloneElement","focusable","span","alignSelf","flexShrink","_excluded$1","Button","_React$useState","isButton","setIsButton","group","_omitThemingProps$isD","isLoading","isActive","isFullWidth","leftIcon","rightIcon","loadingText","_omitThemingProps$ico","iconSpacing","type","spinner","_omitThemingProps$spi","spinnerPlacement","as","buttonStyles","_styles$_focus","_focus","mergeWith","zIndex","appearance","justifyContent","userSelect","whiteSpace","verticalAlign","outline","_useButtonType","useState","useCallback","node","tagName","undefined","_ref","defaultType","contentProps","button","disabled","useMergeRefs","dataAttr","opacity","ButtonContent","Fragment","marginEnd","IconButton","icon","isRound","ariaLabel","element","padding"],"mappings":"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"}

package/build/chakra-ui-checkbox.esm-fb1f85bc.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-system.esm-98241028.js"),a=require("react"),t=require("./chakra-ui-hooks.esm-3a3136b3.js"),n=require("./chakra-ui-form-control.esm-a381f700.js"),r=require("./chakra-ui-visually-hidden.esm-a6b5f9c3.js"),i=require("./motion-1db106fa.js"),l=require("./index-5c563615.js");function o(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var c=o(a);function s(){return s=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}var u=e.createContext({name:"CheckboxGroupContext",strict:!1}),d=u[0],f=u[1],h=function(n){var r=n.colorScheme,i=n.size,l=n.variant,o=n.children,u=n.isDisabled,f=function(n){void 0===n&&(n={});var r=n,i=r.defaultValue,l=r.value,o=r.onChange,c=r.isDisabled,u=r.isNative,d=t.useCallbackRef(o),f=t.useControllableState({value:l,defaultValue:i||[],onChange:d}),h=f[0],v=f[1],k=a.useCallback((function(a){if(h){var t=e.isInputEvent(a)?a.target.checked:!h.includes(a),n=e.isInputEvent(a)?a.target.value:a,r=t?e.addItem(h,n):h.filter((function(e){return String(e)!==String(n)}));v(r)}}),[v,h]),b=a.useCallback((function(e){var a;return void 0===e&&(e={}),s({},e,((a={})[u?"checked":"isChecked"]=h.some((function(a){return String(e.value)===String(a)})),a.onChange=k,a))}),[k,u,h]);return{value:h,isDisabled:c,onChange:k,setValue:v,getCheckboxProps:b}}(n),h=f.value,v=f.onChange,k=c.useMemo((function(){return{size:i,onChange:v,colorScheme:r,value:h,variant:l,isDisabled:u}}),[i,v,r,h,l,u]);return c.createElement(d,{value:k},o)};function v(e,a){if(null==e)return{};var t,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}e.__DEV__&&(h.displayName="CheckboxGroup");var k=["isIndeterminate","isChecked"];var b,m,p=(b=e.chakra.svg,"custom"in(m=i.motion)&&"function"==typeof m.custom?m.custom(b):m(b)),C=function(e){return c.createElement(p,s({width:"1.2em",viewBox:"0 0 12 10",variants:{unchecked:{opacity:0,strokeDashoffset:16},checked:{opacity:1,strokeDashoffset:0,transition:{duration:.2}}},style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16}},e),c.createElement("polyline",{points:"1.5 6 4.5 9 10.5 1"}))},y=function(e){return c.createElement(p,s({width:"1.2em",viewBox:"0 0 24 24",variants:{unchecked:{scaleX:.65,opacity:0},checked:{scaleX:1,opacity:1,transition:{scaleX:{duration:0},opacity:{duration:.02}}}},style:{stroke:"currentColor",strokeWidth:4}},e),c.createElement("line",{x1:"21",x2:"3",y1:"12",y2:"12"}))},g=function(e){var a=e.open,t=e.children;return c.createElement(l.AnimatePresence,{initial:!1},a&&c.createElement(i.motion.div,{variants:{unchecked:{scale:.5},checked:{scale:1}},initial:"unchecked",animate:"checked",exit:"unchecked",style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},t))},x=function(e){var a=e.isIndeterminate,t=e.isChecked,n=v(e,k),r=a?y:C;return c.createElement(g,{open:t||a},c.createElement(r,n))},A=["defaultIsChecked","defaultChecked","isChecked","isFocusable","onChange","isIndeterminate","name","value","tabIndex","aria-label","aria-labelledby","aria-invalid"];function I(i){void 0===i&&(i={});var l=n.useFormControlProps(i),o=l.isDisabled,c=l.isReadOnly,u=l.isRequired,d=l.isInvalid,f=l.id,h=l.onBlur,k=l.onFocus,b=l["aria-describedby"],m=i,p=m.defaultIsChecked,C=m.defaultChecked,y=void 0===C?p:C,g=m.isChecked,x=m.isFocusable,I=m.onChange,E=m.isIndeterminate,_=m.name,S=m.value,P=m.tabIndex,R=void 0===P?void 0:P,j=m["aria-label"],w=m["aria-labelledby"],O=m["aria-invalid"],H=v(m,A),M=e.omit(H,["isDisabled","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","aria-describedby"]),B=t.useCallbackRef(I),q=t.useCallbackRef(h),N=t.useCallbackRef(k),F=t.useBoolean(),L=F[0],z=F[1],T=t.useBoolean(),U=T[0],V=T[1],K=t.useBoolean(),G=K[0],X=K[1],W=a.useRef(null),J=a.useState(!0),Q=J[0],Y=J[1],Z=a.useState(!!y),$=Z[0],ee=Z[1],ae=t.useControllableProp(g,$),te=ae[0],ne=ae[1];e.warn({condition:!!p,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var re=a.useCallback((function(e){c||o?e.preventDefault():(te||ee(ne?e.target.checked:!!E||e.target.checked),null==B||B(e))}),[c,o,ne,te,E,B]);t.useSafeLayoutEffect((function(){W.current&&(W.current.indeterminate=Boolean(E))}),[E]),t.useUpdateEffect((function(){o&&z.off()}),[o,z]);var ie=o&&!x,le=a.useCallback((function(e){" "===e.key&&X.on()}),[X]),oe=a.useCallback((function(e){" "===e.key&&X.off()}),[X]);t.useSafeLayoutEffect((function(){W.current&&(W.current.checked!==ne&&ee(W.current.checked))}),[W.current]);var ce=a.useCallback((function(a,t){void 0===a&&(a={}),void 0===t&&(t=null);return s({},a,{ref:t,"data-active":e.dataAttr(G),"data-hover":e.dataAttr(U),"data-checked":e.dataAttr(ne),"data-focus":e.dataAttr(L),"data-indeterminate":e.dataAttr(E),"data-disabled":e.dataAttr(o),"data-invalid":e.dataAttr(d),"data-readonly":e.dataAttr(c),"aria-hidden":!0,onMouseDown:e.callAllHandlers(a.onMouseDown,(function(e){e.preventDefault(),X.on()})),onMouseUp:e.callAllHandlers(a.onMouseUp,X.off),onMouseEnter:e.callAllHandlers(a.onMouseEnter,V.on),onMouseLeave:e.callAllHandlers(a.onMouseLeave,V.off)})}),[G,ne,o,L,U,E,d,c,X,V.off,V.on]),se=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),s({},M,a,{ref:e.mergeRefs(t,(function(e){e&&Y("LABEL"===e.tagName)})),onClick:e.callAllHandlers(a.onClick,(function(){var a;Q||(null==(a=W.current)||a.click(),e.focus(W.current,{nextTick:!0}))})),"data-disabled":e.dataAttr(o),"data-checked":e.dataAttr(ne),"data-invalid":e.dataAttr(d)})}),[M,o,ne,d,Q]),ue=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),s({},a,{ref:e.mergeRefs(W,t),type:"checkbox",name:_,value:S,id:f,tabIndex:R,onChange:e.callAllHandlers(a.onChange,re),onBlur:e.callAllHandlers(a.onBlur,q,z.off),onFocus:e.callAllHandlers(a.onFocus,N,z.on),onKeyDown:e.callAllHandlers(a.onKeyDown,le),onKeyUp:e.callAllHandlers(a.onKeyUp,oe),required:u,checked:ne,disabled:ie,readOnly:c,"aria-label":j,"aria-labelledby":w,"aria-invalid":O?Boolean(O):d,"aria-describedby":b,"aria-disabled":o,style:r.visuallyHiddenStyle})}),[_,S,f,re,z.off,z.on,q,N,le,oe,u,ne,ie,c,j,w,O,d,b,o,R]),de=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),s({},a,{ref:t,onMouseDown:e.callAllHandlers(a.onMouseDown,D),onTouchStart:e.callAllHandlers(a.onTouchStart,D),"data-disabled":e.dataAttr(o),"data-checked":e.dataAttr(ne),"data-invalid":e.dataAttr(d)})}),[ne,o,d]);return{state:{isInvalid:d,isFocused:L,isChecked:ne,isActive:G,isHovered:U,isIndeterminate:E,isDisabled:o,isReadOnly:c,isRequired:u},getRootProps:se,getCheckboxProps:ce,getInputProps:ue,getLabelProps:de,htmlProps:M}}function D(e){e.preventDefault(),e.stopPropagation()}var E=["spacing","className","children","iconColor","iconSize","icon","isChecked","isDisabled","onChange","inputProps"],_=e.chakra("span",{baseStyle:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0}}),S=e.chakra("label",{baseStyle:{cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"}}),P=e.forwardRef((function(a,t){var n=f(),r=s({},n,a),i=e.useMultiStyleConfig("Checkbox",r),l=e.omitThemingProps(a),o=l.spacing,u=void 0===o?"0.5rem":o,d=l.className,h=l.children,k=l.iconColor,b=l.iconSize,m=l.icon,p=void 0===m?c.createElement(x,null):m,C=l.isChecked,y=l.isDisabled,g=void 0===y?null==n?void 0:n.isDisabled:y,A=l.onChange,D=l.inputProps,P=v(l,E),R=C;null!=n&&n.value&&l.value&&(R=n.value.includes(l.value));var j=A;null!=n&&n.onChange&&l.value&&(j=e.callAll(n.onChange,A));var w=I(s({},P,{isDisabled:g,isChecked:R,onChange:j})),O=w.state,H=w.getInputProps,M=w.getCheckboxProps,B=w.getLabelProps,q=w.getRootProps,N=c.useMemo((function(){return s({opacity:O.isChecked||O.isIndeterminate?1:0,transform:O.isChecked||O.isIndeterminate?"scale(1)":"scale(0.95)",fontSize:b,color:k},i.icon)}),[k,b,O.isChecked,O.isIndeterminate,i.icon]),F=c.cloneElement(p,{__css:N,isIndeterminate:O.isIndeterminate,isChecked:O.isChecked});return c.createElement(S,s({__css:i.container,className:e.cx("chakra-checkbox",d)},q()),c.createElement("input",s({className:"chakra-checkbox__input"},H(D,t))),c.createElement(_,s({__css:i.control,className:"chakra-checkbox__control"},M()),F),h&&c.createElement(e.chakra.span,s({className:"chakra-checkbox__label"},B(),{__css:s({marginStart:u},i.label)}),h))}));e.__DEV__&&(P.displayName="Checkbox"),exports.Checkbox=P,exports.CheckboxGroup=h,exports.useCheckbox=I;
+//# sourceMappingURL=chakra-ui-checkbox.esm-fb1f85bc.js.map