@televet/kibble-ui 1.20.21-beta.cs2 → 1.20.21-beta.cs21

package/build/components/Alert/components/alertIcon.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),o=require("../../../chakra/components/Box/chakra/components/Box/index.js"),t=require("../../Icon/icon.component.js"),a=require("../../../node_modules/@chakra-ui/color-mode/dist/chakra-ui-color-mode.esm.js"),s=require("../alert.records.js"),l=require("../alert.types.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r);exports.default=function(r){var u=r.iconProps,c=r.status,i=a.useColorModeValue(s.AlertIconColorMap[c],"currentColor");return n.default.createElement(o.default,{className:"Alert__Icon",maxH:"24px"},n.default.createElement(t.default,e.__assign({color:i,size:"lg"},u,{name:(null==u?void 0:u.name)||l.AlertStatusIcon[c]})))};
+//# sourceMappingURL=alertIcon.component.js.map

package/build/components/Alert/components/alertIcon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertIcon.component.js","sources":["../../../../src/components/Alert/components/alertIcon.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap } from '../alert.records';\nimport { AlertStatusIcon, AlertVariant, Status } from '../alert.types';\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: AlertVariant | Status;\n}\n\nconst 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\nexport default AlertIcon;\n"],"names":["props","iconProps","status","iconColor","useColorModeValue","AlertIconColorMap","React","createElement","Box","className","maxH","Icon","__assign","color","size","name","AlertStatusIcon"],"mappings":"mgBAYkB,SAACA,GACT,IAAAC,EAAsBD,EAAKC,UAAhBC,EAAWF,EAAKE,OAC7BC,EAAYC,EAAAA,kBAAkBC,EAAAA,kBAAkBH,GAAS,gBAE/D,OACEI,EAAAA,QAACC,cAAAC,EAAG,QAAC,CAAAC,UAAU,cAAcC,KAAK,QAChCJ,EAAAA,QAAAC,cAACI,UAAIC,EAAAA,SAAA,CAACC,MAAOV,EAAWW,KAAK,MAASb,EAAS,CAAEc,MAAMd,MAAAA,OAAS,EAATA,EAAWc,OAAQC,kBAAgBd"}

package/build/components/Alert/components/alertTitle.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { HeadingProps } from 'components/Heading/heading.component';
+export interface AlertTitleProps {
+    title?: string | ReactNode;
+    titleProps?: HeadingProps;
+}
+export declare const AlertTitle: (props: AlertTitleProps) => JSX.Element;
+export default AlertTitle;

package/build/components/Alert/components/alertTitle.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../Heading/heading.component.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t),s=function(t){var l=t.title,s=t.titleProps;return i.default.createElement(r.default,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},s),l)};exports.AlertTitle=s,exports.default=s;
+//# sourceMappingURL=alertTitle.component.js.map

package/build/components/Alert/components/alertTitle.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertTitle.component.js","sources":["../../../../src/components/Alert/components/alertTitle.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport Heading, { HeadingProps } from 'components/Heading/heading.component';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n      {title}\n    </Heading>\n  );\n};\n\nexport default AlertTitle;\n"],"names":["AlertTitle","props","title","titleProps","React","createElement","Heading","__assign","className","flexGrow","colorToken","lineHeight","size"],"mappings":"oRAQaA,EAAa,SAACC,GACjB,IAAAC,EAAsBD,EAAKC,MAApBC,EAAeF,EAAKE,WACnC,OACEC,EAAA,QAAAC,cAACC,UAAOC,EAAAA,SAAA,CAACC,UAAU,eAAeC,SAAU,EAAGC,WAAW,UAAUC,WAAY,EAAGC,KAAK,MAAST,GAC9FD"}

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

@@ -0,0 +1,2 @@
+import Alert from './alert.component';
+export default Alert;

package/build/components/Avatar/avatar.component.d.ts

@@ -0,0 +1,24 @@
+import { PlacementWithLogical } from '@chakra-ui/popper';
+import { AvatarProps as CAvatarProps } from '@chakra-ui/avatar';
+import React, { CSSProperties } from 'react';
+import { AvatarSize, AvatarVariant } from './avatar.types';
+import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
+import { IconName } from '../Icon/icon.types';
+export interface AvatarProps extends CAvatarProps {
+    name: string;
+    size?: AvatarSize;
+    isClinic?: boolean;
+    showTooltip?: boolean;
+    tooltipPlacement?: PlacementWithLogical;
+    style?: CSSProperties;
+    handleClick?: React.MouseEventHandler<HTMLSpanElement>;
+    showRemoveButton?: boolean;
+    handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;
+    variant?: AvatarVariant;
+    iconName?: IconName;
+    tooltipText?: string;
+    showBadge?: boolean;
+    badgeProps?: AvatarBadgeProps;
+}
+declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;
+export default Avatar;

package/build/components/Avatar/avatar.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"),a=require("../../chakra/components/Box/chakra/components/Box/index.js"),o=require("../Icon/icon.component.js"),r=require("../Tooltip/tooltip.component.js"),n=require("../../hooks/useTheme.js"),i=require("react"),s=require("./avatar.types.js"),u=require("../../utils/sizes.js"),l=require("./components/AvatarBadge/avatarBadge.component.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(i);exports.default=function(c){var m,v=c.name,p=c.src,f=c.isClinic,h=void 0!==f&&f,_=c.size,x=void 0===_?"md":_,g=c.showTooltip,k=void 0===g||g,b=c.tooltipPlacement,C=void 0===b?"bottom":b,j=c.style,A=c.handleClick,B=c.showRemoveButton,q=c.handleRemoveButtonClick,z=c.variant,E=c.iconName,V=c.tooltipText,w=c.showBadge,T=c.badgeProps,y=e.__rest(c,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),R=n.default(),S=e.__read(i.useState(!!p),2),I=S[0],M=S[1],N=e.__read(i.useState(!1),2),P=N[0],L=N[1],D=e.__read(i.useState(!1),2),G=D[0],O=D[1],F="xs"===x||z===s.AvatarVariant.Dashed||z===s.AvatarVariant.Number,H=h?"comet":(m=v.charCodeAt(0))>=65&&m<=71?s.AvatarVariant.Blue:m>=72&&m<=77?s.AvatarVariant.Red:m>=78&&m<=84?s.AvatarVariant.Green:s.AvatarVariant.Comet;I&&(H=s.AvatarVariant.Image),E&&(H=s.AvatarVariant.Icon);var J=e.__assign({cursor:A?"pointer":"auto"},j),K=d.default.createElement(t.Avatar,e.__assign({},y,{name:E?"":v,src:p,size:x,style:J,variant:z||H},E&&{icon:d.default.createElement(o.default,{name:E,size:u.getNextIconSize(x,!0,"sm"===x||"xs"===x?2:1)})},{icon:E&&d.default.createElement(o.default,{name:E,size:u.getNextIconSize(x,!0,"sm"===x||"xs"===x?2:1)}),onClick:A,onError:function(){return M(!1)},onMouseEnter:function(){return L(!0)},onMouseLeave:function(){return L(!1)}}),B&&P&&!F&&d.default.createElement(a.default,{backgroundColor:R.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:q,onMouseEnter:function(){return O(!0)},onMouseLeave:function(){return O(!1)}},d.default.createElement(o.default,{name:"closeCircle",size:G?"sm":"xs",colorToken:"default"})),w&&d.default.createElement(l.default,e.__assign({avatarSize:x},T)));return k?d.default.createElement(r.default,{label:V||v,placement:C},K):K};
+//# sourceMappingURL=avatar.component.js.map

package/build/components/Avatar/avatar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component.js","sources":["../../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport Box from 'chakra/components/Box';\nimport Icon from 'components/Icon';\nimport Tooltip from 'components/Tooltip';\nimport useTheme from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils';\nimport AvatarBadge, { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  name: string;\n  size?: AvatarSize;\n  isClinic?: boolean;\n  showTooltip?: boolean;\n  tooltipPlacement?: PlacementWithLogical;\n  style?: CSSProperties;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  showRemoveButton?: boolean;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  variant?: AvatarVariant;\n  iconName?: IconName;\n  tooltipText?: string;\n  showBadge?: boolean;\n  badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nconst Avatar = ({\n  name,\n  src,\n  isClinic = false,\n  size = 'md',\n  showTooltip = true,\n  tooltipPlacement = 'bottom',\n  style,\n  handleClick,\n  showRemoveButton,\n  handleRemoveButtonClick,\n  variant,\n  iconName,\n  tooltipText,\n  showBadge,\n  badgeProps,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const theme = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n  let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n  if (isSrcValid) {\n    _variant = AvatarVariant.Image;\n  }\n\n  if (iconName) {\n    _variant = AvatarVariant.Icon;\n  }\n\n  const avatarDynamicStyles: CSSProperties = {\n    cursor: handleClick ? 'pointer' : 'auto',\n    ...style,\n  };\n\n  const avatarMarkup = (\n    <CAvatar\n      {...rest}\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      style={avatarDynamicStyles}\n      variant={variant || _variant}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      icon={\n        iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />\n      }\n      onClick={handleClick}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={theme.colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-4px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n\nexport default Avatar;\n"],"names":["_a","charCode","name","src","_b","isClinic","_c","size","_d","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","AvatarVariant","Dashed","Number","_variant","charCodeAt","Blue","Red","Green","Comet","Image","Icon","avatarDynamicStyles","__assign","cursor","avatarMarkup","React","CAvatar","icon","createElement","getNextIconSize","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","white","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Tooltip","label","placement"],"mappings":"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"}

