@televet/kibble-ui 2.0.0-beta.866ardb4h.9 → 2.0.0-beta.8678phbtk.0

package/README.md

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

package/build/_tslib-0d5bfb36.js

@@ -0,0 +1,2 @@
+"use strict";exports.__assign=function(){return exports.__assign=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},exports.__assign.apply(this,arguments)},"function"==typeof SuppressedError&&SuppressedError,exports.__makeTemplateObject=function(r,e){return Object.defineProperty?Object.defineProperty(r,"raw",{value:e}):r.raw=e,r},exports.__read=function(r,e){var t="function"==typeof Symbol&&r[Symbol.iterator];if(!t)return r;var o,n,a=t.call(r),p=[];try{for(;(void 0===e||e-- >0)&&!(o=a.next()).done;)p.push(o.value)}catch(r){n={error:r}}finally{try{o&&!o.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return p},exports.__rest=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},exports.__spreadArray=function(r,e,t){if(t||2===arguments.length)for(var o,n=0,a=e.length;n<a;n++)!o&&n in e||(o||(o=Array.prototype.slice.call(e,0,n)),o[n]=e[n]);return r.concat(o||Array.prototype.slice.call(e))};
+//# sourceMappingURL=_tslib-0d5bfb36.js.map

package/build/_tslib-0d5bfb36.js.map

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

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

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

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

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

package/build/alert.types-c83c07c3.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./_tslib-0d5bfb36.js"),t=require("./index-ab6a5829.js"),r=require("./alert.config-61314153.js"),o=require("./button.component-4a353a40.js"),n=require("./chunk-PULVB27S-51812403.js"),s=require("./heading.component-8553c3f3.js"),a=require("./icon.component-a62fce4e.js"),i=require("./chunk-UQDW7KKV-d76d4146.js"),c=require("./text.component-3dd0f3c2.js"),l=require("./chunk-NTCQBYKE-672c56c1.js"),u=require("./chunk-3ASUQ6PA-30fd5b6c.js");require("./color.record-2816a958.js");var p,d=require("./shadows.config-fd05bf52.js"),E=require("./chunk-3KCBMPN5-749bb0ff.js"),x=function(s){var a,i;s.buttonText;var c=s.buttonPosition,l=s.hasDescription,u=s.status,p=e.__rest(s,["buttonText","buttonPosition","hasDescription","status"]),d="secondary",E=(null===(a=r.AlertConfig.variants)||void 0===a?void 0:a.default)||{},x=null===(i=null==E?void 0:E.button)||void 0===i?void 0:i.variant;"default"===u&&x&&(d=x);var f={variant:d};return t.reactExports.createElement(n.Box,{className:"Alert__Button",pt:"bottomLeft"!==c||l?0:1,pb:"bottomLeft"===c?.5:0},t.reactExports.createElement(o.Button,e.__assign({size:"xs"},f,p),s.buttonText))},f=function(e){var r=e.onClose;return t.reactExports.createElement(n.Box,{className:"Alert__CloseButton"},t.reactExports.createElement(o.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:r}))},m=function(r){var o=r.title,n=r.titleProps;return t.reactExports.createElement(s.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},n),o)},g={info:"info",success:"success",warning:"warning",error:"error",default:"default"},h={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark",default:"defaultDark"},_={info:"active",success:"success",error:"error",warning:"warning",default:"active"},v={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},b=function(r){var o=r.iconProps,s=r.status,c=i.useColorModeValue(_[s],"currentColor");return t.reactExports.createElement(n.Box,{className:"Alert__Icon",maxH:"24px"},t.reactExports.createElement(a.Icon,e.__assign({color:c,size:"lg"},o,{name:(null==o?void 0:o.name)||v[s]})))},P=function(r){var o=r.description,n=r.descriptionProps;return"string"==typeof o?t.reactExports.createElement(c.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},n),o):t.reactExports.createElement(t.reactExports.Fragment,null,o)},w=function(e){var r=e.children,o=e.hideIcon,n=e.hideCloseButton;return t.reactExports.createElement(l.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:o?"":"34px",pr:n?"":"34px"},r)},B=function(e){var r=e.children;return t.reactExports.createElement(u.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},r)};exports.AlertVariant=void 0,(p=exports.AlertVariant||(exports.AlertVariant={})).Error="error",p.Warning="warning",p.Success="success",p.Info="info",p.Default="default",exports.Alert=function(r){var o=r.buttonProps,s=r.children,a=r.description,c=r.descriptionProps,u=r.iconProps,p=r.onClose,_=r.hideCloseButton,v=void 0!==_&&_,C=r.hideIcon,j=void 0!==C&&C,k=r.status,A=void 0===k?"success":k,D=r.title,q=r.titleProps,N=r.hasShadow,S=void 0!==N&&N,V=e.__rest(r,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps","hasShadow"]),y=i.useColorModeValue(g[A],h[A]);o&&!o.buttonPosition&&(o.buttonPosition="topRight");return t.reactExports.createElement(E.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:y,overflow:"visible",px:3,py:2},S&&{boxShadow:d.shadows.md},V),D?t.reactExports.createElement((function(){return t.reactExports.createElement(t.reactExports.Fragment,null,t.reactExports.createElement(B,null,!j&&t.reactExports.createElement(b,{status:A,iconProps:u}),t.reactExports.createElement(m,{title:D,titleProps:q}),"topRight"===(null==o?void 0:o.buttonPosition)&&t.reactExports.createElement(x,e.__assign({},o,{hasDescription:Boolean(a),status:A})),!v&&t.reactExports.createElement(f,{onClose:p})),t.reactExports.createElement(w,{hideIcon:j,hideCloseButton:v},a&&t.reactExports.createElement(P,{description:a,descriptionProps:c}),s,"bottomLeft"===(null==o?void 0:o.buttonPosition)&&t.reactExports.createElement(x,e.__assign({},o,{hasDescription:Boolean(a),status:A}))))}),null):t.reactExports.createElement((function(){return t.reactExports.createElement(l.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},t.reactExports.createElement(B,null,!j&&t.reactExports.createElement(b,{status:A,iconProps:u}),t.reactExports.createElement(n.Box,{flexGrow:1},a&&t.reactExports.createElement(P,{description:a,descriptionProps:c}),s),"topRight"===(null==o?void 0:o.buttonPosition)&&t.reactExports.createElement(x,e.__assign({},o,{hasDescription:Boolean(a),status:A})),!v&&t.reactExports.createElement(f,{onClose:p})),"bottomLeft"===(null==o?void 0:o.buttonPosition)&&t.reactExports.createElement(w,{hideIcon:j,hideCloseButton:v},t.reactExports.createElement(x,e.__assign({},o,{hasDescription:Boolean(a),status:A}))))}),null))};
+//# sourceMappingURL=alert.types-c83c07c3.js.map

package/build/alert.types-c83c07c3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-c83c07c3.js","sources":["../src/components/Alert/alert.types.ts","../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":["export enum AlertVariant {\n  Error = 'error',\n  Warning = 'warning',\n  Success = 'success',\n  Info = 'info',\n  Default = 'default',\n}\n\nexport type AlertButtonAlignment = 'right' | 'bottom';\n\nexport type Status = 'info' | 'success' | 'warning' | 'error' | 'default';\n","import React from 'react';\nimport { AlertConfig } from '../alert.config';\nimport { Status } from '../alert.types';\nimport { CustomStyleConfig } from 'shared/types';\nimport { Button, ButtonProps, ButtonVariantType  } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n}\n\ninterface ButtonConfig {\n  button?: {\n    variant?: ButtonVariantType;\n    [key: string]: any;\n  };\n  [key: string]: any;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, ...rest } = buttonProps;\n  let variant = 'secondary';\n\n  const alertConfig: CustomStyleConfig = AlertConfig as CustomStyleConfig;\n  const configStyles: ButtonConfig = (alertConfig.variants?.default || {}) as ButtonConfig;\n  const buttonVariant = configStyles?.button?.variant;\n\n  if (status === \"default\" && buttonVariant) {\n    variant = buttonVariant;\n  }\n\n  const buttonStyles = { variant: variant as ButtonVariantType };\n\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" {...buttonStyles} {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n","import { IconColorToken } from '../Icon/icon.types';\nimport { IconName } from '../../icons';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n  default: 'default',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n  info: 'infoDark',\n  success: 'successDark',\n  warning: 'warningDark',\n  error: 'errorDark',\n  default: 'defaultDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColorToken> = {\n  info: 'active',\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  default: 'active',\n};\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n","import React from 'react';\nimport { Box, useColorModeValue } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n  const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue, Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { shadows } from 'theme/tokens';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title' | 'status'> {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  hasShadow?: boolean;\n}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  iconProps,\n  onClose,\n  hideCloseButton = false,\n  hideIcon = false,\n  status = 'success',\n  title,\n  titleProps,\n  hasShadow = false,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={alertVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      // chakra md shadow if hasShadow is true with rounded corners\n      {...(hasShadow && { boxShadow: shadows.md })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertVariant","AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","rest","__rest","variant","configStyles","_a","AlertConfig","variants","default","buttonVariant","_b","button","buttonStyles","React","createElement","Box","className","pt","pb","Button","__assign","size","AlertCloseButton","props","onClose","reactExports","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertStatusIcon","AlertIcon","iconProps","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","Fragment","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_c","_d","_e","hasShadow","alertVariant","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","shadows","md","Boolean"],"mappings":"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"}

package/build/avatar.component-58318525.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-5de24937.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Orange = 'orange',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n  Default = 'default',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useState, useMemo, useCallback, MouseEvent, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Flex } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport { Picture } from 'components/Picture';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Orange;\n  }\n};\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  webpSrc,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Default,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii, zIndices } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n  const isPhoto = (webpSrc || src) && isSrcValid;\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Default:\n        styles._hover.backgroundColor = colors.comet[300];\n        styles._active.backgroundColor = colors.comet[400];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${colors.white}`}\n      borderWidth={hideBorder || isPhoto ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Flex\n          backgroundColor={colors.white}\n          color={colors.white}\n          borderRadius={radii['full']}\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-6px\"\n          h={4}\n          w={4}\n          right=\"-6px\"\n          justify=\"center\"\n          align=\"center\"\n          onClick={onRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={zIndices.tooltip}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircleSolid\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Flex>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n      {webpSrc && src && (\n        <Picture\n          src={src}\n          webpSrc={webpSrc}\n          imgProps={{\n            w: '100%',\n            h: '100%',\n            objectFit: 'cover',\n            borderRadius: radii.full,\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\n    </CAvatar>\n  );\n\n  if (showTooltip && !isHoveringRemoveButton) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["AvatarVariant","getNextIconSize","size","larger","count","nextSize","_a","charCode","badgeProps","handleClick","handleRemoveButtonClick","_b","hideBorder","iconName","_c","name","_d","randomizeVariant","_e","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","webpSrc","_j","tooltipPlacement","tooltipText","_k","variant","Default","rest","__rest","_l","useTheme","colors","radii","zIndices","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","isPhoto","_variant","charCodeAt","Blue","Red","Green","Orange","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","comet","Dark","blue","Dashed","blackAlpha","Test","orange","black","onRemoveButtonClick","useCallback","e","stopPropagation","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","white","borderWidth","cursor","icon","Icon","onClick","onError","onMouseEnter","onMouseLeave","Flex","color","borderRadius","position","top","h","w","right","justify","align","tooltip","colorToken","AvatarBadge","avatarSize","Picture","imgProps","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}
+{"version":3,"file":"avatar.component-58318525.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Orange = 'orange',\n  Dark = 'dark',\n  Dashed = 'dashed',\n  Test = 'test',\n  Default = 'default',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useState, useMemo, useCallback, MouseEvent, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Flex } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport { Picture } from 'components/Picture';\n\nexport interface AvatarProps extends CAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Orange;\n  }\n};\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  webpSrc,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = AvatarVariant.Default,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const { colors, radii, zIndices } = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n  const isPhoto = (webpSrc || src) && isSrcValid;\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getAvatarVariant(name.charCodeAt(0));\n  }\n\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        backgroundColor: colors.gray[50],\n        img: { opacity: 1 },\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: colors.gray[100],\n        img: { opacity: 1 },\n      },\n    };\n\n    switch (_variant) {\n      case AvatarVariant.Default:\n        styles._hover.backgroundColor = colors.comet[300];\n        styles._active.backgroundColor = colors.comet[400];\n        break;\n      case AvatarVariant.Dark:\n        styles._hover.backgroundColor = colors.blue[700];\n        styles._active.backgroundColor = colors.blue[600];\n        break;\n      case AvatarVariant.Dashed:\n        styles._hover.backgroundColor = colors.blackAlpha[100];\n        styles._hover.zIndex = 0;\n        styles._active.backgroundColor = colors.blackAlpha[200];\n        break;\n      case AvatarVariant.Test:\n        styles._hover.backgroundColor = colors.orange[100];\n        styles._active.backgroundColor = colors.orange[200];\n        break;\n      default:\n        break;\n    }\n\n    if (isSrcValid) {\n      styles._hover.backgroundColor = colors.black;\n      styles._hover.img.opacity = 0.94;\n      styles._active.backgroundColor = colors.gray[200];\n      styles._active.img.opacity = 0.92;\n    }\n\n    return styles;\n  }, [_variant, isSrcValid, colors]);\n\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={_variant}\n      boxShadow={`0 0 0 1px ${colors.white}`}\n      borderWidth={hideBorder || isPhoto ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Flex\n          backgroundColor={colors.white}\n          color={colors.white}\n          borderRadius={radii['full']}\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-6px\"\n          h={4}\n          w={4}\n          right=\"-6px\"\n          justify=\"center\"\n          align=\"center\"\n          onClick={onRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          zIndex={zIndices.tooltip}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircleSolid\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Flex>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n      {webpSrc && src && (\n        <Picture\n          src={src}\n          webpSrc={webpSrc}\n          imgProps={{\n            w: '100%',\n            h: '100%',\n            objectFit: 'cover',\n            borderRadius: radii.full,\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\n    </CAvatar>\n  );\n\n  if (showTooltip && !isHoveringRemoveButton) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["AvatarVariant","getNextIconSize","size","larger","count","nextSize","_a","charCode","badgeProps","handleClick","handleRemoveButtonClick","_b","hideBorder","iconName","_c","name","_d","randomizeVariant","_e","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","webpSrc","_j","tooltipPlacement","tooltipText","_k","variant","Default","rest","__rest","_l","useTheme","colors","radii","zIndices","_m","__read","useState","reactExports","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","isPhoto","_variant","charCodeAt","Blue","Red","Green","Orange","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","comet","Dark","blue","Dashed","blackAlpha","Test","orange","black","onRemoveButtonClick","useCallback","e","stopPropagation","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","white","borderWidth","cursor","icon","Icon","onClick","onError","onMouseEnter","onMouseLeave","Flex","color","borderRadius","position","top","h","w","right","justify","align","tooltip","colorToken","AvatarBadge","avatarSize","Picture","imgProps","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}

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

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

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

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

package/build/avatarBadge.component-c95ac943.js

@@ -0,0 +1,2 @@
+"use strict";var t,o=require("./index-ab6a5829.js"),a=require("./icon.component-a62fce4e.js"),e=require("./avatar.config-ef265947.js"),r=require("./color.record-2816a958.js"),n=require("./chunk-RD3LQCU3-032bc209.js"),s=require("./chunk-ZHQNHOQS-e42dfe53.js"),c=require("./chunk-ZJJGQIVY-92dcec9e.js"),i=require("./chunk-YTQ3XZ3T-35b9104a.js"),d={"top-start":{top:"0",insetStart:"0",transform:"translate(-25%, -25%)"},"top-end":{top:"0",insetEnd:"0",transform:"translate(25%, -25%)"},"bottom-start":{bottom:"0",insetStart:"0",transform:"translate(-25%, 25%)"},"bottom-end":{bottom:"0",insetEnd:"0",transform:"translate(25%, 25%)"}},p=c.forwardRef((function(t,o){const{placement:a="bottom-end",className:e,...r}=t,c=n.useAvatarStyles(),p={position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",...d[a],...c.badge};return i.jsxRuntimeExports.jsx(s.chakra.div,{ref:o,...r,className:i.cx("chakra-avatar__badge",e),__css:p})}));p.displayName="AvatarBadge",exports.AvatarBadgePosition=void 0,(t=exports.AvatarBadgePosition||(exports.AvatarBadgePosition={})).TopLeft="topLeft",t.TopRight="topRight",t.BottomLeft="bottomLeft",t.BottomRight="bottomRight";exports.AvatarBadge=function(t){var n=t.avatarSize,s=t.badgeIconName,c=t.badgeBackgroundColor,i=void 0===c?r.semanticColors.background.info:c,d=t.badgeBorderColor,l=void 0===d?r.coreColors.white:d,x=t.badgeIconColor,u=void 0===x?r.adaptiveColors.icon.light.active:x,v=t.badgePosition,g=void 0===v?exports.AvatarBadgePosition.BottomRight:v,m=o.reactExports.useMemo((function(){return"xs"===n||!s}),[s,n]);return o.reactExports.createElement(p,{color:u,borderColor:l,borderWidth:"1px",bg:i,boxSize:m?"10px":"18px",transform:function(t){var o,a,r,s,c=null===(s=null===(r=null===(a=null===(o=e.AvatarConfig.sizes)||void 0===o?void 0:o[n])||void 0===a?void 0:a.container)||void 0===r?void 0:r.height)||void 0===s?void 0:s.toString(),i=Number(null==c?void 0:c.replace("px",""))/2;switch(t){case exports.AvatarBadgePosition.TopLeft:return m&&"xs"!==n?"translate(".concat(-1.35*i,"px, ").concat(-1.35*i,"px)"):"translate(".concat(-1.2*i,"px, ").concat(-1.2*i,"px)");case exports.AvatarBadgePosition.TopRight:return m&&"xs"!==n?"translate(".concat(i/10,"px, ").concat(-1.35*i,"px)"):"translate(".concat(i/3,"px, ").concat(-1.2*i,"px)");case exports.AvatarBadgePosition.BottomLeft:return m&&"xs"!==n?"translate(".concat(-1.35*i,"px, ").concat(i/10,"px)"):"translate(".concat(-1.2*i,"px, ").concat(i/5,"px)");default:return m&&"xs"!==n?"translate(".concat(i/10,"px, ").concat(i/10,"px)"):"translate(".concat(i/3,"px, ").concat(i/3,"px)")}}(g)},!m&&s&&o.reactExports.createElement(a.Icon,{name:s,size:"xs"}))};
+//# sourceMappingURL=avatarBadge.component-c95ac943.js.map

package/build/avatarBadge.component-c95ac943.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarBadge.component-c95ac943.js","sources":["../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../node_modules/@chakra-ui/avatar/dist/chunk-BVSSY3BL.mjs","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n","'use client'\nimport {\n  useAvatarStyles\n} from \"./chunk-RD3LQCU3.mjs\";\n\n// src/avatar-badge.tsx\nimport {\n  chakra,\n  forwardRef\n} from \"@chakra-ui/system\";\nimport { cx } from \"@chakra-ui/shared-utils\";\nimport { jsx } from \"react/jsx-runtime\";\nvar placementMap = {\n  \"top-start\": {\n    top: \"0\",\n    insetStart: \"0\",\n    transform: \"translate(-25%, -25%)\"\n  },\n  \"top-end\": {\n    top: \"0\",\n    insetEnd: \"0\",\n    transform: \"translate(25%, -25%)\"\n  },\n  \"bottom-start\": {\n    bottom: \"0\",\n    insetStart: \"0\",\n    transform: \"translate(-25%, 25%)\"\n  },\n  \"bottom-end\": {\n    bottom: \"0\",\n    insetEnd: \"0\",\n    transform: \"translate(25%, 25%)\"\n  }\n};\nvar AvatarBadge = forwardRef(\n  function AvatarBadge2(props, ref) {\n    const { placement = \"bottom-end\", className, ...rest } = props;\n    const styles = useAvatarStyles();\n    const placementStyles = placementMap[placement];\n    const badgeStyles = {\n      position: \"absolute\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      ...placementStyles,\n      ...styles.badge\n    };\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        ...rest,\n        className: cx(\"chakra-avatar__badge\", className),\n        __css: badgeStyles\n      }\n    );\n  }\n);\nAvatarBadge.displayName = \"AvatarBadge\";\n\nexport {\n  AvatarBadge\n};\n//# sourceMappingURL=chunk-BVSSY3BL.mjs.map","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from '../../../../icons';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor = semanticColors.background.info,\n  badgeBorderColor = coreColors.white,\n  badgeIconColor = adaptiveColors.icon.light.active,\n  badgePosition = AvatarBadgePosition.BottomRight,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 3}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor}\n      borderColor={badgeBorderColor}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n"],"names":["AvatarBadgePosition","placementMap","top","insetStart","transform","insetEnd","bottom","AvatarBadge","forwardRef","props","ref","placement","className","rest","styles","useAvatarStyles","badgeStyles","position","display","alignItems","justifyContent","badge","jsx","jsxRuntimeExports","chakra","div","cx","__css","displayName","_a","avatarSize","badgeIconName","_b","badgeBackgroundColor","semanticColors","background","info","_c","badgeBorderColor","coreColors","white","_d","badgeIconColor","adaptiveColors","icon","light","active","_e","badgePosition","BottomRight","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","borderColor","borderWidth","bg","boxSize","parentSizeString","AvatarConfig","sizes","container","height","toString","translation","Number","replace","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","reactExports","Icon","name","size"],"mappings":"iBAAYA,sUCYRC,EAAe,CACjB,YAAa,CACXC,IAAK,IACLC,WAAY,IACZC,UAAW,yBAEb,UAAW,CACTF,IAAK,IACLG,SAAU,IACVD,UAAW,wBAEb,eAAgB,CACdE,OAAQ,IACRH,WAAY,IACZC,UAAW,wBAEb,aAAc,CACZE,OAAQ,IACRD,SAAU,IACVD,UAAW,wBAGXG,EAAcC,EAAUA,YAC1B,SAAsBC,EAAOC,GAC3B,MAAMC,UAAEA,EAAY,aAAYC,UAAEA,KAAcC,GAASJ,EACnDK,EAASC,EAAAA,kBAETC,EAAc,CAClBC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,YALMnB,EAAaU,MAOhCG,EAAOO,OAEZ,OAAuBC,EAAGC,kBAAAD,IACxBE,EAAAA,OAAOC,IACP,CACEf,SACGG,EACHD,UAAWc,EAAAA,GAAG,uBAAwBd,GACtCe,MAAOX,GAGZ,IAEHT,EAAYqB,YAAc,cD1Dd5B,QAKXA,yBAAA,GALWA,EAAAA,QAAmBA,sBAAnBA,4BAKX,CAAA,IAJC,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA,kCEkByB,SAAC6B,OAC1BC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAqDH,EAAAI,qBAArDA,OAAuB,IAAAD,EAAAE,EAAcA,eAACC,WAAWC,KAAIJ,EACrDK,qBAAAC,aAAmBC,aAAWC,MAAKH,EACnCI,mBAAAC,aAAiBC,EAAcA,eAACC,KAAKC,MAAMC,OAAML,EACjDM,EAA+ClB,EAAAmB,cAA/CA,OAAgB,IAAAD,EAAA/C,4BAAoBiD,YAAWF,EAEzCG,EAAgBC,EAAAA,aAAAA,SAAQ,WAAM,MAAe,OAAfrB,IAAwBC,CAAa,GAAE,CAACA,EAAeD,IA6B3F,OACEsB,EAAAA,aAACC,cAAAC,EACC,CAAAC,MAAOb,EACPc,YAAalB,EACbmB,YAAY,MACZC,GAAIzB,EACJ0B,QAAST,EAAgB,OAAS,OAClC9C,UAlCsB,SAACa,eACnB2C,EAEgB,QAFGnB,EAEb,kBADVT,UAAAH,EAAAgC,eAAaC,4BAAQhC,yBACpBiC,iBAAS,IAAA1B,OAAA,EAAAA,EAAE2B,cAAQ,IAAAvB,OAAA,EAAAA,EAAAwB,WAEhBC,EADaC,OAAOP,aAAgB,EAAhBA,EAAkBQ,QAAQ,KAAM,KACzB,EAEjC,OAAQnD,GACN,KAAKjB,QAAmBA,oBAACqE,QACvB,OAAOnB,GAAgC,OAAfpB,EACpB,aAAawC,QAAe,KAAfJ,EAAmB,QAAAI,QAAsB,KAAfJ,EAAwB,OAC/D,aAAAI,QAA4B,IAAfJ,EAAyB,QAAAI,QAAe,IAAfJ,EAAkB,OAC9D,KAAKlE,QAAmBA,oBAACuE,SACvB,OAAOrB,GAAgC,OAAfpB,EACpB,aAAawC,OAAAJ,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaI,OAAAJ,EAAc,EAAQ,QAAAI,QAAe,IAAfJ,EAAkB,OAC3D,KAAKlE,QAAmBA,oBAACwE,WACvB,OAAOtB,GAAgC,OAAfpB,EACpB,aAAawC,QAAe,KAAfJ,EAA0B,QAAAI,OAAAJ,EAAc,GAAO,OAC5D,aAAaI,QAAe,IAAfJ,EAAkB,QAAAI,OAAOJ,EAAc,EAAC,OAC3D,QACE,OAAOhB,GAAgC,OAAfpB,EACpB,oBAAaoC,EAAc,GAAS,QAAAI,OAAAJ,EAAc,GAAO,OACzD,aAAaI,OAAAJ,EAAc,iBAAQA,EAAc,EAAC,OAE5D,CASeO,CAAkBzB,KAE3BE,GAAiBnB,GAAiBqB,EAAAsB,aAAArB,cAACsB,EAAIA,KAAA,CAACC,KAAM7C,EAAe8C,KAAM,OAG3E"}

package/build/avatarGroup.component-fbd4c2ba.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./_tslib-0d5bfb36.js"),r=require("./index-ab6a5829.js"),t=require("./avatar.component-58318525.js"),a=require("./chunk-V7PAE35Z-6c39dec2.js"),n=require("./chunk-DMO4EI7P-ca8ed75b.js"),o=require("./chunk-ZHQNHOQS-e42dfe53.js"),s=require("./chunk-ZJJGQIVY-92dcec9e.js"),i=require("./chunk-YTQ3XZ3T-35b9104a.js"),c=require("./index-7e3db46a.js");var l=s.forwardRef((function(e,t){const s=n.useMultiStyleConfig("Avatar",e),{children:l,borderColor:u,max:d,spacing:m="-0.75rem",borderRadius:v="full",...p}=i.omitThemingProps(e),h=c.getValidChildren(l),x=null!=d?h.slice(0,d):h,f=null!=d?h.length-d:0,g=x.reverse().map(((t,a)=>{var n;const o={marginEnd:0===a?0:m,size:e.size,borderColor:null!=(n=t.props.borderColor)?n:u,showBorder:!0};return r.reactExports.cloneElement(t,function(e){const r=Object.assign({},e);for(let e in r)void 0===r[e]&&delete r[e];return r}(o))})),j={display:"flex",alignItems:"center",justifyContent:"flex-end",flexDirection:"row-reverse",...s.group},E={borderRadius:v,marginStart:m,...a.baseStyle,...s.excessLabel};return i.jsxRuntimeExports.jsxs(o.chakra.div,{ref:t,role:"group",__css:j,...p,className:i.cx("chakra-avatar__group",e.className),children:[f>0&&i.jsxRuntimeExports.jsx(o.chakra.span,{className:"chakra-avatar__excess",__css:E,children:`+${f}`}),g]})}));l.displayName="AvatarGroup";exports.AvatarGroup=function(a){var n=a.addButtonTooltipText,o=a.avatars,s=a.handleAddButtonClick,i=a.handleRemoveButtonClick,c=a.max,u=void 0===c?3:c,d=a.showAddButton,m=void 0===d||d,v=a.showRemoveAvatarButton,p=void 0!==v&&v,h=a.size,x=void 0===h?"md":h,f=r.reactExports.useMemo((function(){return o.map((function(e){return e.name})).join(", ")}),[o]),g="lg"===x||"md"===x?-2:-1;return r.reactExports.createElement(l,{size:x,spacing:g,alignItems:"flex-start"},o.length>u?r.reactExports.createElement(t.Avatar,{name:"".concat(o.length),size:x,variant:t.AvatarVariant.Dark,showRemoveButton:!1,tooltipText:f}):o.map((function(a){return r.reactExports.createElement(t.Avatar,e.__assign({},a,{key:a.name,size:x,showRemoveButton:p,handleRemoveButtonClick:i}))})),m&&r.reactExports.createElement(t.Avatar,{variant:t.AvatarVariant.Dashed,iconName:"plus",handleClick:s,tooltipText:n,size:x}))};
+//# sourceMappingURL=avatarGroup.component-fbd4c2ba.js.map

package/build/avatarGroup.component-fbd4c2ba.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.component-fbd4c2ba.js","sources":["../node_modules/@chakra-ui/avatar/dist/chunk-A4TTV745.mjs","../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["'use client'\nimport {\n  baseStyle\n} from \"./chunk-V7PAE35Z.mjs\";\n\n// src/avatar-group.tsx\nimport {\n  chakra,\n  forwardRef,\n  omitThemingProps,\n  useMultiStyleConfig\n} from \"@chakra-ui/system\";\nimport { cx } from \"@chakra-ui/shared-utils\";\nimport { getValidChildren } from \"@chakra-ui/react-children-utils\";\n\n// ../../utilities/object-utils/src/compact.ts\nfunction compact(object) {\n  const clone = Object.assign({}, object);\n  for (let key in clone) {\n    if (clone[key] === void 0)\n      delete clone[key];\n  }\n  return clone;\n}\n\n// src/avatar-group.tsx\nimport { cloneElement } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar AvatarGroup = forwardRef(\n  function AvatarGroup2(props, ref) {\n    const styles = useMultiStyleConfig(\"Avatar\", props);\n    const {\n      children,\n      borderColor,\n      max,\n      spacing = \"-0.75rem\",\n      borderRadius = \"full\",\n      ...rest\n    } = omitThemingProps(props);\n    const validChildren = getValidChildren(children);\n    const childrenWithinMax = max != null ? validChildren.slice(0, max) : validChildren;\n    const excess = max != null ? validChildren.length - max : 0;\n    const reversedChildren = childrenWithinMax.reverse();\n    const clones = reversedChildren.map((child, index) => {\n      var _a;\n      const isFirstAvatar = index === 0;\n      const childProps = {\n        marginEnd: isFirstAvatar ? 0 : spacing,\n        size: props.size,\n        borderColor: (_a = child.props.borderColor) != null ? _a : borderColor,\n        showBorder: true\n      };\n      return cloneElement(child, compact(childProps));\n    });\n    const groupStyles = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n      flexDirection: \"row-reverse\",\n      ...styles.group\n    };\n    const excessStyles = {\n      borderRadius,\n      marginStart: spacing,\n      ...baseStyle,\n      ...styles.excessLabel\n    };\n    return /* @__PURE__ */ jsxs(\n      chakra.div,\n      {\n        ref,\n        role: \"group\",\n        __css: groupStyles,\n        ...rest,\n        className: cx(\"chakra-avatar__group\", props.className),\n        children: [\n          excess > 0 && /* @__PURE__ */ jsx(chakra.span, { className: \"chakra-avatar__excess\", __css: excessStyles, children: `+${excess}` }),\n          clones\n        ]\n      }\n    );\n  }\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n\nexport {\n  AvatarGroup\n};\n//# sourceMappingURL=chunk-A4TTV745.mjs.map","import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant={AvatarVariant.Dark}\n          showRemoveButton={false}\n          tooltipText={mergedNames}\n        />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant={AvatarVariant.Dashed}\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["AvatarGroup","forwardRef","props","ref","styles","useMultiStyleConfig","children","borderColor","max","spacing","borderRadius","rest","omitThemingProps","validChildren","getValidChildren","childrenWithinMax","slice","excess","length","clones","reverse","map","child","index","_a","childProps","marginEnd","size","showBorder","cloneElement","reactExports","object","clone","Object","assign","key","compact","groupStyles","display","alignItems","justifyContent","flexDirection","group","excessStyles","marginStart","baseStyle","excessLabel","jsxs","jsxRuntimeExports","chakra","div","role","__css","className","cx","jsx","span","displayName","addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","_b","_c","showAddButton","_d","showRemoveAvatarButton","_e","mergedNames","useMemo","avatar","name","join","React","createElement","CAvatarGroup","Avatar","concat","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","Dashed","iconName","handleClick"],"mappings":"mXA4BA,IAAIA,EAAcC,EAAUA,YAC1B,SAAsBC,EAAOC,GAC3B,MAAMC,EAASC,EAAAA,oBAAoB,SAAUH,IACvCI,SACJA,EAAQC,YACRA,EAAWC,IACXA,EAAGC,QACHA,EAAU,WAAUC,aACpBA,EAAe,UACZC,GACDC,EAAAA,iBAAiBV,GACfW,EAAgBC,mBAAiBR,GACjCS,EAA2B,MAAPP,EAAcK,EAAcG,MAAM,EAAGR,GAAOK,EAChEI,EAAgB,MAAPT,EAAcK,EAAcK,OAASV,EAAM,EAEpDW,EADmBJ,EAAkBK,UACXC,KAAI,CAACC,EAAOC,KAC1C,IAAIC,EACJ,MACMC,EAAa,CACjBC,UAF8B,IAAVH,EAEO,EAAId,EAC/BkB,KAAMzB,EAAMyB,KACZpB,YAA+C,OAAjCiB,EAAKF,EAAMpB,MAAMK,aAAuBiB,EAAKjB,EAC3DqB,YAAY,GAEd,OAAOC,EAAYC,aAAAD,aAACP,EApC1B,SAAiBS,GACf,MAAMC,EAAQC,OAAOC,OAAO,CAAE,EAAEH,GAChC,IAAK,IAAII,KAAOH,OACK,IAAfA,EAAMG,WACDH,EAAMG,GAEjB,OAAOH,CACT,CA6BiCI,CAAQX,GAAY,IAE3CY,EAAc,CAClBC,QAAS,OACTC,WAAY,SACZC,eAAgB,WAChBC,cAAe,iBACZrC,EAAOsC,OAENC,EAAe,CACnBjC,eACAkC,YAAanC,KACVoC,EAASA,aACTzC,EAAO0C,aAEZ,OAAuBC,EAAIC,kBAAAD,KACzBE,EAAAA,OAAOC,IACP,CACE/C,MACAgD,KAAM,QACNC,MAAOf,KACJ1B,EACH0C,UAAWC,EAAEA,GAAC,uBAAwBpD,EAAMmD,WAC5C/C,SAAU,CACRW,EAAS,GAAqBsC,EAAGP,kBAAAO,IAACN,EAAMA,OAACO,KAAM,CAAEH,UAAW,wBAAyBD,MAAOT,EAAcrC,SAAU,IAAIW,MACxHE,IAIP,IAEHnB,EAAYyD,YAAc,kCCnEC,SAACjC,GAC1B,IAAAkC,yBACAC,EAAOnC,EAAAmC,QACPC,EAAoBpC,EAAAoC,qBACpBC,EAAuBrC,EAAAqC,wBACvBC,EAAOtC,EAAAhB,IAAPA,OAAG,IAAAsD,EAAG,EAACA,EACPC,EAAoBvC,EAAAwC,cAApBA,OAAgB,IAAAD,GAAIA,EACpBE,2BAAAC,OAAyB,IAAAD,KACzBE,EAAA3C,EAAAG,KAAAA,OAAI,IAAAwC,EAAG,KAAIA,EAELC,EAAcC,EAAAA,aAAAA,SAAQ,WAAM,OAAAV,EAAQtC,KAAI,SAACiD,GAAW,OAAAA,EAAOC,IAAI,IAAEC,KAAK,QAAO,CAACb,IAC9ElD,EAAmB,OAATkB,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACE8C,EAAA3C,aAAA4C,cAACC,EAAY,CAAChD,KAAMA,EAAMlB,QAASA,EAAS8B,WAAW,cACpDoB,EAAQzC,OAASV,EAChBiE,eAACC,cAAAE,EAAMA,QACLL,KAAM,GAAGM,OAAAlB,EAAQzC,QACjBS,KAAMA,EACNmD,QAASC,EAAaA,cAACC,KACvBC,kBAAkB,EAClBC,YAAad,IAGfT,EAAQtC,KAAI,SAACiD,GAAW,OACtBG,6BAACG,EAAAA,OAAMO,EAAAA,SAAA,GACDb,EAAM,CACVnC,IAAKmC,EAAOC,KACZ5C,KAAMA,EACNsD,iBAAkBf,EAClBL,wBAAyBA,IANL,IAUzBG,GACCS,EAAC3C,aAAA4C,cAAAE,EAAAA,OACC,CAAAE,QAASC,EAAAA,cAAcK,OACvBC,SAAS,OACTC,YAAa1B,EACbsB,YAAaxB,EACb/B,KAAMA,IAKhB"}

package/build/button.component-4a353a40.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./_tslib-0d5bfb36.js"),r=require("./index-ab6a5829.js"),i=require("./icon.component-a62fce4e.js"),o=require("./strings-03c30366.js"),a=require("./useTheme-c2c8ee18.js"),s=require("./chunk-6QYXN73V-ec1f60ac.js"),t=require("./chunk-UVUR7MCU-6bc43657.js"),n=require("./chunk-UQDW7KKV-d76d4146.js"),c=r.reactExports.forwardRef((function(c,d){var u=a.useTheme(),l=u.components,b=u.fontWeights,f=u.radii,m=l.Button[c.variant||"primary"],h=m.variant,v=m.light,_=m.dark,g=c.darkMode?_:v,p=n.useColorModeValue(g.default,_.default),x=n.useColorModeValue(g.content,_.content),z=n.useColorModeValue(g.border,_.border),M=e.__assign(e.__assign({},c),{variant:h,bg:p,color:x,borderColor:z}),j=M.isDisabled?g.default:g.hover,q=M.isDisabled?_.default:_.hover,C={bg:n.useColorModeValue(j,q)},V=M.isDisabled?g.default:g.active,k=M.isDisabled?_.default:_.active,E={bg:n.useColorModeValue(V,k),transform:"scale(".concat(M.isDisabled?"1":"0.98",")")},D=M.iconName;M.darkMode;var B=M.iconPosition,I=e.__rest(M,["iconName","darkMode","iconPosition"]);if(D){var N=r.reactExports.createElement(i.Icon,{size:M.iconSize||M.size||"md",name:D});if(!I.children){var U=o.camelCaseToLabel(D);return r.reactExports.createElement(s.IconButton,e.__assign({ref:d,_hover:C,_active:E,"aria-label":U,icon:N,size:M.size||"md"},I))}I["right"===B?"rightIcon":"leftIcon"]=N}return r.reactExports.createElement(t.Button,e.__assign({fontWeight:b.semibold,cursor:"pointer",ref:d,_hover:C,_active:E,size:M.size||"md",iconSpacing:"sm"===I.size||"xs"===I.size?"4px":"8px",borderRadius:f.base},I),I.children)}));c.displayName="Button",exports.Button=c;
+//# sourceMappingURL=button.component-4a353a40.js.map

package/build/button.component-4a353a40.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-4a353a40.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton, useColorModeValue } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/useTheme';\nimport { IconName } from '../../icons';\n\nexport interface ButtonProps extends CButtonProps {\n  children?: ReactNode;\n  variant?: ButtonVariantType;\n  size?: ButtonSizeType;\n  iconName?: IconName;\n  iconSize?: IconSize;\n  iconPosition?: ButtonIconPosition;\n  darkMode?: boolean;\n  isFullWidth?: 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","reactExports","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":"mUAoBaA,EAASC,EAAUC,aAAAD,YAAC,SAACE,EAAoBC,GAC9C,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWP,OAAOG,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAACtC,aAAAuC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAAtC,aAAAuC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,GAGT,CAECA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,CAExB,CAED,OACEC,EAAAA,aAAAC,cAACY,EAAOrD,OAAAwB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,SAGhB,IAEA9C,EAAO4D,YAAc"}

package/build/card.component-414de821.js

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

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

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

package/build/chakra/index.d.ts

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

package/build/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-91e7ead1.js"),r=require("../chakra-ui-modal.esm-cf414b2f.js"),o=require("../chakra-ui-layout.esm-493ee04b.js"),t=require("../chakra-ui-button.esm-32e420eb.js"),s=require("../chakra-ui-alert.esm-9bb76feb.js"),a=require("../chakra-ui-avatar.esm-d7e98d56.js"),p=require("../chakra-ui-checkbox.esm-6a6974f2.js"),u=require("../chakra-ui-input.esm-5e794564.js"),i=require("../chakra-ui-menu.esm-22115f36.js"),n=require("../chakra-ui-popover.esm-af9721a4.js"),x=require("../chakra-ui-radio.esm-ee587db1.js"),d=require("../chakra-ui-select.esm-85c971dc.js"),l=require("../chakra-ui-tabs.esm-dc1c4ea8.js"),c=require("../chakra-ui-textarea.esm-cfbdac00.js"),m=require("../chakra-ui-form-control.esm-8240cc1c.js"),C=require("../chakra-ui-media-query.esm-a34e627c.js"),b=require("../chakra-ui-image.esm-acdc667a.js"),k=require("../chakra-ui-portal.esm-72927bd9.js"),h=require("../chakra-ui-hooks.esm-c8f7aa0e.js");require("../chakra-ui-icon.esm-30b0b8a9.js"),require("../chakra-ui-system.esm-b563b97d.js"),require("react"),require("../chakra-ui-clickable.esm-22135054.js"),require("../use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("../index-c60b408f.js"),require("../tslib.es6-f01c41a6.js"),require("../inheritsLoose-490721fe.js"),require("../index-5c563615.js"),require("../motion-1db106fa.js"),require("../chakra-ui-visually-hidden.esm-3406a7fd.js"),require("../chakra-ui-popper.esm-78790840.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=b.Image$1,exports.Portal=k.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chunk-KGTDXOFZ-28ca8c5b.js"),r=require("../chunk-OFOVX77R-05b6331f.js"),o=require("../chunk-RAWN7VJ3-5a419d3d.js"),t=require("../chunk-5FG5SY5K-a475a246.js"),s=require("../chunk-JQMJHPZH-e62b9548.js"),u=require("../chunk-PULVB27S-51812403.js"),n=require("../chunk-3KCBMPN5-749bb0ff.js"),p=require("../chunk-V7PAE35Z-6c39dec2.js"),i=require("../chunk-UVUR7MCU-6bc43657.js"),a=require("../chunk-CKJ5T3MX-fdac5444.js"),x=require("../chunk-FAWTVNS3-d2a53f57.js"),c=require("../chunk-6CVSDS6C-04af79cf.js"),d=require("../chunk-UZJ3TPNQ-e33e5bba.js"),l=require("../chunk-Z3VR2BFQ-8c64fcea.js"),k=require("../chunk-6MF6NSK4-0bfa4faf.js"),b=require("../chunk-MSA2NPQT-822987fc.js"),q=require("../chunk-24I2HV4N-778e6d36.js"),j=require("../chunk-RLMGYZLY-4e77bd88.js"),C=require("../chunk-R6BA5JLS-0f97c56f.js"),h=require("../chunk-DHS7LAGW-de4b93fb.js"),f=require("../chunk-2WQJ2JCV-07286cac.js"),M=require("../chunk-3RSXBRAN-6d9155a8.js"),T=require("../chunk-IAXSQ4X2-c8ff42ff.js"),I=require("../chunk-4IH3O7BJ-9a546eb6.js"),m=require("../chunk-KRPLQIP4-a4bbde97.js"),B=require("../chunk-OSN4JR34-6d958401.js"),P=require("../chunk-GCOAS5YC-e5fc63e6.js"),A=require("../chunk-3ASUQ6PA-30fd5b6c.js"),S=require("../chunk-6QYXN73V-ec1f60ac.js"),D=require("../chunk-QINAG4RG-4470f307.js"),L=require("../chunk-PTXXWAJU-305dff8c.js"),G=require("../chunk-TL4BBA7T-9f7dfe65.js"),v=require("../index-60c01def.js"),F=require("../chunk-BL2ZZSHG-5adfe8bc.js"),N=require("../chunk-ZHMYA64R-fb79d80c.js"),H=require("../chunk-4YMKQ5D4-4d04df23.js"),O=require("../chunk-KC77MHL3-74985c0b.js"),R=require("../chunk-7D6N5TE5-007be610.js"),g=require("../chunk-7JBTTEVG-69469da9.js"),y=require("../chunk-Z3POGKNI-4ce32813.js"),Q=require("../chunk-NTCQBYKE-672c56c1.js");require("../chunk-5LZ7WDUF-5addf972.js"),require("../index-ab6a5829.js"),require("../index-d5978ed7.js"),require("../index-dabbaab3.js"),require("../chunk-YTQ3XZ3T-35b9104a.js"),require("../chunk-ZHQNHOQS-e42dfe53.js"),require("../chunk-UQDW7KKV-d76d4146.js"),require("../emotion-element-6bdfffb2.esm-8ded5e89.js"),require("../motion-6c87f827.js"),require("../chunk-ZJJGQIVY-92dcec9e.js"),require("../chunk-2GBDXOMA-7684cb01.js"),require("../chunk-DMO4EI7P-ca8ed75b.js"),require("../chunk-UIGT7YZF-8ae79233.js"),require("../index-acf04480.js"),require("../chunk-AXLEE3EK-23c4c585.js"),require("../index-8e1ef197.js"),require("../index-b3a8e26f.js"),require("../index-7e3db46a.js"),require("../chunk-G72KV6MB-8abce043.js"),require("../chunk-SANI5SUM-37a3f403.js"),require("../index-3a7d1a64.js"),require("../index-86286f7e.js"),require("../index-f15c1f04.js"),require("../index-c3f8111c.js"),require("../index-fe0b5dc3.js"),require("../chunk-VLMMX64R-58bb23e4.js"),require("../emotion-react.esm-05629c91.js"),require("../_tslib-0d5bfb36.js"),require("../typeof-5b9bf017.js"),require("../chunk-5PH6ULNP-a033f295.js"),require("../chunk-RD3LQCU3-032bc209.js"),require("../chunk-LYGBQ47X-860683bc.js"),require("../chunk-R3DH46PF-9c2ca3ba.js"),require("../index-5b3ff504.js"),require("../index-0765a171.js"),require("../chunk-VMD3UMGK-fa43fe25.js"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.AlertDialog=e.AlertDialog,exports.AlertDialogContent=e.AlertDialogContent,exports.Badge=e.Badge,exports.ButtonGroup=e.ButtonGroup,exports.CMenuItem=e.MenuItem,exports.CModalCloseButton=e.ModalCloseButton,exports.Code=e.Code,exports.Collapse=e.Collapse,exports.Container=e.Container,exports.Divider=e.Divider,exports.Drawer=e.Drawer,exports.DrawerCloseButton=e.ModalCloseButton,exports.DrawerContent=e.DrawerContent,exports.Hide=e.Hide,exports.InputLeftAddon=e.InputLeftAddon,exports.LinkBox=e.LinkBox,exports.LinkOverlay=e.LinkOverlay,exports.List=e.List,exports.ListItem=e.ListItem,exports.MenuDivider=e.MenuDivider,exports.MenuItemOption=e.MenuItemOption,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.OrderedList=e.OrderedList,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Show=e.Show,exports.SimpleGrid=e.SimpleGrid,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.TabPanel=e.TabPanel,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.UnorderedList=e.UnorderedList,exports.Wrap=e.Wrap,exports.WrapItem=e.WrapItem,exports.useConst=e.useConst,exports.useInterval=e.useInterval,exports.useOutsideClick=e.useOutsideClick,exports.useToast=e.useToast,exports.AlertDialogBody=r.ModalBody,exports.CModalBody=r.ModalBody,exports.DrawerBody=r.ModalBody,exports.AlertDialogFooter=o.ModalFooter,exports.CModalFooter=o.ModalFooter,exports.DrawerFooter=o.ModalFooter,exports.AlertDialogHeader=t.ModalHeader,exports.CModalHeader=t.ModalHeader,exports.DrawerHeader=t.ModalHeader,exports.AlertDialogOverlay=s.ModalOverlay,exports.DrawerOverlay=s.ModalOverlay,exports.ModalContent=s.ModalContent,exports.ModalOverlay=s.ModalOverlay,exports.Box=u.Box,exports.Circle=u.Circle,exports.Square=u.Square,exports.CAlert=n.Alert,exports.CAvatar=p.Avatar,exports.CButton=i.Button,exports.CCheckboxGroup=a.CheckboxGroup,exports.useCheckboxGroup=a.useCheckboxGroup,exports.Center=x.Center,exports.Grid=x.Grid,exports.GridItem=x.GridItem,exports.CInput=c.Input,exports.InputGroup=c.InputGroup,exports.InputLeftElement=c.InputLeftElement,exports.InputRightElement=c.InputRightElement,exports.CMenu=d.Menu,exports.CMenuButton=l.MenuButton,exports.CMenuList=k.MenuList,exports.CModal=b.Modal,exports.CPopover=q.Popover,exports.PopoverContent=q.PopoverContent,exports.PopoverTrigger=q.PopoverTrigger,exports.CPopoverBody=j.PopoverBody,exports.CPopoverFooter=C.PopoverFooter,exports.CPopoverHeader=h.PopoverHeader,exports.CRadioGroup=f.RadioGroup,exports.useRadio=f.useRadio,exports.useRadioGroup=f.useRadioGroup,exports.CSelect=M.Select,exports.CTab=T.Tab,exports.CTabs=T.Tabs,exports.CTextarea=I.Textarea,exports.Flex=m.Flex,exports.FormControl=B.FormControl,exports.FormHelperText=B.FormHelperText,exports.FormErrorMessage=P.FormErrorMessage,exports.FormLabel=P.FormLabel,exports.HStack=A.HStack,exports.IconButton=S.IconButton,exports.Image=D.Image,exports.MenuGroup=L.MenuGroup,exports.PopoverArrow=G.PopoverArrow,exports.Portal=v.Portal,exports.Spacer=F.Spacer,exports.Stack=N.Stack,exports.TabList=H.TabList,exports.TabPanels=H.TabPanels,exports.useBreakpoint=O.useBreakpoint,exports.useBreakpointValue=O.useBreakpointValue,exports.useMediaQuery=O.useMediaQuery,exports.useCheckbox=R.useCheckbox,exports.useDisclosure=g.useDisclosure,exports.usePopoverContext=y.usePopoverContext,exports.VStack=Q.VStack;
 //# sourceMappingURL=index.js.map

package/build/checkbox.component-dbd85bc3.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./_tslib-0d5bfb36.js"),s=require("./index-ab6a5829.js"),t=require("./chunk-LYGBQ47X-860683bc.js"),r=require("./chunk-ZHQNHOQS-e42dfe53.js"),n=require("./chunk-YTQ3XZ3T-35b9104a.js"),i=require("./chunk-7D6N5TE5-007be610.js"),a=require("./chunk-DMO4EI7P-ca8ed75b.js"),o=require("./chunk-ZJJGQIVY-92dcec9e.js"),c=require("./emotion-react.esm-05629c91.js"),l=require("./chunk-KRPLQIP4-a4bbde97.js");function u(e){return n.jsxRuntimeExports.jsx(r.chakra.svg,{width:"1.2em",viewBox:"0 0 12 10",style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16},...e,children:n.jsxRuntimeExports.jsx("polyline",{points:"1.5 6 4.5 9 10.5 1"})})}function m(e){return n.jsxRuntimeExports.jsx(r.chakra.svg,{width:"1.2em",viewBox:"0 0 24 24",style:{stroke:"currentColor",strokeWidth:4},...e,children:n.jsxRuntimeExports.jsx("line",{x1:"21",x2:"3",y1:"12",y2:"12"})})}function x(e){const{isIndeterminate:s,isChecked:t,...i}=e,a=s?m:u;return t||s?n.jsxRuntimeExports.jsx(r.chakra.div,{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsxRuntimeExports.jsx(a,{...i})}):null}var h={display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0},d={cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"},p=c.keyframes({from:{opacity:0,strokeDashoffset:16,transform:"scale(0.95)"},to:{opacity:1,strokeDashoffset:0,transform:"scale(1)"}}),k=c.keyframes({from:{opacity:0},to:{opacity:1}}),f=c.keyframes({from:{transform:"scaleX(0.65)"},to:{transform:"scaleX(1)"}}),j=o.forwardRef((function(e,o){const c=t.useCheckboxGroupContext(),l={...c,...e},u=a.useMultiStyleConfig("Checkbox",l),m=n.omitThemingProps(e),{spacing:j="0.5rem",className:b,children:v,iconColor:g,iconSize:C,icon:E=n.jsxRuntimeExports.jsx(x,{}),isChecked:y,isDisabled:_=(null==c?void 0:c.isDisabled),onChange:R,inputProps:I,...q}=m;let P=y;(null==c?void 0:c.value)&&m.value&&(P=c.value.includes(m.value));let S=R;(null==c?void 0:c.onChange)&&m.value&&(S=n.callAll(c.onChange,R));const{state:D,getInputProps:N,getCheckboxProps:Q,getLabelProps:w,getRootProps:z}=i.useCheckbox({...q,isDisabled:_,isChecked:P,onChange:S}),T=function(e){const[t,r]=s.reactExports.useState(e),[n,i]=s.reactExports.useState(!1);return e!==t&&(i(!0),r(e)),n}(D.isChecked),X=s.reactExports.useMemo((()=>({animation:T?D.isIndeterminate?`${k} 20ms linear, ${f} 200ms linear`:`${p} 200ms linear`:void 0,fontSize:C,color:g,...u.icon})),[g,C,T,D.isIndeterminate,u.icon]),A=s.reactExports.cloneElement(E,{__css:X,isIndeterminate:D.isIndeterminate,isChecked:D.isChecked});return n.jsxRuntimeExports.jsxs(r.chakra.label,{__css:{...d,...u.container},className:n.cx("chakra-checkbox",b),...z(),children:[n.jsxRuntimeExports.jsx("input",{className:"chakra-checkbox__input",...N(I,o)}),n.jsxRuntimeExports.jsx(r.chakra.span,{__css:{...h,...u.control},className:"chakra-checkbox__control",...Q(),children:A}),v&&n.jsxRuntimeExports.jsx(r.chakra.span,{className:"chakra-checkbox__label",...w(),__css:{marginStart:j,...u.label},children:v})]})}));j.displayName="Checkbox";exports.Checkbox=function(t){var r=t.children,n=t.size,i=void 0===n?"md":n,a=t.variant,o=void 0===a?"square":a,c=t.m,u=void 0===c?0:c,m=t.mb,x=t.mt,h=t.mr,d=t.ml,p=e.__rest(t,["children","size","variant","m","mb","mt","mr","ml"]),k={m:u,mb:m,mt:x,mr:h,ml:d};return s.reactExports.createElement(l.Flex,e.__assign({},k),s.reactExports.createElement(j,e.__assign({},p,{size:i,variant:o,m:0,alignItems:"flex-start"}),r))};
+//# sourceMappingURL=checkbox.component-dbd85bc3.js.map

package/build/checkbox.component-dbd85bc3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-dbd85bc3.js","sources":["../node_modules/@chakra-ui/checkbox/dist/chunk-ULEC7HZU.mjs","../node_modules/@chakra-ui/checkbox/dist/chunk-CWVAJCXJ.mjs","../node_modules/@chakra-ui/checkbox/dist/chunk-2TOCDA5N.mjs","../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client'\n\n// src/checkbox-icon.tsx\nimport { chakra } from \"@chakra-ui/system\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction CheckIcon(props) {\n  return /* @__PURE__ */ jsx(\n    chakra.svg,\n    {\n      width: \"1.2em\",\n      viewBox: \"0 0 12 10\",\n      style: {\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16\n      },\n      ...props,\n      children: /* @__PURE__ */ jsx(\"polyline\", { points: \"1.5 6 4.5 9 10.5 1\" })\n    }\n  );\n}\nfunction IndeterminateIcon(props) {\n  return /* @__PURE__ */ jsx(\n    chakra.svg,\n    {\n      width: \"1.2em\",\n      viewBox: \"0 0 24 24\",\n      style: { stroke: \"currentColor\", strokeWidth: 4 },\n      ...props,\n      children: /* @__PURE__ */ jsx(\"line\", { x1: \"21\", x2: \"3\", y1: \"12\", y2: \"12\" })\n    }\n  );\n}\nfunction CheckboxIcon(props) {\n  const { isIndeterminate, isChecked, ...rest } = props;\n  const BaseIcon = isIndeterminate ? IndeterminateIcon : CheckIcon;\n  return isChecked || isIndeterminate ? /* @__PURE__ */ jsx(\n    chakra.div,\n    {\n      style: {\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\"\n      },\n      children: /* @__PURE__ */ jsx(BaseIcon, { ...rest })\n    }\n  ) : null;\n}\n\nexport {\n  CheckboxIcon\n};\n//# sourceMappingURL=chunk-ULEC7HZU.mjs.map","'use client'\nimport {\n  useInitialAnimationState\n} from \"./chunk-2TOCDA5N.mjs\";\nimport {\n  useCheckboxGroupContext\n} from \"./chunk-LYGBQ47X.mjs\";\nimport {\n  CheckboxIcon\n} from \"./chunk-ULEC7HZU.mjs\";\nimport {\n  useCheckbox\n} from \"./chunk-7D6N5TE5.mjs\";\n\n// src/checkbox.tsx\nimport { callAll, cx } from \"@chakra-ui/shared-utils\";\nimport {\n  chakra,\n  forwardRef,\n  keyframes,\n  omitThemingProps,\n  useMultiStyleConfig\n} from \"@chakra-ui/system\";\nimport { cloneElement, useMemo } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar controlStyles = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  verticalAlign: \"top\",\n  userSelect: \"none\",\n  flexShrink: 0\n};\nvar rootStyles = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  verticalAlign: \"top\",\n  position: \"relative\"\n};\nvar checkAnim = keyframes({\n  from: {\n    opacity: 0,\n    strokeDashoffset: 16,\n    transform: \"scale(0.95)\"\n  },\n  to: {\n    opacity: 1,\n    strokeDashoffset: 0,\n    transform: \"scale(1)\"\n  }\n});\nvar indeterminateOpacityAnim = keyframes({\n  from: {\n    opacity: 0\n  },\n  to: {\n    opacity: 1\n  }\n});\nvar indeterminateScaleAnim = keyframes({\n  from: {\n    transform: \"scaleX(0.65)\"\n  },\n  to: {\n    transform: \"scaleX(1)\"\n  }\n});\nvar Checkbox = forwardRef(function Checkbox2(props, ref) {\n  const group = useCheckboxGroupContext();\n  const mergedProps = { ...group, ...props };\n  const styles = useMultiStyleConfig(\"Checkbox\", mergedProps);\n  const ownProps = omitThemingProps(props);\n  const {\n    spacing = \"0.5rem\",\n    className,\n    children,\n    iconColor,\n    iconSize,\n    icon = /* @__PURE__ */ jsx(CheckboxIcon, {}),\n    isChecked: isCheckedProp,\n    isDisabled = group == null ? void 0 : group.isDisabled,\n    onChange: onChangeProp,\n    inputProps,\n    ...rest\n  } = ownProps;\n  let isChecked = isCheckedProp;\n  if ((group == null ? void 0 : group.value) && ownProps.value) {\n    isChecked = group.value.includes(ownProps.value);\n  }\n  let onChange = onChangeProp;\n  if ((group == null ? void 0 : group.onChange) && ownProps.value) {\n    onChange = callAll(group.onChange, onChangeProp);\n  }\n  const {\n    state,\n    getInputProps,\n    getCheckboxProps,\n    getLabelProps,\n    getRootProps\n  } = useCheckbox({\n    ...rest,\n    isDisabled,\n    isChecked,\n    onChange\n  });\n  const shouldAnimate = useInitialAnimationState(state.isChecked);\n  const iconStyles = useMemo(\n    () => ({\n      animation: !shouldAnimate ? void 0 : state.isIndeterminate ? `${indeterminateOpacityAnim} 20ms linear, ${indeterminateScaleAnim} 200ms linear` : `${checkAnim} 200ms linear`,\n      fontSize: iconSize,\n      color: iconColor,\n      ...styles.icon\n    }),\n    [iconColor, iconSize, shouldAnimate, state.isIndeterminate, styles.icon]\n  );\n  const clonedIcon = cloneElement(icon, {\n    __css: iconStyles,\n    isIndeterminate: state.isIndeterminate,\n    isChecked: state.isChecked\n  });\n  return /* @__PURE__ */ jsxs(\n    chakra.label,\n    {\n      __css: { ...rootStyles, ...styles.container },\n      className: cx(\"chakra-checkbox\", className),\n      ...getRootProps(),\n      children: [\n        /* @__PURE__ */ jsx(\n          \"input\",\n          {\n            className: \"chakra-checkbox__input\",\n            ...getInputProps(inputProps, ref)\n          }\n        ),\n        /* @__PURE__ */ jsx(\n          chakra.span,\n          {\n            __css: { ...controlStyles, ...styles.control },\n            className: \"chakra-checkbox__control\",\n            ...getCheckboxProps(),\n            children: clonedIcon\n          }\n        ),\n        children && /* @__PURE__ */ jsx(\n          chakra.span,\n          {\n            className: \"chakra-checkbox__label\",\n            ...getLabelProps(),\n            __css: {\n              marginStart: spacing,\n              ...styles.label\n            },\n            children\n          }\n        )\n      ]\n    }\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\nexport {\n  Checkbox\n};\n//# sourceMappingURL=chunk-CWVAJCXJ.mjs.map","'use client'\n\n// src/use-initial-animation-state.tsx\nimport { useState } from \"react\";\nfunction useInitialAnimationState(isChecked) {\n  const [previousIsChecked, setPreviousIsChecked] = useState(isChecked);\n  const [shouldAnimate, setShouldAnimate] = useState(false);\n  if (isChecked !== previousIsChecked) {\n    setShouldAnimate(true);\n    setPreviousIsChecked(isChecked);\n  }\n  return shouldAnimate;\n}\n\nexport {\n  useInitialAnimationState\n};\n//# sourceMappingURL=chunk-2TOCDA5N.mjs.map","import React from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps, Flex } from '@chakra-ui/react';\nimport { CheckboxSize, CheckboxVariant } from './checkbox.types';\n\nexport interface CheckboxProps extends CCheckboxProps {\n  size?: CheckboxSize;\n  variant?: CheckboxVariant;\n}\n\nexport const Checkbox = ({\n  children,\n  size = 'md',\n  variant = 'square',\n  m = 0,\n  mb,\n  mt,\n  mr,\n  ml,\n  ...rest\n}: CheckboxProps): JSX.Element => {\n  const margins = { m, mb, mt, mr, ml };\n\n  return (\n    <Flex {...margins}>\n      <CCheckbox {...rest} size={size} variant={variant} m={0} alignItems=\"flex-start\">\n        {children}\n      </CCheckbox>\n    </Flex>\n  );\n};\n"],"names":["CheckIcon","props","jsx","jsxRuntimeExports","chakra","svg","width","viewBox","style","fill","strokeWidth","stroke","strokeDasharray","children","points","IndeterminateIcon","x1","x2","y1","y2","CheckboxIcon","isIndeterminate","isChecked","rest","BaseIcon","div","display","alignItems","justifyContent","height","controlStyles","verticalAlign","userSelect","flexShrink","rootStyles","cursor","position","checkAnim","keyframes","from","opacity","strokeDashoffset","transform","to","indeterminateOpacityAnim","indeterminateScaleAnim","Checkbox","forwardRef","ref","group","useCheckboxGroupContext","mergedProps","styles","useMultiStyleConfig","ownProps","omitThemingProps","spacing","className","iconColor","iconSize","icon","isCheckedProp","isDisabled","onChange","onChangeProp","inputProps","value","includes","callAll","state","getInputProps","getCheckboxProps","getLabelProps","getRootProps","useCheckbox","shouldAnimate","previousIsChecked","setPreviousIsChecked","useState","reactExports","setShouldAnimate","useInitialAnimationState","iconStyles","useMemo","animation","fontSize","color","clonedIcon","cloneElement","__css","jsxs","label","container","cx","span","control","marginStart","displayName","_a","_b","size","_c","variant","_d","m","mb","mt","mr","ml","__rest","margins","React","createElement","Flex","__assign","CCheckbox"],"mappings":"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"}

package/build/checkboxGroup.component-f3f3b121.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./_tslib-0d5bfb36.js"),r=require("./index-ab6a5829.js"),i=require("./formControl.component-eabafa0f.js"),t=require("./checkbox.component-dbd85bc3.js"),n=require("./chunk-CKJ5T3MX-fdac5444.js"),a=require("./chunk-ZHMYA64R-fb79d80c.js"),c=function(i){var c=i.checkboxes,o=i.size,s=void 0===o?"md":o,d=i.direction,p=void 0===d?"row":d,u=i.spacing,b=i.variant,x=e.__rest(i,["checkboxes","size","direction","spacing","variant"]);x.isFieldInline;var h=e.__rest(x,["isFieldInline"]);return r.reactExports.createElement(n.CheckboxGroup,e.__assign({},h),r.reactExports.createElement(a.Stack,{direction:p,spacing:u,width:"fit-content"},c.map((function(i,n){return r.reactExports.createElement(t.Checkbox,e.__assign({key:n},i,{size:s,variant:b||i.variant}))}))))};c.displayName="CheckboxGroup";var o=i.withFormControl(c);exports.WrappedCheckboxGroup=o;
+//# sourceMappingURL=checkboxGroup.component-f3f3b121.js.map

package/build/{checkboxGroup.component-2b744fe0.js.map → checkboxGroup.component-f3f3b121.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.component-2b744fe0.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CheckboxGroup as CCheckboxGroup,\n  CheckboxGroupProps as CCheckboxGroupProps,\n  Stack,\n  SystemProps,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from '../Checkbox/checkbox.types';\n\nexport interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {\n  size?: CheckboxSize;\n  checkboxes: CheckboxProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n  variant?: CheckboxVariant;\n}\n\nconst CheckboxGroup = ({\n  checkboxes,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  variant,\n  ...rest\n}: CheckboxGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CCheckboxGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox key={index} {...checkbox} size={size} variant={variant || checkbox.variant} />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","_b","size","_c","direction","spacing","variant","rest","__rest","isFieldInline","domProps","React","createElement","CCheckboxGroup","__assign","Stack","width","map","checkbox","index","Checkbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"6VAqBMA,EAAgB,SAACC,GACrB,IAAAC,EAAUD,EAAAC,WACVC,EAAWF,EAAAG,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAJ,EAAAK,UAAAA,aAAY,MAAKD,EACjBE,EAAON,EAAAM,QACPC,EAAOP,EAAAO,QACJC,EANkBC,EAAAA,OAAAT,EAAA,CAAA,aAAA,OAAA,YAAA,UAAA,YAQkBQ,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,GAClBC,EAAC,QAAAC,cAAAG,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDhB,EAAWiB,KAAI,SAACC,EAAUC,GAAU,OACnCR,EAAA,QAAAC,cAACQ,EAAQA,SAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAUhB,KAAMA,EAAMI,QAASA,GAAWY,EAASZ,iBAOvFR,EAAcwB,YAAc,gBAE5B,IAAMC,EAAuBC,EAAeA,gBAAC1B"}
+{"version":3,"file":"checkboxGroup.component-f3f3b121.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CheckboxGroup as CCheckboxGroup,\n  CheckboxGroupProps as CCheckboxGroupProps,\n  Stack,\n  SystemProps,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from '../Checkbox/checkbox.types';\n\nexport interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {\n  size?: CheckboxSize;\n  checkboxes: CheckboxProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n  variant?: CheckboxVariant;\n}\n\nconst CheckboxGroup = ({\n  checkboxes,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  variant,\n  ...rest\n}: CheckboxGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CCheckboxGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox key={index} {...checkbox} size={size} variant={variant || checkbox.variant} />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","_b","size","_c","direction","spacing","variant","rest","__rest","isFieldInline","domProps","React","createElement","CCheckboxGroup","__assign","reactExports","Stack","width","map","checkbox","index","Checkbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"uQAqBMA,EAAgB,SAACC,GACrB,IAAAC,EAAUD,EAAAC,WACVC,EAAWF,EAAAG,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAJ,EAAAK,UAAAA,aAAY,MAAKD,EACjBE,EAAON,EAAAM,QACPC,EAAOP,EAAAO,QACJC,EANkBC,EAAAA,OAAAT,EAAA,CAAA,aAAA,OAAA,YAAA,UAAA,YAQkBQ,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,aAAAC,cAACC,EAAAA,cAAcC,EAAAA,SAAA,CAAA,EAAKJ,GAClBC,EAACI,aAAAH,cAAAI,EAAKA,MAAC,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,MAAM,eAClDjB,EAAWkB,KAAI,SAACC,EAAUC,GAAU,OACnCT,EAAAI,aAAAH,cAACS,EAAQA,SAACP,EAAAA,SAAA,CAAAQ,IAAKF,GAAWD,GAAUjB,KAAMA,EAAMI,QAASA,GAAWa,EAASb,UAD1C,KAM7C,EAEAR,EAAcyB,YAAc,gBAE5B,IAAMC,EAAuBC,EAAeA,gBAAC3B"}

package/build/chunk-24I2HV4N-778e6d36.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chunk-Z3POGKNI-4ce32813.js"),r=require("./index-ab6a5829.js"),o=require("./index-3a7d1a64.js"),n=require("./index-f15c1f04.js"),t=require("./index-8e1ef197.js"),s=require("./chunk-YTQ3XZ3T-35b9104a.js"),l=require("./index-fe0b5dc3.js"),i=require("./chunk-DMO4EI7P-ca8ed75b.js"),a=require("./chunk-UIGT7YZF-8ae79233.js"),c=require("./chunk-ZHQNHOQS-e42dfe53.js"),u=require("./chunk-ZJJGQIVY-92dcec9e.js"),p=require("./motion-6c87f827.js");var d=()=>"undefined"!=typeof window;var v=e=>d()&&e.test(function(){var e;const r=navigator.userAgentData;return null!=(e=null==r?void 0:r.platform)?e:navigator.platform}()),f=()=>{return v(/mac|iphone|ipad|ipod/i)&&(e=/apple/i,d()&&e.test(navigator.vendor));var e};function m(o){const n=r.reactExports.Children.only(o.children),{getTriggerProps:t}=e.usePopoverContext();return r.reactExports.cloneElement(n,t(n.props,n.ref))}m.displayName="PopoverTrigger";var x={click:"click",hover:"hover"};function g(e={}){const{closeOnBlur:i=!0,closeOnEsc:a=!0,initialFocusRef:c,id:u,returnFocusOnClose:p=!0,autoFocus:d=!0,arrowSize:v,arrowShadowColor:m,trigger:g=x.click,openDelay:h=200,closeDelay:y=200,isLazy:b,lazyBehavior:C="unmount",computePositionOnMount:k,...w}=e,{isOpen:R,onClose:j,onOpen:A,onToggle:T}=n.useDisclosure(e),O=r.reactExports.useRef(null),D=r.reactExports.useRef(null),H=r.reactExports.useRef(null),S=r.reactExports.useRef(!1),q=r.reactExports.useRef(!1);R&&(q.current=!0);const[F,M]=r.reactExports.useState(!1),[I,N]=r.reactExports.useState(!1),_=r.reactExports.useId(),B=null!=u?u:_,[L,z,K,U]=["popover-trigger","popover-content","popover-header","popover-body"].map((e=>`${e}-${B}`)),{referenceRef:Z,getArrowProps:Q,getPopperProps:V,getArrowInnerProps:G,forceUpdate:Y}=n.usePopper({...w,enabled:R||!!k}),$=o.useAnimationState({isOpen:R,ref:H});!function(e){const{ref:r,elements:o,enabled:t}=e,s=()=>{var e,o;return null!=(o=null==(e=r.current)?void 0:e.ownerDocument)?o:document};n.useEventListener(s,"pointerdown",(e=>{if(!f()||!t)return;const n=e.target,l=(null!=o?o:[r]).some((e=>{const r="current"in e?e.current:e;return(null==r?void 0:r.contains(n))||r===n}));s().activeElement!==n&&l&&(e.preventDefault(),n.focus())}))}({enabled:R,ref:D}),o.useFocusOnHide(H,{focusRef:D,visible:R,shouldFocus:p&&g===x.click}),o.useFocusOnShow(H,{focusRef:c,visible:R,shouldFocus:d&&g===x.click});const J=l.lazyDisclosure({wasSelected:q.current,enabled:b,mode:C,isSelected:$.present}),X=r.reactExports.useCallback(((e={},r=null)=>{const o={...e,style:{...e.style,transformOrigin:n.cssVars.transformOrigin.varRef,[n.cssVars.arrowSize.var]:v?`${v}px`:void 0,[n.cssVars.arrowShadowColor.var]:m},ref:t.mergeRefs(H,r),children:J?e.children:null,id:z,tabIndex:-1,role:"dialog",onKeyDown:s.callAllHandlers(e.onKeyDown,(e=>{a&&"Escape"===e.key&&j()})),onBlur:s.callAllHandlers(e.onBlur,(e=>{const r=E(e),o=P(H.current,r),n=P(D.current,r);R&&i&&(!o&&!n)&&j()})),"aria-labelledby":F?K:void 0,"aria-describedby":I?U:void 0};return g===x.hover&&(o.role="tooltip",o.onMouseEnter=s.callAllHandlers(e.onMouseEnter,(()=>{S.current=!0})),o.onMouseLeave=s.callAllHandlers(e.onMouseLeave,(e=>{null!==e.nativeEvent.relatedTarget&&(S.current=!1,setTimeout((()=>j()),y))}))),o}),[J,z,F,K,I,U,g,a,j,R,i,y,m,v]),W=r.reactExports.useCallback(((e={},r=null)=>V({...e,style:{visibility:R?"visible":"hidden",...e.style}},r)),[R,V]),ee=r.reactExports.useCallback(((e,r=null)=>({...e,ref:t.mergeRefs(r,O,Z)})),[O,Z]),re=r.reactExports.useRef(),oe=r.reactExports.useRef(),ne=r.reactExports.useCallback((e=>{null==O.current&&Z(e)}),[Z]),te=r.reactExports.useCallback(((e={},r=null)=>{const o={...e,ref:t.mergeRefs(D,r,ne),id:L,"aria-haspopup":"dialog","aria-expanded":R,"aria-controls":z};return g===x.click&&(o.onClick=s.callAllHandlers(e.onClick,T)),g===x.hover&&(o.onFocus=s.callAllHandlers(e.onFocus,(()=>{void 0===re.current&&A()})),o.onBlur=s.callAllHandlers(e.onBlur,(e=>{const r=E(e),o=!P(H.current,r);R&&i&&o&&j()})),o.onKeyDown=s.callAllHandlers(e.onKeyDown,(e=>{"Escape"===e.key&&j()})),o.onMouseEnter=s.callAllHandlers(e.onMouseEnter,(()=>{S.current=!0,re.current=window.setTimeout((()=>A()),h)})),o.onMouseLeave=s.callAllHandlers(e.onMouseLeave,(()=>{S.current=!1,re.current&&(clearTimeout(re.current),re.current=void 0),oe.current=window.setTimeout((()=>{!1===S.current&&j()}),y)}))),o}),[L,R,z,g,ne,T,A,i,j,h,y]);r.reactExports.useEffect((()=>()=>{re.current&&clearTimeout(re.current),oe.current&&clearTimeout(oe.current)}),[]);const se=r.reactExports.useCallback(((e={},r=null)=>({...e,id:K,ref:t.mergeRefs(r,(e=>{M(!!e)}))})),[K]),le=r.reactExports.useCallback(((e={},r=null)=>({...e,id:U,ref:t.mergeRefs(r,(e=>{N(!!e)}))})),[U]);return{forceUpdate:Y,isOpen:R,onAnimationComplete:$.onComplete,onClose:j,getAnchorProps:ee,getArrowProps:Q,getArrowInnerProps:G,getPopoverPositionerProps:W,getPopoverProps:X,getTriggerProps:te,getHeaderProps:se,getBodyProps:le}}function P(e,r){return e===r||(null==e?void 0:e.contains(r))}function E(e){var r;const o=e.currentTarget.ownerDocument.activeElement;return null!=(r=e.relatedTarget)?r:o}function h(r){const o=i.useMultiStyleConfig("Popover",r),{children:n,...t}=s.omitThemingProps(r),l=g({...t,direction:a.useTheme().direction});return s.jsxRuntimeExports.jsx(e.PopoverProvider,{value:l,children:s.jsxRuntimeExports.jsx(e.PopoverStylesProvider,{value:o,children:s.runIfFn(n,{isOpen:l.isOpen,onClose:l.onClose,forceUpdate:l.forceUpdate})})})}function y(e){if(e)return{enter:{...e.enter,visibility:"visible"},exit:{...e.exit,transitionEnd:{visibility:"hidden"}}}}h.displayName="Popover";var b={exit:{opacity:0,scale:.95,transition:{duration:.1,ease:[.4,0,1,1]}},enter:{scale:1,opacity:1,transition:{duration:.15,ease:[0,0,.2,1]}}},C=c.chakra(p.motion.section),k=u.forwardRef((function(r,o){const{variants:n=b,...t}=r,{isOpen:l}=e.usePopoverContext();return s.jsxRuntimeExports.jsx(C,{ref:o,variants:y(n),initial:!1,animate:l?"enter":"exit",...t})}));k.displayName="PopoverTransition";var w=u.forwardRef((function(r,o){const{rootProps:n,motionProps:t,...l}=r,{getPopoverProps:i,getPopoverPositionerProps:a,onAnimationComplete:u}=e.usePopoverContext(),p=e.usePopoverStyles(),d={position:"relative",display:"flex",flexDirection:"column",...p.content};return s.jsxRuntimeExports.jsx(c.chakra.div,{...a(n),__css:p.popper,className:"chakra-popover__popper",children:s.jsxRuntimeExports.jsx(k,{...t,...i(l,o),onAnimationComplete:s.callAll(u,l.onAnimationComplete),className:s.cx("chakra-popover__content",r.className),__css:d})})}));w.displayName="PopoverContent",exports.Popover=h,exports.PopoverContent=w,exports.PopoverTrigger=m;
+//# sourceMappingURL=chunk-24I2HV4N-778e6d36.js.map