package/build/components/Avatar/avatar.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),r={baseStyle:{container:{backgroundColor:o.coreColors.white,borderWidth:"2px",boxShadow:"0 0 0 1px ".concat(o.coreColors.white),_hover:{backgroundColor:o.coreColors.gray[50],zIndex:2},_active:{backgroundColor:o.coreColors.gray[100]}},label:{paddingTop:"1px"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"12px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px",paddingTop:0}},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"}}},variants:{red:{container:{borderColor:o.coreColors.red[300]},label:{color:o.coreColors.red[300]}},green:{container:{borderColor:o.coreColors.green[400]},label:{color:o.coreColors.green[400]}},blue:{container:{borderColor:o.coreColors.blue[300]},label:{color:o.coreColors.blue[300]}},comet:{container:{backgroundColor:o.coreColors.comet[50],borderColor:o.coreColors.comet[400],_hover:{backgroundColor:o.coreColors.comet[100]},_active:{backgroundColor:o.coreColors.comet[200]}},label:{color:o.coreColors.comet[800]}},number:{container:{backgroundColor:o.coreColors.blue[800],border:0,_hover:{backgroundColor:o.coreColors.blue[800]},_active:{backgroundColor:o.coreColors.blue[800]}},label:{color:o.coreColors.white}},dashed:{container:{backgroundColor:o.coreColors.transparent,border:"1px dashed",borderColor:o.semanticColors.border.dark,boxShadow:0,_hover:{backgroundColor:o.coreColors.blackAlpha[100],zIndex:0},_active:{backgroundColor:o.coreColors.blackAlpha[200]}},label:{color:o.adaptiveColors.icon.light.subtle}},image:{container:{border:0,_hover:{backgroundColor:o.coreColors.black,img:{opacity:.94}},_active:{backgroundColor:o.coreColors.black,img:{opacity:.92}}}},icon:{container:{border:0,color:o.adaptiveColors.icon.light.default,backgroundColor:o.coreColors.comet[50],opacity:1,_hover:{backgroundColor:o.coreColors.comet[100]},_active:{backgroundColor:o.coreColors.comet[200]}}}}};exports.AvatarConfig=r;
+//# sourceMappingURL=avatar.config.js.map

package/build/components/Avatar/avatar.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.config.js","sources":["../../../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from '../../theme/tokens';\n\nexport const AvatarConfig: CustomStyleConfig = {\n  baseStyle: {\n    container: {\n      backgroundColor: coreColors.white,\n      borderWidth: '2px',\n      boxShadow: `0 0 0 1px ${coreColors.white}`,\n      _hover: {\n        backgroundColor: coreColors.gray[50],\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: coreColors.gray[100],\n      },\n    },\n    label: {\n      paddingTop: '1px',\n    },\n  },\n  sizes: {\n    xs: {\n      container: {\n        height: '24px',\n        width: '24px',\n      },\n      label: {\n        fontSize: '12px',\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        paddingTop: 0,\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  },\n  variants: {\n    red: {\n      container: {\n        borderColor: coreColors.red[300],\n      },\n      label: {\n        color: coreColors.red[300],\n      },\n    },\n    green: {\n      container: {\n        borderColor: coreColors.green[400],\n      },\n      label: {\n        color: coreColors.green[400],\n      },\n    },\n    blue: {\n      container: {\n        borderColor: coreColors.blue[300],\n      },\n      label: {\n        color: coreColors.blue[300],\n      },\n    },\n    comet: {\n      container: {\n        backgroundColor: coreColors.comet[50],\n        borderColor: coreColors.comet[400],\n        _hover: {\n          backgroundColor: coreColors.comet[100],\n        },\n        _active: {\n          backgroundColor: coreColors.comet[200],\n        },\n      },\n      label: {\n        color: coreColors.comet[800],\n      },\n    },\n    number: {\n      container: {\n        backgroundColor: coreColors.blue[800],\n        border: 0,\n        _hover: {\n          backgroundColor: coreColors.blue[800], // 700\n        },\n        _active: {\n          backgroundColor: coreColors.blue[800], // 600\n        },\n      },\n      label: {\n        color: coreColors.white,\n      },\n    },\n    dashed: {\n      container: {\n        backgroundColor: coreColors.transparent,\n        border: '1px dashed',\n        borderColor: semanticColors.border.dark,\n        boxShadow: 0,\n        _hover: {\n          backgroundColor: coreColors.blackAlpha[100],\n          zIndex: 0,\n        },\n        _active: {\n          backgroundColor: coreColors.blackAlpha[200],\n        },\n      },\n      label: {\n        color: adaptiveColors.icon.light.subtle,\n      },\n    },\n    image: {\n      container: {\n        border: 0,\n        _hover: {\n          backgroundColor: coreColors.black,\n          img: { opacity: 0.94 },\n        },\n        _active: {\n          backgroundColor: coreColors.black,\n          img: { opacity: 0.92 },\n        },\n      },\n    },\n    icon: {\n      container: {\n        border: 0,\n        color: adaptiveColors.icon.light.default,\n        backgroundColor: coreColors.comet[50],\n        opacity: 1,\n        _hover: {\n          backgroundColor: coreColors.comet[100],\n        },\n        _active: {\n          backgroundColor: coreColors.comet[200],\n        },\n      },\n    },\n  },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","borderWidth","boxShadow","concat","_hover","gray","zIndex","_active","label","paddingTop","sizes","xs","height","width","fontSize","fontWeight","lineHeight","sm","md","lg","variants","red","borderColor","color","green","blue","comet","number","border","dashed","transparent","semanticColors","dark","blackAlpha","adaptiveColors","icon","light","subtle","image","black","img","opacity","default"],"mappings":"+HAGaA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,MAC5BC,YAAa,MACbC,UAAW,aAAAC,OAAaJ,EAAAA,WAAWC,OACnCI,OAAQ,CACNN,gBAAiBC,EAAAA,WAAWM,KAAK,IACjCC,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAAA,WAAWM,KAAK,OAGrCG,MAAO,CACLC,WAAY,QAGhBC,MAAO,CACLC,GAAI,CACFd,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBC,GAAI,CACFpB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,OACZP,WAAY,IAGhBS,GAAI,CACFrB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBG,GAAI,CACFtB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,UAIlBI,SAAU,CACRC,IAAK,CACHxB,UAAW,CACTyB,YAAavB,EAAAA,WAAWsB,IAAI,MAE9Bb,MAAO,CACLe,MAAOxB,EAAAA,WAAWsB,IAAI,OAG1BG,MAAO,CACL3B,UAAW,CACTyB,YAAavB,EAAAA,WAAWyB,MAAM,MAEhChB,MAAO,CACLe,MAAOxB,EAAAA,WAAWyB,MAAM,OAG5BC,KAAM,CACJ5B,UAAW,CACTyB,YAAavB,EAAAA,WAAW0B,KAAK,MAE/BjB,MAAO,CACLe,MAAOxB,EAAAA,WAAW0B,KAAK,OAG3BC,MAAO,CACL7B,UAAW,CACTC,gBAAiBC,EAAAA,WAAW2B,MAAM,IAClCJ,YAAavB,EAAAA,WAAW2B,MAAM,KAC9BtB,OAAQ,CACNN,gBAAiBC,EAAAA,WAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAAA,WAAW2B,MAAM,OAGtClB,MAAO,CACLe,MAAOxB,EAAAA,WAAW2B,MAAM,OAG5BC,OAAQ,CACN9B,UAAW,CACTC,gBAAiBC,EAAAA,WAAW0B,KAAK,KACjCG,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAAA,WAAW0B,KAAK,MAEnClB,QAAS,CACPT,gBAAiBC,EAAAA,WAAW0B,KAAK,OAGrCjB,MAAO,CACLe,MAAOxB,EAAUA,WAACC,QAGtB6B,OAAQ,CACNhC,UAAW,CACTC,gBAAiBC,EAAUA,WAAC+B,YAC5BF,OAAQ,aACRN,YAAaS,EAAAA,eAAeH,OAAOI,KACnC9B,UAAW,EACXE,OAAQ,CACNN,gBAAiBC,EAAAA,WAAWkC,WAAW,KACvC3B,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAAA,WAAWkC,WAAW,OAG3CzB,MAAO,CACLe,MAAOW,EAAcA,eAACC,KAAKC,MAAMC,SAGrCC,MAAO,CACLzC,UAAW,CACT+B,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAUA,WAACwC,MAC5BC,IAAK,CAAEC,QAAS,MAElBlC,QAAS,CACPT,gBAAiBC,EAAUA,WAACwC,MAC5BC,IAAK,CAAEC,QAAS,QAItBN,KAAM,CACJtC,UAAW,CACT+B,OAAQ,EACRL,MAAOW,EAAcA,eAACC,KAAKC,MAAMM,QACjC5C,gBAAiBC,EAAAA,WAAW2B,MAAM,IAClCe,QAAS,EACTrC,OAAQ,CACNN,gBAAiBC,EAAAA,WAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAAA,WAAW2B,MAAM"}

package/build/components/Avatar/avatar.types.js

@@ -0,0 +1,2 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvatarVariant=void 0,(e=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",e.Red="red",e.Blue="blue",e.Comet="comet",e.Number="number",e.Dashed="dashed",e.Image="image",e.Icon="icon";
+//# sourceMappingURL=avatar.types.js.map

package/build/components/Avatar/avatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.js","sources":["../../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Number = 'number',\n  Dashed = 'dashed',\n  Image = 'image',\n  Icon = 'icon',\n}\n"],"names":["AvatarVariant"],"mappings":"aAEA,IAAYA,yDAAAA,QASXA,mBAAA,GATWA,EAAAA,QAAaA,gBAAbA,sBASX,KARC,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -0,0 +1,15 @@
+import { AvatarSize } from '../../avatar.types';
+import { IconName } from 'components/Icon/icon.types';
+import { AvatarBadgePosition } from './avatarBadge.types';
+export interface AvatarBadgeProps {
+    badgeIconName?: IconName;
+    badgeBackgroundColor?: string;
+    badgeBorderColor?: string;
+    badgeIconColor?: string;
+    badgePosition?: AvatarBadgePosition;
+}
+interface AvatarBadgeComponentProps extends AvatarBadgeProps {
+    avatarSize: AvatarSize;
+}
+declare const AvatarBadge: ({ avatarSize, badgeIconName, badgeBackgroundColor, badgeBorderColor, badgeIconColor, badgePosition, }: AvatarBadgeComponentProps) => JSX.Element;
+export default AvatarBadge;

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=require("../../../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"),e=require("../../../Icon/icon.component.js"),o=require("../../avatar.config.js"),r=require("../../../../theme/tokens/colors/color.record.js"),n=require("./avatarBadge.types.js");function c(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=c(t);exports.default=function(c){var s=c.avatarSize,l=c.badgeIconName,d=c.badgeBackgroundColor,u=c.badgeBorderColor,p=c.badgeIconColor,x=c.badgePosition,v=t.useMemo((function(){return"xs"===s||!l}),[l,s]);return i.default.createElement(a.AvatarBadge,{color:p||r.adaptiveColors.icon.light.active,borderColor:u||r.coreColors.white,borderWidth:"1px",bg:d||r.semanticColors.background.info,boxSize:v?"10px":"18px",transform:function(t){var a,e,r,c,i=null===(c=null===(r=null===(e=null===(a=o.AvatarConfig.sizes)||void 0===a?void 0:a[s])||void 0===e?void 0:e.container)||void 0===r?void 0:r.height)||void 0===c?void 0:c.toString(),l=Number(null==i?void 0:i.replace("px",""))/2;switch(t){case n.AvatarBadgePosition.TopLeft:return v&&"xs"!==s?"translate(".concat(-1.35*l,"px, ").concat(-1.35*l,"px)"):"translate(".concat(-1.2*l,"px, ").concat(-1.2*l,"px)");case n.AvatarBadgePosition.TopRight:return v&&"xs"!==s?"translate(".concat(l/10,"px, ").concat(-1.35*l,"px)"):"translate(".concat(l/5,"px, ").concat(-1.2*l,"px)");case n.AvatarBadgePosition.BottomLeft:return v&&"xs"!==s?"translate(".concat(-1.35*l,"px, ").concat(l/10,"px)"):"translate(".concat(-1.2*l,"px, ").concat(l/5,"px)");default:return v&&"xs"!==s?"translate(".concat(l/10,"px, ").concat(l/10,"px)"):"translate(".concat(l/3,"px, ").concat(l/3,"px)")}}(x||n.AvatarBadgePosition.BottomRight)},!v&&l&&i.default.createElement(e.default,{name:l,size:"xs"}))};
+//# sourceMappingURL=avatarBadge.component.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarBadge.component.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor,\n  badgeBorderColor,\n  badgeIconColor,\n  badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor || adaptiveColors.icon.light.active}\n      borderColor={badgeBorderColor || coreColors.white}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor || semanticColors.background.info}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n\nexport default AvatarBadge;\n"],"names":["_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","adaptiveColors","icon","light","active","borderColor","coreColors","white","borderWidth","bg","semanticColors","background","info","boxSize","transform","position","parentSizeString","_d","_b","AvatarConfig","sizes","container","_c","height","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","name","size"],"mappings":"qcAsBoB,SAACA,GACnB,IAAAC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAoBH,EAAAG,qBACpBC,qBACAC,EAAcL,EAAAK,eACdC,EAAaN,EAAAM,cAEPC,EAAgBC,EAAAA,SAAQ,WAAM,MAAe,OAAfP,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEQ,EAAC,QAAAC,cAAAC,EAAAA,YACC,CAAAC,MAAOP,GAAkBQ,EAAcA,eAACC,KAAKC,MAAMC,OACnDC,YAAab,GAAoBc,EAAAA,WAAWC,MAC5CC,YAAY,MACZC,GAAIlB,GAAwBmB,iBAAeC,WAAWC,KACtDC,QAASlB,EAAgB,OAAS,OAClCmB,UAlCsB,SAACC,eACnBC,EAEgB,QAFGC,EAEb,kBADVC,UAAA9B,EAAA+B,eAAaC,4BAAQ/B,yBACpBgC,iBAAS,IAAAC,OAAA,EAAAA,EAAEC,cAAQ,IAAAN,OAAA,EAAAA,EAAAO,WAEhBC,EADaC,OAAOV,MAAAA,OAAgB,EAAhBA,EAAkBW,QAAQ,KAAM,KACzB,EAEjC,OAAQZ,GACN,KAAKa,EAAmBA,oBAACC,QACvB,OAAOlC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAAmB,QAAAK,QAAsB,KAAfL,EAAwB,OAC/D,aAAAK,QAA4B,IAAfL,EAAyB,QAAAK,QAAe,IAAfL,EAAkB,OAC9D,KAAKG,EAAmBA,oBAACG,SACvB,OAAOpC,GAAgC,OAAfN,EACpB,aAAayC,OAAAL,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaK,OAAAL,EAAc,EAAQ,QAAAK,QAAe,IAAfL,EAAkB,OAC3D,KAAKG,EAAmBA,oBAACI,WACvB,OAAOrC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAA0B,QAAAK,OAAAL,EAAc,GAAO,OAC5D,aAAaK,QAAe,IAAfL,EAAkB,QAAAK,OAAOL,EAAc,EAAC,OAC3D,QACE,OAAO9B,GAAgC,OAAfN,EACpB,oBAAaoC,EAAc,GAAS,QAAAK,OAAAL,EAAc,GAAO,OACzD,aAAaK,OAAAL,EAAc,iBAAQA,EAAc,EAAC,QAW7CQ,CAAkBvC,GAAiBkC,EAAmBA,oBAACM,eAEhEvC,GAAiBL,GAAiBO,EAAA,QAAAC,cAACqC,EAAAA,QAAK,CAAAC,KAAM9C,EAAe+C,KAAM"}

package/build/components/Avatar/components/AvatarBadge/avatarBadge.types.js

@@ -0,0 +1,2 @@
+"use strict";var t;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvatarBadgePosition=void 0,(t=exports.AvatarBadgePosition||(exports.AvatarBadgePosition={})).TopLeft="topLeft",t.TopRight="topRight",t.BottomLeft="bottomLeft",t.BottomRight="bottomRight";
+//# sourceMappingURL=avatarBadge.types.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarBadge.types.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts"],"sourcesContent":["export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n"],"names":["AvatarBadgePosition"],"mappings":"aAAA,IAAYA,yDAAAA,QAKXA,yBAAA,GALWA,EAAAA,QAAmBA,sBAAnBA,4BAKX,KAJC,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../avatarBadge.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/AvatarGroup/avatarGroup.component.d.ts

@@ -0,0 +1,14 @@
+import { AvatarProps } from 'components/Avatar/avatar.component';
+import { AvatarSize } from 'components/Avatar/avatar.types';
+export interface AvatarGroupProps {
+    avatars: AvatarProps[];
+    max?: number;
+    size?: AvatarSize;
+    handleAddButtonClick?: () => void;
+    showAddButton?: boolean;
+    addButtonTooltipText?: string;
+    showRemoveAvatarButton?: boolean;
+    handleRemoveButtonClick?: () => void;
+}
+declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;
+export default AvatarGroup;

package/build/components/AvatarGroup/avatarGroup.component.js

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

package/build/components/AvatarGroup/avatarGroup.component.js.map

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

package/build/components/AvatarGroup/components/AvatarGroup/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Button/button.component.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps as CButtonProps } from '@chakra-ui/button';
+import { IconsSize, IconName } from 'components/Icon/icon.types';
+import { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';
+export interface ButtonProps extends CButtonProps {
+    children?: ReactNode;
+    variant?: ButtonVariantType;
+    size?: ButtonSizeType;
+    iconName?: IconName;
+    iconSize?: IconsSize;
+    iconPosition?: ButtonIconPosition;
+    darkMode?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/build/components/Button/button.component.js

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

package/build/components/Button/button.component.js.map

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

package/build/components/Button/button.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../theme/tokens/colors/color.record.js"),o={primary:{variant:"solid",light:{content:r.colors.text.dark.headline,default:r.colors.teal[600],hover:r.colors.teal[700],active:r.colors.teal[800],border:r.colors.transparent},dark:{content:r.colors.text.light.headline,default:r.colors.teal[400],hover:r.colors.teal[300],active:r.colors.teal[100],border:r.colors.transparent}},primaryDestructive:{variant:"solid",light:{content:r.colors.text.dark.headline,default:r.colors.red[500],hover:r.colors.red[600],active:r.colors.red[700],border:r.colors.transparent},dark:{content:r.colors.text.light.headline,default:r.colors.red[200],hover:r.colors.red[100],active:r.colors.red[50],border:r.colors.transparent}},secondary:{variant:"outline",light:{content:r.colors.text.light.default,default:r.colors.transparent,hover:r.colors.blackAlpha[100],active:r.colors.blackAlpha[200],border:r.colors.border.light.heavy},dark:{content:r.colors.white,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.white}},secondaryDestructive:{variant:"outline",light:{content:r.colors.text.light.error,default:r.colors.transparent,hover:r.colors.blackAlpha[50],active:r.colors.blackAlpha[100],border:r.colors.border.light.error},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.red[300]}},secondarySubtle:{variant:"outline",light:{content:r.colors.text.light.default,default:r.colors.white,hover:r.colors.gray[50],active:r.colors.gray[100],border:r.colors.border.light.default},dark:{content:r.colors.text.dark.default,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.text.dark.default}},secondarySubtleDestructive:{variant:"outline",light:{content:r.colors.text.light.error,default:r.colors.white,hover:r.colors.red[50],active:r.colors.red[100],border:r.colors.border.light.default},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.whiteAlpha[500]}},tertiary:{variant:"solid",light:{content:r.colors.text.light.default,default:r.colors.gray[100],hover:r.colors.gray[200],active:r.colors.gray[300],border:r.colors.transparent},dark:{content:r.colors.text.dark.headline,default:r.colors.whiteAlpha[200],hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},tertiaryDestructive:{variant:"solid",light:{content:r.colors.text.light.error,default:r.colors.red[100],hover:r.colors.red[200],active:r.colors.red[300],border:r.colors.transparent},dark:{content:r.colors.red[300],default:r.colors.whiteAlpha[200],hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghost:{variant:"ghost",light:{content:r.colors.text.light.link,default:r.colors.transparent,hover:r.colors.teal[100],active:r.colors.teal[200],border:r.colors.transparent},dark:{content:r.colors.teal[400],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghostNeutral:{variant:"ghost",light:{content:r.colors.text.light.default,default:r.colors.transparent,hover:r.colors.blackAlpha[100],active:r.colors.blackAlpha[200],border:r.colors.transparent},dark:{content:r.colors.text.dark.headline,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghostDestructive:{variant:"ghost",light:{content:r.colors.text.light.error,default:r.colors.transparent,hover:r.colors.red[100],active:r.colors.red[200],border:r.colors.transparent},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}}};exports.ButtonSizeConfig={lg:{p:"0 20px"},md:{p:"0 16px"},sm:{p:"0 12px"},xs:{p:"0 8px"}},exports.ButtonVariantConfig=o;
+//# sourceMappingURL=button.config.js.map

package/build/components/Button/button.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.config.js","sources":["../../../src/components/Button/button.config.ts"],"sourcesContent":["import { colors } from 'theme/tokens/colors';\nimport { ButtonStyleType } from './button.types';\n\nexport const ButtonVariantConfig: ButtonStyleType = {\n  primary: {\n    variant: 'solid',\n    light: {\n      content: colors.text.dark.headline,\n      default: colors.teal['600'],\n      hover: colors.teal['700'],\n      active: colors.teal['800'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.text.light.headline,\n      default: colors.teal['400'],\n      hover: colors.teal['300'],\n      active: colors.teal['100'],\n      border: colors.transparent,\n    },\n  },\n  primaryDestructive: {\n    variant: 'solid',\n    light: {\n      content: colors.text.dark.headline,\n      default: colors.red['500'],\n      hover: colors.red['600'],\n      active: colors.red['700'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.text.light.headline,\n      default: colors.red['200'],\n      hover: colors.red['100'],\n      active: colors.red['50'],\n      border: colors.transparent,\n    },\n  },\n  secondary: {\n    variant: 'outline',\n    light: {\n      content: colors.text.light.default,\n      default: colors.transparent,\n      hover: colors.blackAlpha['100'],\n      active: colors.blackAlpha['200'],\n      border: colors.border.light.heavy,\n    },\n    dark: {\n      content: colors.white,\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.white,\n    },\n  },\n  secondaryDestructive: {\n    variant: 'outline',\n    light: {\n      content: colors.text.light.error,\n      default: colors.transparent,\n      hover: colors.blackAlpha['50'],\n      active: colors.blackAlpha['100'],\n      border: colors.border.light.error,\n    },\n    dark: {\n      content: colors.red['300'],\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.red['300'],\n    },\n  },\n  secondarySubtle: {\n    variant: 'outline',\n    light: {\n      content: colors.text.light.default,\n      default: colors.white,\n      hover: colors.gray['50'],\n      active: colors.gray['100'],\n      border: colors.border.light.default,\n    },\n    dark: {\n      content: colors.text.dark.default,\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.text.dark.default,\n    },\n  },\n  secondarySubtleDestructive: {\n    variant: 'outline',\n    light: {\n      content: colors.text.light.error,\n      default: colors.white,\n      hover: colors.red['50'],\n      active: colors.red['100'],\n      border: colors.border.light.default,\n    },\n    dark: {\n      content: colors.red['300'],\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.whiteAlpha['500'],\n    },\n  },\n  tertiary: {\n    variant: 'solid',\n    light: {\n      content: colors.text.light.default,\n      default: colors.gray['100'],\n      hover: colors.gray['200'],\n      active: colors.gray['300'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.text.dark.headline,\n      default: colors.whiteAlpha[200],\n      hover: colors.whiteAlpha[300],\n      active: colors.whiteAlpha[400],\n      border: colors.transparent,\n    },\n  },\n  tertiaryDestructive: {\n    variant: 'solid',\n    light: {\n      content: colors.text.light.error,\n      default: colors.red['100'],\n      hover: colors.red['200'],\n      active: colors.red['300'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.red['300'],\n      default: colors.whiteAlpha['200'],\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.transparent,\n    },\n  },\n  ghost: {\n    variant: 'ghost',\n    light: {\n      content: colors.text.light.link,\n      default: colors.transparent,\n      hover: colors.teal['100'],\n      active: colors.teal['200'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.teal['400'],\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.transparent,\n    },\n  },\n  ghostNeutral: {\n    variant: 'ghost',\n    light: {\n      content: colors.text.light.default,\n      default: colors.transparent,\n      hover: colors.blackAlpha['100'],\n      active: colors.blackAlpha['200'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.text.dark.headline,\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.transparent,\n    },\n  },\n  ghostDestructive: {\n    variant: 'ghost',\n    light: {\n      content: colors.text.light.error,\n      default: colors.transparent,\n      hover: colors.red['100'],\n      active: colors.red['200'],\n      border: colors.transparent,\n    },\n    dark: {\n      content: colors.red['300'],\n      default: colors.transparent,\n      hover: colors.whiteAlpha['300'],\n      active: colors.whiteAlpha['400'],\n      border: colors.transparent,\n    },\n  },\n};\n\nexport const ButtonSizeConfig = {\n  lg: {\n    p: '0 20px',\n  },\n  md: {\n    p: '0 16px',\n  },\n  sm: {\n    p: '0 12px',\n  },\n  xs: {\n    p: '0 8px',\n  },\n};\n"],"names":["ButtonVariantConfig","primary","variant","light","content","colors","text","dark","headline","default","teal","hover","active","border","transparent","primaryDestructive","red","secondary","blackAlpha","heavy","white","whiteAlpha","secondaryDestructive","error","secondarySubtle","gray","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","link","ghostNeutral","ghostDestructive","lg","p","md","sm","xs"],"mappings":"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"}

package/build/components/Button/button.types.d.ts

@@ -0,0 +1,9 @@
+import { AdaptiveColorMap } from '../../theme/tokens';
+export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOptionsType> {
+    variant: 'solid' | 'outline' | 'ghost';
+}
+export declare type ButtonVariantType = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
+export declare type ButtonColorOptionsType = 'content' | 'default' | 'hover' | 'active' | 'border';
+export declare type ButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonIconPosition = 'left' | 'right' | 'top';
+export declare type ButtonStyleType = Record<ButtonVariantType, ButtonVariantConfigType>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/Checkbox/checkbox.component.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps as CCheckboxProps } from '@chakra-ui/checkbox';
+import { CheckboxSize, CheckboxVariant } from './checkbox.types';
+export interface CheckboxProps extends CCheckboxProps {
+    size?: CheckboxSize;
+    variant?: CheckboxVariant;
+}
+declare const Checkbox: ({ children, size, variant, m, mb, mt, mr, ml, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

package/build/components/Checkbox/checkbox.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js"),a=require("../../chakra/components/Flex/chakra/components/Flex/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);exports.default=function(r){var i=r.children,m=r.size,n=void 0===m?"md":m,l=r.variant,o=void 0===l?"square":l,u=r.m,c=void 0===u?0:u,d=r.mb,f=r.mt,b=r.mr,v=r.ml,_=e.__rest(r,["children","size","variant","m","mb","mt","mr","ml"]),h={m:c,mb:d,mt:f,mr:b,ml:v};return s.default.createElement(a.default,e.__assign({},h),s.default.createElement(t.Checkbox,e.__assign({},_,{size:n,variant:o,m:0,alignItems:"flex-start"}),i))};
+//# sourceMappingURL=checkbox.component.js.map

package/build/components/Checkbox/checkbox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.js","sources":["../../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/checkbox';\nimport Flex from 'chakra/components/Flex';\nimport { CheckboxSize, CheckboxVariant } from './checkbox.types';\n\nexport interface CheckboxProps extends CCheckboxProps {\n  size?: CheckboxSize;\n  variant?: CheckboxVariant;\n}\n\nconst 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\nexport default Checkbox;\n"],"names":["_a","children","_b","size","_c","variant","_d","m","mb","mt","mr","ml","rest","__rest","margins","React","createElement","Flex","__assign","CCheckbox","alignItems"],"mappings":"8YAUiB,SAACA,GAChB,IAAAC,EAAQD,EAAAC,SACRC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EACXE,YAAAC,aAAU,SAAQD,EAClBE,EAAKN,EAAAO,EAALA,OAAC,IAAAD,EAAG,EAACA,EACLE,EAAER,EAAAQ,GACFC,EAAET,EAAAS,GACFC,EAAEV,EAAAU,GACFC,EAAEX,EAAAW,GACCC,EAAIC,EAAAA,OAAAb,EATS,uDAWVc,EAAU,CAAEP,EAACA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,GAEnC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,QAAIC,EAAAA,SAAA,GAAKJ,GACRC,EAAC,QAAAC,cAAAG,WAAcD,EAAAA,SAAA,GAAAN,EAAM,CAAAT,KAAMA,EAAME,QAASA,EAASE,EAAG,EAAGa,WAAW,eACjEnB"}

package/build/components/Checkbox/checkbox.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare const CheckboxConfig: ComponentStyleConfig;

package/build/components/Checkbox/checkbox.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../node_modules/tslib/tslib.es6.js"),r=require("../../theme/tokens/borders.js"),e=require("../../theme/tokens/colors/color.record.js"),l=require("../../theme/tokens/fontSizes.js"),s=require("../../theme/tokens/radii.js"),t={bg:e.colors.teal[600],borderColor:e.colors.teal[600],color:e.colors.white,_hover:{bg:e.colors.teal[700],borderColor:e.colors.teal[700]},_disabled:{bg:e.colors.teal[600],borderColor:e.colors.teal[600],color:e.colors.white,_hover:{bg:e.colors.teal[600],borderColor:e.colors.teal[600]}}},c={bg:e.colors.status.success,borderColor:e.colors.transparent,color:e.colors.white,_hover:{bg:e.colors.green[500],borderColor:e.colors.transparent},_disabled:{bg:e.colors.status.success,borderColor:e.colors.transparent,color:e.colors.white,_hover:{bg:e.colors.status.success}},_invalid:{borderColor:e.colors.transparent}},a={baseStyle:{control:{_focus:{boxShadow:"none"}},label:{marginInlineStart:0}},sizes:{sm:{control:{height:3,width:3},label:{fontSize:l.fontSizes.sm,ml:2,mt:-1}},md:{control:{height:4,width:4},label:{fontSize:l.fontSizes.md,ml:2,mt:-1}},lg:{control:{height:5,width:5},label:{fontSize:l.fontSizes.lg,ml:3,mt:"-3px"}}},variants:{square:{control:{bg:e.colors.white,border:r.borders["1px"],borderColor:e.colors.border.light.medium,borderRadius:s.radii.sm,color:e.colors.white,_hover:{borderColor:e.colors.border.light.heavy,_disabled:{borderColor:e.colors.gray[200]}},_checked:o.__assign({},t),_indeterminate:o.__assign({},t),_disabled:{bg:e.colors.gray[200],borderColor:e.colors.gray[200],color:e.colors.gray[200],opacity:.4},_invalid:{borderColor:e.colors.border.light.error,_hover:{borderColor:e.colors.border.light.error},_checked:{borderColor:e.colors.teal[600],_hover:{borderColor:e.colors.teal[700]}},_disabled:{color:e.colors.white,_hover:{borderColor:e.colors.teal[600]}}}}},round:{control:{bg:e.colors.background.grayDark,border:r.borders["1px"],borderColor:e.colors.transparent,borderRadius:s.radii.full,color:e.colors.transparent,_hover:{bg:e.colors.gray[400],_disabled:{bg:e.colors.background.grayDark}},_checked:o.__assign({},c),_indeterminate:o.__assign({},c),_disabled:{bg:e.colors.background.grayDark,borderColor:e.colors.transparent,color:e.colors.transparent,opacity:.4},_invalid:{borderColor:e.colors.border.light.error}}}}};exports.CheckboxConfig=a;
+//# sourceMappingURL=checkbox.config.js.map

package/build/components/Checkbox/checkbox.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.config.js","sources":["../../../src/components/Checkbox/checkbox.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { borders, colors, fontSizes, radii } from 'theme/tokens';\nimport { SystemStyleObject } from '@chakra-ui/system';\n\nconst SquareCheckedStyle: SystemStyleObject = {\n  bg: colors.teal['600'],\n  borderColor: colors.teal['600'],\n  color: colors.white,\n  _hover: {\n    bg: colors.teal['700'],\n    borderColor: colors.teal['700'],\n  },\n  _disabled: {\n    bg: colors.teal[600],\n    borderColor: colors.teal[600],\n    color: colors.white,\n    _hover: {\n      bg: colors.teal[600],\n      borderColor: colors.teal[600],\n    },\n  },\n};\n\nconst RoundCheckedStyle: SystemStyleObject = {\n  bg: colors.status.success,\n  borderColor: colors.transparent,\n  color: colors.white,\n  _hover: {\n    bg: colors.green['500'],\n    borderColor: colors.transparent,\n  },\n  _disabled: {\n    bg: colors.status.success,\n    borderColor: colors.transparent,\n    color: colors.white,\n    _hover: {\n      bg: colors.status.success,\n    },\n  },\n  _invalid: {\n    borderColor: colors.transparent,\n  },\n};\n\nexport const CheckboxConfig: ComponentStyleConfig = {\n  baseStyle: {\n    control: {\n      _focus: {\n        boxShadow: 'none',\n      },\n    },\n    label: {\n      marginInlineStart: 0,\n    },\n  },\n  sizes: {\n    sm: {\n      control: {\n        height: 3,\n        width: 3,\n      },\n      label: {\n        fontSize: fontSizes.sm,\n        ml: 2,\n        mt: -1,\n      },\n    },\n    md: {\n      control: {\n        height: 4,\n        width: 4,\n      },\n      label: {\n        fontSize: fontSizes.md,\n        ml: 2,\n        mt: -1,\n      },\n    },\n    lg: {\n      control: {\n        height: 5,\n        width: 5,\n      },\n      label: {\n        fontSize: fontSizes.lg,\n        ml: 3,\n        mt: '-3px',\n      },\n    },\n  },\n  variants: {\n    square: {\n      control: {\n        bg: colors.white,\n        border: borders['1px'],\n        borderColor: colors.border.light.medium,\n        borderRadius: radii.sm,\n        color: colors.white,\n        _hover: {\n          borderColor: colors.border.light.heavy,\n          _disabled: {\n            borderColor: colors.gray[200],\n          },\n        },\n        _checked: { ...SquareCheckedStyle },\n        _indeterminate: { ...SquareCheckedStyle },\n        _disabled: {\n          bg: colors.gray[200],\n          borderColor: colors.gray[200],\n          color: colors.gray[200],\n          opacity: 0.4,\n        },\n        _invalid: {\n          borderColor: colors.border.light.error,\n          _hover: {\n            borderColor: colors.border.light.error,\n          },\n          _checked: {\n            borderColor: colors.teal[600],\n            _hover: {\n              borderColor: colors.teal[700],\n            },\n          },\n          _disabled: {\n            color: colors.white,\n            _hover: {\n              borderColor: colors.teal[600],\n            },\n          },\n        },\n      },\n    },\n    round: {\n      control: {\n        bg: colors.background.grayDark,\n        border: borders['1px'],\n        borderColor: colors.transparent,\n        borderRadius: radii.full,\n        color: colors.transparent,\n        _hover: {\n          bg: colors.gray['400'],\n          _disabled: {\n            bg: colors.background.grayDark,\n          },\n        },\n        _checked: { ...RoundCheckedStyle },\n        _indeterminate: { ...RoundCheckedStyle },\n        _disabled: {\n          bg: colors.background.grayDark,\n          borderColor: colors.transparent,\n          color: colors.transparent,\n          opacity: 0.4,\n        },\n        _invalid: {\n          borderColor: colors.border.light.error,\n        },\n      },\n    },\n  },\n};\n"],"names":["SquareCheckedStyle","bg","colors","teal","borderColor","color","white","_hover","_disabled","RoundCheckedStyle","status","success","transparent","green","_invalid","CheckboxConfig","baseStyle","control","_focus","boxShadow","label","marginInlineStart","sizes","sm","height","width","fontSize","fontSizes","ml","mt","md","lg","variants","square","border","borders","light","medium","borderRadius","radii","heavy","gray","_checked","__assign","_indeterminate","opacity","error","round","background","grayDark","full"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkbox.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,2 @@
+import Checkbox from './checkbox.component';
+export default Checkbox;

package/build/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SystemProps } from '@chakra-ui/system';
+import { CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';
+import { WithFormControlProps } from 'components/FormControl/formControl.component';
+import { FlexDirection } from 'shared/types';
+import { CheckboxProps } from 'components/Checkbox/checkbox.component';
+import { CheckboxSize, CheckboxVariant } from 'components/Checkbox/checkbox.types';
+export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {
+    size?: CheckboxSize;
+    checkboxes: CheckboxProps[];
+    direction?: FlexDirection;
+    spacing?: SystemProps['margin'];
+    isFieldInline?: boolean;
+    variant?: CheckboxVariant;
+}
+declare const _default: React.FC<CheckboxGroupProps>;
+export default _default;

package/build/components/CheckboxGroup/checkboxGroup.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js"),i=require("../../chakra/components/Stack/chakra/components/Stack/index.js"),o=require("../FormControl/formControl.component.js"),n=require("../Checkbox/checkbox.component.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t),s=function(t){var o=t.checkboxes,a=t.size,s=void 0===a?"md":a,u=t.direction,d=void 0===u?"row":u,l=t.spacing,m=t.variant,f=e.__rest(t,["checkboxes","size","direction","spacing","variant"]);f.isFieldInline;var k=e.__rest(f,["isFieldInline"]);return c.default.createElement(r.CheckboxGroup,e.__assign({},k),c.default.createElement(i.default,{direction:d,spacing:l,width:"fit-content"},o.map((function(t,r){return c.default.createElement(n.default,e.__assign({key:r},t,{size:s,variant:m||t.variant}))}))))};s.displayName="CheckboxGroup";var u=o.withFormControl(s);exports.default=u;
+//# sourceMappingURL=checkboxGroup.component.js.map

package/build/components/CheckboxGroup/checkboxGroup.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxGroup.component.js","sources":["../../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SystemProps } from '@chakra-ui/system';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';\nimport Stack from 'chakra/components/Stack';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport Checkbox, { CheckboxProps } from 'components/Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from 'components/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\nexport default withFormControl(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","withFormControl"],"mappings":"oeAkBMA,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,EAAK,QAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDhB,EAAWiB,KAAI,SAACC,EAAUC,GAAU,OACnCR,EAAA,QAAAC,cAACQ,EAAQ,QAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAUhB,KAAMA,EAAMI,QAASA,GAAWY,EAASZ,iBAOvFR,EAAcwB,YAAc,gBAE5B,IAAeC,EAAAA,EAAAA,gBAAgBzB"}

package/build/components/CheckboxGroup/components/CheckboxGroup/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkboxGroup.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/DatePicker/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.component.js");exports.default=e.default;
+//# sourceMappingURL=index.js.map

package/build/components/DatePicker/components/Day/day.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../node_modules/@datepicker-react/hooks/lib/index.esm.js"),a=require("../../context/datepicker.context.js"),o=require("../../../../hooks/useTheme.js"),n=require("../../../Button/button.component.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e);exports.default=function(r){var i=r.dayLabel,u=r.date,d=r.onDaySelected,c=e.useRef(null),l=o.default().fontWeights,D=e.useContext(a.DatePickerContext),f=D.focusedDate,b=D.isDateFocused,v=D.isDateSelected,k=D.isDateHovered,m=D.isDateBlocked,x=D.isFirstOrLastSelectedDate,y=D.onDateSelect,S=D.onDateFocus,p=D.onDateHover,F=t.useDay({date:u,focusedDate:f,isDateFocused:b,isDateSelected:v,isDateHovered:k,isDateBlocked:m,isFirstOrLastSelectedDate:x,onDateFocus:S,onDateSelect:y,onDateHover:p,dayRef:c}),h=F.disabledDate,j=F.onClick,q=F.onKeyDown,E=F.onMouseEnter,g=F.tabIndex,C=F.isSelectedStartOrEnd;if(!i)return s.default.createElement(s.default.Fragment,null);return s.default.createElement(n.default,{onClick:function(){j(),d()},onKeyDown:q,onMouseEnter:E,tabIndex:g,type:"button",ref:c,variant:"ghostNeutral",size:"sm",fontWeight:l.normal,isActive:C,isDisabled:h},i)};
+//# sourceMappingURL=day.component.js.map

package/build/components/DatePicker/components/Day/day.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day.component.js","sources":["../../../../../src/components/DatePicker/components/Day/day.component.tsx"],"sourcesContent":["import React, { useRef, useContext } from 'react';\nimport { useDay } from '@datepicker-react/hooks';\nimport { DatePickerContext } from '../../context/datepicker.context';\nimport useTheme from 'hooks/useTheme';\nimport Button from 'components/Button';\n\ninterface DayProps {\n  dayLabel: string;\n  date: Date;\n  onDaySelected: () => void;\n}\n\nconst Day = ({ dayLabel, date, onDaySelected }: DayProps): JSX.Element => {\n  const dayRef = useRef(null);\n  const { fontWeights } = useTheme();\n\n  const {\n    focusedDate,\n    isDateFocused,\n    isDateSelected,\n    isDateHovered,\n    isDateBlocked,\n    isFirstOrLastSelectedDate,\n    onDateSelect,\n    onDateFocus,\n    onDateHover,\n  } = useContext(DatePickerContext);\n\n  const { disabledDate, onClick, onKeyDown, onMouseEnter, tabIndex, isSelectedStartOrEnd } = useDay({\n    date,\n    focusedDate,\n    isDateFocused,\n    isDateSelected,\n    isDateHovered,\n    isDateBlocked,\n    isFirstOrLastSelectedDate,\n    onDateFocus,\n    onDateSelect,\n    onDateHover,\n    dayRef,\n  });\n\n  if (!dayLabel) {\n    return <></>;\n  }\n\n  const onSelectDay = (): void => {\n    onClick();\n    onDaySelected();\n  };\n\n  return (\n    <Button\n      onClick={onSelectDay}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      tabIndex={tabIndex}\n      type=\"button\"\n      ref={dayRef}\n      variant=\"ghostNeutral\"\n      size=\"sm\"\n      fontWeight={fontWeights.normal}\n      isActive={isSelectedStartOrEnd}\n      isDisabled={disabledDate}\n    >\n      {dayLabel}\n    </Button>\n  );\n};\n\nexport default Day;\n"],"names":["_a","dayLabel","date","onDaySelected","dayRef","useRef","fontWeights","useTheme","_b","useContext","DatePickerContext","focusedDate","isDateFocused","isDateSelected","isDateHovered","isDateBlocked","isFirstOrLastSelectedDate","onDateSelect","onDateFocus","onDateHover","_c","useDay","disabledDate","onClick","onKeyDown","onMouseEnter","tabIndex","isSelectedStartOrEnd","React","createElement","Button","type","ref","variant","size","fontWeight","normal","isActive","isDisabled"],"mappings":"0ZAYY,SAACA,GAAE,IAAAC,aAAUC,EAAIF,EAAAE,KAAEC,EAAaH,EAAAG,cACpCC,EAASC,SAAO,MACdC,EAAgBC,wBAElBC,EAUFC,EAAAA,WAAWC,EAAAA,mBATbC,EAAWH,EAAAG,YACXC,EAAaJ,EAAAI,cACbC,mBACAC,EAAaN,EAAAM,cACbC,EAAaP,EAAAO,cACbC,8BACAC,EAAYT,EAAAS,aACZC,EAAWV,EAAAU,YACXC,gBAGIC,EAAqFC,EAAAA,OAAO,CAChGnB,KAAIA,EACJS,YAAWA,EACXC,cAAaA,EACbC,eAAcA,EACdC,cAAaA,EACbC,cAAaA,EACbC,0BAAyBA,EACzBE,YAAWA,EACXD,aAAYA,EACZE,YAAWA,EACXf,OAAMA,IAXAkB,EAAYF,EAAAE,aAAEC,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,iBAAcC,aAAUC,yBAclE,IAAK1B,EACH,OAAO2B,iDAQT,OACEA,EAAC,QAAAC,cAAAC,EAAM,QACL,CAAAP,QAPgB,WAClBA,IACApB,KAMEqB,UAAWA,EACXC,aAAcA,EACdC,SAAUA,EACVK,KAAK,SACLC,IAAK5B,EACL6B,QAAQ,eACRC,KAAK,KACLC,WAAY7B,EAAY8B,OACxBC,SAAUV,EACVW,WAAYhB,GAEXrB"}

package/build/components/DatePicker/components/Month/month.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../node_modules/@datepicker-react/hooks/lib/index.esm.js"),a=require("../../../Text/text.component.js"),r=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),n=require("../../../../chakra/components/Center/chakra/components/Center/index.js"),o=require("../../../../chakra/components/Grid/chakra/components/Grid/index.js"),l=require("../../../../chakra/components/GridItem/chakra/components/GridItem/index.js"),u=require("../Day/day.component.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e);exports.default=function(d){var s=d.year,f=d.month,i=d.firstDayOfWeek,m=d.onDaySelected,p=e.useRef(null),y=t.useMonth({year:s,month:f,firstDayOfWeek:i}),k=y.days,h=y.weekdayLabels;return c.default.createElement(r.default,{ref:p},c.default.createElement(o.default,{templateColumns:"repeat(7, 1fr)",my:2},h.map((function(e){return c.default.createElement(l.default,{key:e},c.default.createElement(n.default,null,c.default.createElement(a.default,{size:"xs",variant:"semibold",colorToken:"subtle"},e)))}))),c.default.createElement(o.default,{templateColumns:"repeat(7, 1fr)"},k.map((function(e,t){return"object"==typeof e?c.default.createElement(u.default,{key:e.date.toString(),date:e.date,dayLabel:e.dayLabel,onDaySelected:m}):c.default.createElement("div",{key:t})}))))};
+//# sourceMappingURL=month.component.js.map

package/build/components/DatePicker/components/Month/month.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month.component.js","sources":["../../../../../src/components/DatePicker/components/Month/month.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FirstDayOfWeek, useMonth } from '@datepicker-react/hooks';\nimport Text from 'components/Text';\nimport Box from 'chakra/components/Box';\nimport Center from 'chakra/components/Center';\nimport Grid from 'chakra/components/Grid';\nimport GridItem from 'chakra/components/GridItem';\nimport Day from '../Day/day.component';\n\nexport interface MonthProps {\n  year: number;\n  month: number;\n  firstDayOfWeek: FirstDayOfWeek;\n  onDaySelected: () => void;\n}\n\nconst Month = ({ year, month, firstDayOfWeek, onDaySelected }: MonthProps): JSX.Element => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const { days, weekdayLabels } = useMonth({\n    year,\n    month,\n    firstDayOfWeek,\n  });\n\n  return (\n    <Box ref={ref}>\n      <Grid templateColumns=\"repeat(7, 1fr)\" my={2}>\n        {weekdayLabels.map((weekdayLabel: string) => (\n          <GridItem key={weekdayLabel}>\n            <Center>\n              <Text size=\"xs\" variant=\"semibold\" colorToken=\"subtle\">\n                {weekdayLabel}\n              </Text>\n            </Center>\n          </GridItem>\n        ))}\n      </Grid>\n      <Grid templateColumns=\"repeat(7, 1fr)\">\n        {days.map((day, index) =>\n          typeof day === 'object' ? (\n            <Day key={day.date.toString()} date={day.date} dayLabel={day.dayLabel} onDaySelected={onDaySelected} />\n          ) : (\n            <div key={index} />\n          ),\n        )}\n      </Grid>\n    </Box>\n  );\n};\n\nexport default Month;\n"],"names":["_a","year","month","firstDayOfWeek","onDaySelected","ref","useRef","_b","useMonth","days","weekdayLabels","React","createElement","Box","Grid","templateColumns","my","map","weekdayLabel","GridItem","key","Center","Text","size","variant","colorToken","day","index","Day","date","toString","dayLabel"],"mappings":"yqBAgBc,SAACA,OAAEC,EAAID,EAAAC,KAAEC,EAAKF,EAAAE,MAAEC,EAAcH,EAAAG,eAAEC,EAAaJ,EAAAI,cACnDC,EAAMC,SAA8B,MACpCC,EAA0BC,EAAAA,SAAS,CACvCP,KAAIA,EACJC,MAAKA,EACLC,eAAcA,IAHRM,EAAIF,EAAAE,KAAEC,kBAMd,OACEC,EAAC,QAAAC,cAAAC,EAAG,QAAC,CAAAR,IAAKA,GACRM,EAAC,QAAAC,cAAAE,UAAK,CAAAC,gBAAgB,iBAAiBC,GAAI,GACxCN,EAAcO,KAAI,SAACC,GAAyB,OAC3CP,wBAACQ,UAAQ,CAACC,IAAKF,GACbP,UAAAC,cAACS,EAAAA,QAAM,KACLV,EAAAA,QAACC,cAAAU,EAAAA,SAAKC,KAAK,KAAKC,QAAQ,WAAWC,WAAW,UAC3CP,SAMXP,EAAAA,QAAAC,cAACE,UAAI,CAACC,gBAAgB,kBACnBN,EAAKQ,KAAI,SAACS,EAAKC,GACd,MAAe,iBAARD,EACLf,EAAC,QAAAC,cAAAgB,EAAG,SAACR,IAAKM,EAAIG,KAAKC,WAAYD,KAAMH,EAAIG,KAAME,SAAUL,EAAIK,SAAU3B,cAAeA,IAEtFO,+BAAKS,IAAKO"}

package/build/components/DatePicker/context/components/DatePicker/context/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../datepicker.context.js");exports.DatePickerContext=e.DatePickerContext,exports.useDatePickerContext=e.useDatePickerContext;
+//# sourceMappingURL=index.js.map

package/build/components/DatePicker/context/datepicker.context.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),r=t.createContext({focusedDate:null,isDateFocused:function(){throw new Error("isDateFocused(): boolean not implemented")},isDateSelected:function(){throw new Error("isDateSelected(): boolean not implemented")},isDateHovered:function(){throw new Error("isDateHovered(): boolean not implemented")},isDateBlocked:function(){throw new Error("isDateBlocked(): boolean not implemented")},isFirstOrLastSelectedDate:function(){throw new Error("isFirstOrLastSelectedDate(): boolean not implemented")},onDateFocus:function(){throw new Error("onDateFocus(): boolean not implemented")},onDateHover:function(){throw new Error("onDateHover(): boolean not implemented")},onDateSelect:function(){throw new Error("onDateSelect(): boolean not implemented")}});exports.DatePickerContext=r,exports.default=function(t){t.date;var o=t.children,a=e.__rest(t,["date","children"]),i=a.focusedDate,s=a.isDateFocused,c=a.isDateSelected,l=a.isDateHovered,d=a.isDateBlocked,u=a.isFirstOrLastSelectedDate,D=a.onDateSelect,f=a.onDateFocus,m=a.onDateHover;return n.default.createElement(r.Provider,{value:{focusedDate:i,isDateFocused:s,isDateSelected:c,isDateHovered:l,isDateBlocked:d,isFirstOrLastSelectedDate:u,onDateSelect:D,onDateFocus:f,onDateHover:m}},o)},exports.useDatePickerContext=function(){return t.useContext(r)};
+//# sourceMappingURL=datepicker.context.js.map

package/build/components/DatePicker/context/datepicker.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.context.js","sources":["../../../../src/components/DatePicker/context/datepicker.context.tsx"],"sourcesContent":["import React, { useContext, createContext } from 'react';\n\nexport interface IDatePickerContext {\n  focusedDate: Date | null;\n  isDateFocused: (date: Date) => boolean;\n  isDateSelected: (date: Date) => boolean;\n  isDateHovered: (date: Date) => boolean;\n  isDateBlocked: (date: Date) => boolean;\n  isFirstOrLastSelectedDate: (date: Date) => boolean;\n  onDateFocus: (date: Date) => void;\n  onDateHover: (date: Date) => void;\n  onDateSelect: (date: Date) => void;\n}\n\n// TODO: Figure out how to document this functionality\n\nexport const DatePickerContext = createContext<IDatePickerContext>({\n  focusedDate: null,\n  isDateFocused: (): boolean => {\n    throw new Error('isDateFocused(): boolean not implemented');\n  },\n  isDateSelected: (): boolean => {\n    throw new Error('isDateSelected(): boolean not implemented');\n  },\n  isDateHovered: (): boolean => {\n    throw new Error('isDateHovered(): boolean not implemented');\n  },\n  isDateBlocked: (): boolean => {\n    throw new Error('isDateBlocked(): boolean not implemented');\n  },\n  isFirstOrLastSelectedDate: (): boolean => {\n    throw new Error('isFirstOrLastSelectedDate(): boolean not implemented');\n  },\n  onDateFocus: (): void => {\n    throw new Error('onDateFocus(): boolean not implemented');\n  },\n  onDateHover: (): void => {\n    throw new Error('onDateHover(): boolean not implemented');\n  },\n  onDateSelect: (): Date => {\n    throw new Error('onDateSelect(): boolean not implemented');\n  },\n});\n\nexport const useDatePickerContext = (): IDatePickerContext => useContext<IDatePickerContext>(DatePickerContext);\n\ninterface IDatePickerProvider extends IDatePickerContext {\n  date?: Date;\n  children: React.ReactNode;\n}\n\nconst DatePickerProvider = ({ date, children, ...rest }: IDatePickerProvider): JSX.Element => {\n  const {\n    focusedDate,\n    isDateFocused,\n    isDateSelected,\n    isDateHovered,\n    isDateBlocked,\n    isFirstOrLastSelectedDate,\n    onDateSelect,\n    onDateFocus,\n    onDateHover,\n  } = rest;\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        focusedDate,\n        isDateFocused,\n        isDateSelected,\n        isDateHovered,\n        isDateBlocked,\n        isFirstOrLastSelectedDate,\n        onDateSelect,\n        onDateFocus,\n        onDateHover,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  );\n};\n\nexport default DatePickerProvider;\n"],"names":["DatePickerContext","createContext","focusedDate","isDateFocused","Error","isDateSelected","isDateHovered","isDateBlocked","isFirstOrLastSelectedDate","onDateFocus","onDateHover","onDateSelect","_a","children","rest","__rest","React","createElement","Provider","value","useContext"],"mappings":"oOAgBaA,EAAoBC,EAAAA,cAAkC,CACjEC,YAAa,KACbC,cAAe,WACb,MAAM,IAAIC,MAAM,6CAElBC,eAAgB,WACd,MAAM,IAAID,MAAM,8CAElBE,cAAe,WACb,MAAM,IAAIF,MAAM,6CAElBG,cAAe,WACb,MAAM,IAAIH,MAAM,6CAElBI,0BAA2B,WACzB,MAAM,IAAIJ,MAAM,yDAElBK,YAAa,WACX,MAAM,IAAIL,MAAM,2CAElBM,YAAa,WACX,MAAM,IAAIN,MAAM,2CAElBO,aAAc,WACZ,MAAM,IAAIP,MAAM,0FAWO,SAACQ,cAAQC,aAAaC,EAArBC,EAAAA,OAAAH,EAAA,CAAA,OAAA,aAExBV,EASEY,EAAIZ,YARNC,EAQEW,EARWX,cACbE,EAOES,iBANFR,EAMEQ,EAAIR,cALNC,EAKEO,EALWP,cACbC,EAIEM,4BAHFH,EAGEG,EAAIH,aAFNF,EAEEK,EAFSL,YACXC,EACEI,cAEJ,OACEE,EAAC,QAAAC,cAAAjB,EAAkBkB,SAAQ,CACzBC,MAAO,CACLjB,YAAWA,EACXC,cAAaA,EACbE,eAAcA,EACdC,cAAaA,EACbC,cAAaA,EACbC,0BAAyBA,EACzBG,aAAYA,EACZF,YAAWA,EACXC,YAAWA,IAGZG,iCAlC6B,WAA0B,OAAAO,aAA+BpB"}

package/build/components/DatePicker/datepicker.component.d.ts

@@ -0,0 +1,22 @@
+import { PlacementWithLogical } from '@chakra-ui/popper';
+import { TextInputProps } from 'components/TextInput/textInput.component';
+import { DateFormats } from './datepicker.types';
+export interface DatePickerProps {
+    date: Date | null;
+    onDateChange?: (date: Date | null) => void;
+    dateFormat?: string | DateFormats;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    minYear?: number;
+    maxYear?: number;
+}
+/**
+ * A simple date picker component.
+ *
+ * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format
+ * can cause exceptions to be thrown.
+ *
+ * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
+ */
+declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/build/components/DatePicker/datepicker.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js"),a=require("../../node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js"),o=require("../TextInput/textInput.component.js"),r=require("../Icon/icon.component.js"),u=require("./context/datepicker.context.js"),s=require("../../chakra/components/Grid/chakra/components/Grid/index.js"),l=require("../../chakra/components/HStack/chakra/components/HStack/index.js"),i=require("../../chakra/components/Box/chakra/components/Box/index.js"),c=require("../../chakra/components/Center/chakra/components/Center/index.js"),d=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),m=require("../../node_modules/date-fns/esm/isDate/index.js"),f=require("../../node_modules/date-fns/esm/format/index.js"),p=require("./components/Month/month.component.js"),v=require("../../node_modules/@datepicker-react/hooks/lib/index.esm.js"),D=require("../Menu/menu.component.js"),h=require("../../node_modules/lodash/range.js"),k=require("../Button/button.component.js"),g=require("./datepicker.records.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=x(t);exports.default=function(x){var E=x.date,j=x.onDateChange,_=x.inputProps,q=x.placement,S=x.dateFormat,b=void 0===S?"MM/dd/yyyy":S,I=x.minYear,w=void 0===I?1990:I,M=x.maxYear,P=void 0===M?2040:M,C=e.__read(t.useState(v.getInputValue(E,b,"")),2),F=C[0],O=C[1],T=e.__read(t.useState({startDate:E||null,endDate:E||null,focusedInput:v.START_DATE}),2),L=T[0],z=T[1],B=y.default.useRef(null),R=y.default.useRef(null),H=h.default(w,P).map((function(e){var t=String(e);return{label:t,value:t}})),N=v.useDatepicker({startDate:L.startDate,endDate:L.endDate,focusedInput:L.focusedInput,onDatesChange:function(t){t&&(t.focusedInput?z(t):z(e.__assign(e.__assign({},t),{focusedInput:v.START_DATE})),O(v.getInputValue(t.startDate,b,"")),j&&j(t.startDate))},numberOfMonths:1,minBookingDays:1,exactMinBookingDays:!0}),A=N.firstDayOfWeek,V=N.activeMonths,Y=N.isDateSelected,G=N.isDateHovered,W=N.isFirstOrLastSelectedDate,K=N.isDateBlocked,J=N.isDateFocused,Q=N.focusedDate,U=N.onDateHover,X=N.onDateSelect,Z=N.onDateFocus,$=N.goToPreviousMonths,ee=N.goToNextMonths,te=N.goToDate,ne=a.useDisclosure(),ae=ne.onOpen,oe=ne.onClose,re=ne.isOpen;t.useEffect((function(){var e=function(e){var t;R&&!(null===(t=null==R?void 0:R.current)||void 0===t?void 0:t.contains(null==e?void 0:e.target))&&oe()};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[oe,R]);var ue=function(e){var t=E||new Date;t.setMonth(Number(e.value)),te(t)},se=function(e){var t=E||new Date;t.setFullYear(Number(e.value)),te(t)},le=function(e){var t=new Date;return t.setMonth(e),f.default(t,"LLLL")},ie=(null==_?void 0:_.size)?g.IconSizeMap[_.size]:"md";return y.default.createElement(u.default,{focusedDate:Q,isDateFocused:J,isDateSelected:Y,isDateHovered:G,isDateBlocked:K,isFirstOrLastSelectedDate:W,onDateSelect:X,onDateFocus:Z,onDateHover:U},y.default.createElement(n.Popover,{isOpen:re,onClose:oe,onOpen:function(){(null==_?void 0:_.isDisabled)||ae()},initialFocusRef:B,placement:q},y.default.createElement(n.PopoverTrigger,null,y.default.createElement(i.default,null,y.default.createElement(o.default,e.__assign({rightElement:y.default.createElement(d.default,{cursor:(null==_?void 0:_.isDisabled)?"not-allowed":"pointer"},y.default.createElement(r.default,{name:"chevronDown",size:ie})),value:F,onChange:function(e){var t=e.target.value;O(t);var n=v.parseDate(t,b,new Date);t.length===b.length&&m.default(n)&&(X(n),O(v.getInputValue(n,b,"")))},inputRef:B,onKeyDown:function(e){"Enter"===e.key&&re&&(oe(),e.preventDefault(),e.stopPropagation())},cursor:(null==_?void 0:_.isReadOnly)?"pointer":"text"},_)))),y.default.createElement(n.PopoverContent,{ref:R,shadow:"md"},y.default.createElement(n.PopoverHeader,{justifyItems:"space-between"},y.default.createElement(l.default,{w:"100%",justify:"space-between"},y.default.createElement(k.default,{iconName:"chevronLeft",onClick:$,variant:"ghostNeutral",size:"sm"}),V.map((function(e){return y.default.createElement(c.default,{key:e.month,gap:2,h:"100%"},y.default.createElement(D.default,{buttonProps:{variant:"tertiary",text:le(e.month),size:"sm"},listProps:{menuItems:g.months,onSelect:ue}}),y.default.createElement(D.default,{buttonProps:{variant:"tertiary",text:String(e.year),size:"sm"},listProps:{menuItems:H,onSelect:se}}))})),y.default.createElement(k.default,{iconName:"chevronRight",onClick:ee,variant:"ghostNeutral",size:"sm"}))),y.default.createElement(n.PopoverBody,null,y.default.createElement(s.default,{gap:"0 64px",templateColumns:"repeat(".concat(V.length,")")},V.map((function(e){return y.default.createElement(p.default,{key:"".concat(e.year,"-").concat(e.month),year:e.year,month:e.month,firstDayOfWeek:A,onDaySelected:function(){return oe()}})})))))))};
+//# sourceMappingURL=datepicker.component.js.map