@televet/kibble-ui 2.1.2 → 2.1.3-beta.86796dgae.1

package/build/{withFormControl-1971ad8f.js → withFormControl-238d7eec.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-729a7547.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
-//# sourceMappingURL=withFormControl-1971ad8f.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-729a7547.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
+//# sourceMappingURL=withFormControl-238d7eec.js.map

package/build/{withFormControl-1971ad8f.js.map → withFormControl-238d7eec.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-1971ad8f.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}
+{"version":3,"file":"withFormControl-238d7eec.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}

package/build/withFormControl-23bf744e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-d618e1f5.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
+//# sourceMappingURL=withFormControl-23bf744e.js.map

package/build/withFormControl-23bf744e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormControl-23bf744e.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}

package/build/{withTruncation-a7b4edf1.js → withTruncation-60a6b552.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./tooltip.component-76a21c48.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t);exports.withTruncation=function(l){function i(i){var{isTruncated:o=!1,noOfLines:c=1,tooltipPlacement:s,children:u}=i,d=e.__rest(i,["isTruncated","noOfLines","tooltipPlacement","children"]);const[f,p]=t.useState(!1),m=t.useRef(null),v=t.useCallback((e=>{var t,r;if(e&&e.current){return((null===(t=e.current)||void 0===t?void 0:t.children[0].scrollHeight)||0)>((null===(r=e.current)||void 0===r?void 0:r.offsetHeight)||0)}return!1}),[]);return t.useEffect((()=>{const e=v(m);p(e)}),[m,v]),o?a.default.createElement(r.Tooltip,{className:"TruncatedText__Tooltip",label:(null==u?void 0:u.toLocaleString())||"",isDisabled:!f,placement:s},a.default.createElement(n.Box,{ref:m,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper"},a.default.createElement(l,Object.assign({className:"TruncatedText__TextContent",cursor:f?"pointer":"",noOfLines:c,children:u,style:{textOverflow:"ellipsis",overflow:"hidden",wordWrap:"break-word",wordBreak:"break-word"}},d)))):a.default.createElement(l,Object.assign({children:u},d))}return i.displayName=l.displayName,i};
-//# sourceMappingURL=withTruncation-a7b4edf1.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./tooltip.component-197bff7c.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t);exports.withTruncation=function(l){function i(i){var{isTruncated:o=!1,noOfLines:c=1,tooltipPlacement:s,children:u}=i,d=e.__rest(i,["isTruncated","noOfLines","tooltipPlacement","children"]);const[f,p]=t.useState(!1),m=t.useRef(null),v=t.useCallback((e=>{var t,r;if(e&&e.current){return((null===(t=e.current)||void 0===t?void 0:t.children[0].scrollHeight)||0)>((null===(r=e.current)||void 0===r?void 0:r.offsetHeight)||0)}return!1}),[]);return t.useEffect((()=>{const e=v(m);p(e)}),[m,v]),o?a.default.createElement(r.Tooltip,{className:"TruncatedText__Tooltip",label:(null==u?void 0:u.toLocaleString())||"",isDisabled:!f,placement:s},a.default.createElement(n.Box,{ref:m,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper"},a.default.createElement(l,Object.assign({className:"TruncatedText__TextContent",cursor:f?"pointer":"",noOfLines:c,children:u,style:{textOverflow:"ellipsis",overflow:"hidden",wordWrap:"break-word",wordBreak:"break-word"}},d)))):a.default.createElement(l,Object.assign({children:u},d))}return i.displayName=l.displayName,i};
+//# sourceMappingURL=withTruncation-60a6b552.js.map

package/build/{withTruncation-a7b4edf1.js.map → withTruncation-60a6b552.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withTruncation-a7b4edf1.js","sources":["../src/shared/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { Box, PlacementWithLogical } from '@chakra-ui/react';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  isTruncated?: boolean;\n  noOfLines?: number;\n  tooltipPlacement?: PlacementWithLogical;\n  children?: ReactNode | string;\n}\n\nexport function withTruncation<P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithTruncation({\n    isTruncated = false,\n    noOfLines = 1,\n    tooltipPlacement,\n    children,\n    ...rest\n  }: WithTruncationProps): JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const onCheckTextOverFlowing = useCallback((containerRefValue) => {\n      if (containerRefValue && containerRefValue.current) {\n        const textScrollHeight = containerRefValue.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRefValue.current?.offsetHeight || 0;\n        return textScrollHeight > containerOffsetHeight;\n      }\n      return false;\n    }, []);\n\n    useEffect(() => {\n      const checkValue = onCheckTextOverFlowing(containerRef);\n      setIsTextOverFlowing(checkValue);\n    }, [containerRef, onCheckTextOverFlowing]);\n\n    if (isTruncated) {\n      return (\n        <Tooltip\n          className=\"TruncatedText__Tooltip\"\n          label={children?.toLocaleString() || ''}\n          isDisabled={!isTextOverFlowing}\n          placement={tooltipPlacement}\n        >\n          <Box ref={containerRef} display=\"inline-block\" position=\"relative\" className=\"TruncatedText__Wrapper\">\n            <Component\n              className=\"TruncatedText__TextContent\"\n              cursor={!isTextOverFlowing ? '' : 'pointer'}\n              noOfLines={noOfLines}\n              children={children}\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                wordWrap: 'break-word',\n                wordBreak: 'break-word',\n              }}\n              {...(rest as P)}\n            />\n          </Box>\n        </Tooltip>\n      );\n    }\n\n    return <Component children={children} {...(rest as P)} />;\n  }\n  WithTruncation.displayName = Component.displayName;\n\n  return WithTruncation;\n}\n"],"names":["Component","WithTruncation","_a","isTruncated","noOfLines","tooltipPlacement","children","rest","__rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","onCheckTextOverFlowing","useCallback","containerRefValue","current","scrollHeight","_b","offsetHeight","useEffect","checkValue","React","createElement","Tooltip","className","label","toLocaleString","isDisabled","placement","Box","ref","display","position","Object","assign","cursor","style","textOverflow","overflow","wordWrap","wordBreak","displayName"],"mappings":"gRAWM,SAAwDA,GAC5D,SAASC,EAAeC,GAAA,IAAAC,YACtBA,GAAc,EAAKC,UACnBA,EAAY,EAACC,iBACbA,EAAgBC,SAChBA,GAEoBJ,EADjBK,EAAIC,EAAAA,OAAAN,EALe,2DAOtB,MAAOO,EAAmBC,GAAwBC,EAAQA,UAAU,GAC9DC,EAAeC,SAAuB,MAEtCC,EAAyBC,eAAaC,YAC1C,GAAIA,GAAqBA,EAAkBC,QAAS,CAGlD,QAFoD,QAA3Bf,EAAAc,EAAkBC,eAAS,IAAAf,OAAA,EAAAA,EAAAI,SAAS,GAAGY,eAAgB,KACvB,QAA3BC,EAAAH,EAAkBC,eAAS,IAAAE,OAAA,EAAAA,EAAAC,eAAgB,GAG3E,OAAO,IACN,IAOH,OALAC,EAAAA,WAAU,KACR,MAAMC,EAAaR,EAAuBF,GAC1CF,EAAqBY,KACpB,CAACV,EAAcE,IAEdX,EAEAoB,EAAA,QAAAC,cAACC,EAAAA,QAAO,CACNC,UAAU,yBACVC,OAAOrB,MAAAA,OAAA,EAAAA,EAAUsB,mBAAoB,GACrCC,YAAapB,EACbqB,UAAWzB,GAEXkB,EAAAA,QAAAC,cAACO,MAAI,CAAAC,IAAKpB,EAAcqB,QAAQ,eAAeC,SAAS,WAAWR,UAAU,0BAC3EH,EAAA,QAAAC,cAACxB,EAASmC,OAAAC,OAAA,CACRV,UAAU,6BACVW,OAAS5B,EAAyB,UAAL,GAC7BL,UAAWA,EACXE,SAAUA,EACVgC,MAAO,CACLC,aAAc,WACdC,SAAU,SACVC,SAAU,aACVC,UAAW,eAERnC,MAORgB,UAAAC,cAACxB,EAAUmC,OAAAC,OAAA,CAAA9B,SAAUA,GAAeC,IAI7C,OAFAN,EAAe0C,YAAc3C,EAAU2C,YAEhC1C"}
+{"version":3,"file":"withTruncation-60a6b552.js","sources":["../src/shared/hocs/withTruncation.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { Box, PlacementWithLogical } from '@chakra-ui/react';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface WithTruncationProps {\n  isTruncated?: boolean;\n  noOfLines?: number;\n  tooltipPlacement?: PlacementWithLogical;\n  children?: ReactNode | string;\n}\n\nexport function withTruncation<P extends WithTruncationProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithTruncation({\n    isTruncated = false,\n    noOfLines = 1,\n    tooltipPlacement,\n    children,\n    ...rest\n  }: WithTruncationProps): JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const onCheckTextOverFlowing = useCallback((containerRefValue) => {\n      if (containerRefValue && containerRefValue.current) {\n        const textScrollHeight = containerRefValue.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRefValue.current?.offsetHeight || 0;\n        return textScrollHeight > containerOffsetHeight;\n      }\n      return false;\n    }, []);\n\n    useEffect(() => {\n      const checkValue = onCheckTextOverFlowing(containerRef);\n      setIsTextOverFlowing(checkValue);\n    }, [containerRef, onCheckTextOverFlowing]);\n\n    if (isTruncated) {\n      return (\n        <Tooltip\n          className=\"TruncatedText__Tooltip\"\n          label={children?.toLocaleString() || ''}\n          isDisabled={!isTextOverFlowing}\n          placement={tooltipPlacement}\n        >\n          <Box ref={containerRef} display=\"inline-block\" position=\"relative\" className=\"TruncatedText__Wrapper\">\n            <Component\n              className=\"TruncatedText__TextContent\"\n              cursor={!isTextOverFlowing ? '' : 'pointer'}\n              noOfLines={noOfLines}\n              children={children}\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                wordWrap: 'break-word',\n                wordBreak: 'break-word',\n              }}\n              {...(rest as P)}\n            />\n          </Box>\n        </Tooltip>\n      );\n    }\n\n    return <Component children={children} {...(rest as P)} />;\n  }\n  WithTruncation.displayName = Component.displayName;\n\n  return WithTruncation;\n}\n"],"names":["Component","WithTruncation","_a","isTruncated","noOfLines","tooltipPlacement","children","rest","__rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","onCheckTextOverFlowing","useCallback","containerRefValue","current","scrollHeight","_b","offsetHeight","useEffect","checkValue","React","createElement","Tooltip","className","label","toLocaleString","isDisabled","placement","Box","ref","display","position","Object","assign","cursor","style","textOverflow","overflow","wordWrap","wordBreak","displayName"],"mappings":"gRAWM,SAAwDA,GAC5D,SAASC,EAAeC,GAAA,IAAAC,YACtBA,GAAc,EAAKC,UACnBA,EAAY,EAACC,iBACbA,EAAgBC,SAChBA,GAEoBJ,EADjBK,EAAIC,EAAAA,OAAAN,EALe,2DAOtB,MAAOO,EAAmBC,GAAwBC,EAAQA,UAAU,GAC9DC,EAAeC,SAAuB,MAEtCC,EAAyBC,eAAaC,YAC1C,GAAIA,GAAqBA,EAAkBC,QAAS,CAGlD,QAFoD,QAA3Bf,EAAAc,EAAkBC,eAAS,IAAAf,OAAA,EAAAA,EAAAI,SAAS,GAAGY,eAAgB,KACvB,QAA3BC,EAAAH,EAAkBC,eAAS,IAAAE,OAAA,EAAAA,EAAAC,eAAgB,GAG3E,OAAO,IACN,IAOH,OALAC,EAAAA,WAAU,KACR,MAAMC,EAAaR,EAAuBF,GAC1CF,EAAqBY,KACpB,CAACV,EAAcE,IAEdX,EAEAoB,EAAA,QAAAC,cAACC,EAAAA,QAAO,CACNC,UAAU,yBACVC,OAAOrB,MAAAA,OAAA,EAAAA,EAAUsB,mBAAoB,GACrCC,YAAapB,EACbqB,UAAWzB,GAEXkB,EAAAA,QAAAC,cAACO,MAAI,CAAAC,IAAKpB,EAAcqB,QAAQ,eAAeC,SAAS,WAAWR,UAAU,0BAC3EH,EAAA,QAAAC,cAACxB,EAASmC,OAAAC,OAAA,CACRV,UAAU,6BACVW,OAAS5B,EAAyB,UAAL,GAC7BL,UAAWA,EACXE,SAAUA,EACVgC,MAAO,CACLC,aAAc,WACdC,SAAU,SACVC,SAAU,aACVC,UAAW,eAERnC,MAORgB,UAAAC,cAACxB,EAAUmC,OAAAC,OAAA,CAAA9B,SAAUA,GAAeC,IAI7C,OAFAN,EAAe0C,YAAc3C,EAAU2C,YAEhC1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "2.1.2",
+  "version": "2.1.3-beta.86796dgae.1",
   "description": "Kibble Design System by Otto",
   "author": "Otto",
   "main": "build/index.js",
@@ -20,6 +20,7 @@
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build",
     "publishBeta": "npm run build && npm publish --tag beta",
+    "snapshotTests": "npx playwright test getStories.spec.ts && npx playwright test snapshotTests.spec.ts",
     "generate:icons": "npx rimraf src/icons && npx svgr src/assets/icons --config-file svgr.iconConfig.js",
     "generate:themeTypes": "npx chakra-cli tokens src/theme/theme.config.ts --out src/theme/generatedThemeTypes.ts"
   },
@@ -126,6 +127,7 @@
     "styled-components": ">=5.0.0"
   },
   "dependencies": {
+    "@aws-sdk/client-s3": "^3.438.0",
     "@chakra-ui/react": "^1.8.9",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.0.7",
@@ -133,6 +135,7 @@
     "@dnd-kit/sortable": "^7.0.2",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
+    "@playwright/test": "^1.39.0",
     "date-fns": "^2.29.3",
     "focus-visible": "^5.2.0",
     "framer-motion": "^4.1.17"

package/build/avatarGroup.component-98140be9.js

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

package/build/card.component-20080f05.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./tslib.es6-194b75fc.js"),e=require("react"),t=require("./chakra-ui-layout.esm-6ee578f7.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=a(e);const s={lg:7,md:5,sm:3,xs:2};exports.Card=e=>{var{children:a,isActive:d=!1,isFullWidth:i=!0,isInteractive:l=!1,size:n="md"}=e,c=r.__rest(e,["children","isActive","isFullWidth","isInteractive","size"]);return o.default.createElement(t.Box,Object.assign({bg:"background.default",p:s[n],border:"1px",borderColor:"border.default",borderRadius:"lg"},l&&{borderColor:""+(d?"transparent":"border.default"),boxShadow:"0 0 0 3px "+(d?"var(--chakra-colors-border-focus)":"transparent"),cursor:"pointer",transition:".1s all ease-in-out",_hover:{boxShadow:!d&&"0 0 0 3px var(--chakra-colors-border-default)",borderColor:"transparent"}},!i&&{maxW:"max-content"},c),a)},exports.CardPaddingMap=s,exports.cardSizes=["xs","sm","md","lg"];
-//# sourceMappingURL=card.component-20080f05.js.map

package/build/chakra-ui-menu.esm-fe9ef385.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./chakra-ui-system.esm-c70df670.js"),n=require("react"),t=require("./chakra-ui-clickable.esm-4394877f.js"),r=require("./chakra-ui-hooks.esm-21b313f3.js"),a=require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),o=require("./chakra-ui-popper.esm-c15ff4a5.js"),i=require("./motion-b6060749.js");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=l(n);function c(){return c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function s(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}var d=["id","closeOnSelect","closeOnBlur","autoSelect","isLazy","isOpen","defaultIsOpen","onClose","onOpen","placement","lazyBehavior","direction","computePositionOnMount"],m=["onMouseEnter","onMouseMove","onMouseLeave","onClick","isDisabled","isFocusable","closeOnSelect","type"],p=["type","isChecked"],f=["children","type","value","defaultValue","onChange"],v=t.createDescendantContext(),_=v[0],h=v[1],y=v[2],b=v[3],E=e.createContext({strict:!1,name:"MenuContext"}),k=E[0],x=E[1];function O(n){var t;return e.isHTMLElement(n)&&!(null==(t=n.getAttribute("role"))||!t.startsWith("menuitem"))}function C(n,a){void 0===n&&(n={}),void 0===a&&(a=null);var o=n,i=o.onMouseEnter,l=o.onMouseMove,d=o.onMouseLeave,p=o.onClick,f=o.isDisabled,v=o.isFocusable,_=o.closeOnSelect,h=o.type,y=s(o,m),E=x(),k=E.setFocusedIndex,C=E.focusedIndex,g=E.closeOnSelect,I=E.onClose,M=E.menuRef,S=E.isOpen,N=E.menuId,w=u.useRef(null),D=N+"-menuitem-"+r.useId(),R=b({disabled:f&&!v}),A=R.index,z=R.register,T=u.useCallback((function(e){null==i||i(e),f||k(A)}),[k,A,f,i]),F=u.useCallback((function(n){null==l||l(n),w.current&&!e.isActiveElement(w.current)&&T(n)}),[T,l]),V=u.useCallback((function(e){null==d||d(e),f||k(-1)}),[k,f,d]),j=u.useCallback((function(e){null==p||p(e),O(e.currentTarget)&&(null!=_?_:g)&&I()}),[I,p,g,_]),L=A===C,B=f&&!v;r.useUpdateEffect((function(){S&&(L&&!B&&w.current?e.focus(w.current,{nextTick:!0,selectTextIfInput:!1,preventScroll:!1}):M.current&&!e.isActiveElement(M.current)&&e.focus(M.current,{preventScroll:!1}))}),[L,B,M,S]);var P=t.useClickable({onClick:j,onMouseEnter:T,onMouseMove:F,onMouseLeave:V,ref:e.mergeRefs(z,w,a),isDisabled:f,isFocusable:v});return c({},y,P,{type:null!=h?h:P.type,id:D,role:"menuitem",tabIndex:L?0:-1})}var g=["descendants"],I=["children","as"],M=["rootProps"],S=["type"],N=["icon","iconSpacing","command","commandSpacing","children"],w=["icon","iconSpacing"],D=["className","title"],R=["title","children","className"],A=["className","children"],z=["className"],T=function(n){var t=n.children,i=e.useMultiStyleConfig("Menu",n),l=function(n){void 0===n&&(n={});var t=n,i=t.id,l=t.closeOnSelect,m=void 0===l||l,p=t.closeOnBlur,f=void 0===p||p,v=t.autoSelect,_=void 0===v||v,h=t.isLazy,b=t.isOpen,E=t.defaultIsOpen,k=t.onClose,x=t.onOpen,O=t.placement,C=void 0===O?"bottom-start":O,g=t.lazyBehavior,I=void 0===g?"unmount":g,M=t.direction,S=t.computePositionOnMount,N=void 0!==S&&S,w=s(t,d),D=u.useRef(null),R=u.useRef(null),A=y(),z=u.useCallback((function(){e.focus(D.current,{nextTick:!0,selectTextIfInput:!1})}),[]),T=u.useCallback((function(){var e=setTimeout((function(){var e=A.firstEnabled();e&&G(e.index)}));Z.current.add(e)}),[A]),F=u.useCallback((function(){var e=setTimeout((function(){var e=A.lastEnabled();e&&G(e.index)}));Z.current.add(e)}),[A]),V=u.useCallback((function(){null==x||x(),_?T():z()}),[_,T,z,x]),j=r.useDisclosure({isOpen:b,defaultIsOpen:E,onClose:k,onOpen:V}),L=j.isOpen,B=j.onOpen,P=j.onClose,U=j.onToggle;r.useOutsideClick({enabled:L&&f,ref:D,handler:function(e){var n;null!=(n=R.current)&&n.contains(e.target)||P()}});var q=o.usePopper(c({},w,{enabled:L||N,placement:C,direction:M})),K=u.useState(-1),H=K[0],G=K[1];r.useUpdateEffect((function(){L||G(-1)}),[L]),r.useFocusOnHide(D,{focusRef:R,visible:L,shouldFocus:!0});var W=a.useAnimationState({isOpen:L,ref:D}),J=r.useIds(i,"menu-button","menu-list"),Q=J[0],X=J[1],Y=u.useCallback((function(){B(),z()}),[B,z]),Z=u.useRef(new Set([]));return r.useUnmountEffect((function(){Z.current.forEach((function(e){return clearTimeout(e)})),Z.current.clear()})),{openAndFocusMenu:Y,openAndFocusFirstItem:u.useCallback((function(){B(),T()}),[T,B]),openAndFocusLastItem:u.useCallback((function(){B(),F()}),[B,F]),onTransitionEnd:u.useCallback((function(){var n,t,r=e.getOwnerDocument(D.current),a=null==(n=D.current)?void 0:n.contains(r.activeElement);if(L&&!a){var o=null==(t=A.item(H))?void 0:t.node;o&&e.focus(o,{selectTextIfInput:!1,preventScroll:!1})}}),[L,H,A]),unstable__animationState:W,descendants:A,popper:q,buttonId:Q,menuId:X,forceUpdate:q.forceUpdate,orientation:"vertical",isOpen:L,onToggle:U,onOpen:B,onClose:P,menuRef:D,buttonRef:R,focusedIndex:H,closeOnSelect:m,closeOnBlur:f,autoSelect:_,setFocusedIndex:G,isLazy:h,lazyBehavior:I}}(c({},e.omitThemingProps(n),{direction:e.useTheme().direction})),m=l.descendants,p=s(l,g),f=u.useMemo((function(){return p}),[p]),v=f.isOpen,h=f.onClose,b=f.forceUpdate;return u.createElement(_,{value:m},u.createElement(k,{value:f},u.createElement(e.StylesProvider,{value:i},e.runIfFn(t,{isOpen:v,onClose:h,forceUpdate:b}))))};e.__DEV__&&(T.displayName="Menu");var F=e.forwardRef((function(n,t){var r=e.useStyles();return u.createElement(e.chakra.button,c({ref:t},n,{__css:c({display:"inline-flex",appearance:"none",alignItems:"center",outline:0},r.button)}))})),V=e.forwardRef((function(n,t){n.children;var r=n.as,a=function(n,t){void 0===n&&(n={}),void 0===t&&(t=null);var r=x(),a=r.onToggle,o=r.popper,i=r.openAndFocusFirstItem,l=r.openAndFocusLastItem,s=u.useCallback((function(n){var t=e.normalizeEventKey(n),r={Enter:i,ArrowDown:i,ArrowUp:l}[t];r&&(n.preventDefault(),n.stopPropagation(),r(n))}),[i,l]);return c({},n,{ref:e.mergeRefs(r.buttonRef,t,o.referenceRef),id:r.buttonId,"data-active":e.dataAttr(r.isOpen),"aria-expanded":r.isOpen,"aria-haspopup":"menu","aria-controls":r.menuId,onClick:e.callAllHandlers(n.onClick,a),onKeyDown:e.callAllHandlers(n.onKeyDown,s)})}(s(n,I),t),o=r||F;return u.createElement(o,c({},a,{className:e.cx("chakra-menu__menu-button",n.className)}),u.createElement(e.chakra.span,{__css:{pointerEvents:"none",flex:"1 1 auto",minW:0}},n.children))}));e.__DEV__&&(V.displayName="MenuButton");var j={enter:{visibility:"visible",opacity:1,scale:1,transition:{duration:.2,ease:[.4,0,.2,1]}},exit:{transitionEnd:{visibility:"hidden"},opacity:0,scale:.8,transition:{duration:.1,easings:"easeOut"}}};var L,B,P=(L=e.chakra.div,"custom"in(B=i.motion)&&"function"==typeof B.custom?B.custom(L):B(L)),U=e.forwardRef((function(n,t){var a,o,i=n.rootProps,l=s(n,M),d=x(),m=d.isOpen,p=d.onTransitionEnd,f=d.unstable__animationState,v=function(n,t){void 0===n&&(n={}),void 0===t&&(t=null);var a=x();if(!a)throw new Error("useMenuContext: context is undefined. Seems you forgot to wrap component within <Menu>");var o=a.focusedIndex,i=a.setFocusedIndex,l=a.menuRef,s=a.isOpen,d=a.onClose,m=a.menuId,p=a.isLazy,f=a.lazyBehavior,v=a.unstable__animationState,_=h(),y=r.useShortcut({preventDefault:function(e){return" "!==e.key&&O(e.target)}}),b=u.useCallback((function(n){var t=e.normalizeEventKey(n),r={Tab:function(e){return e.preventDefault()},Escape:d,ArrowDown:function(){var e=_.nextEnabled(o);e&&i(e.index)},ArrowUp:function(){var e=_.prevEnabled(o);e&&i(e.index)}},a=r[t];if(a)return n.preventDefault(),void a(n);var l=y((function(n){var t=e.getNextItemFromSearch(_.values(),n,(function(e){var n,t;return null!=(n=null==e||null==(t=e.node)?void 0:t.textContent)?n:""}),_.item(o));if(t){var r=_.indexOf(t.node);i(r)}}));O(n.target)&&l(n)}),[_,o,y,d,i]),E=u.useRef(!1);s&&(E.current=!0);var k=e.determineLazyBehavior({hasBeenSelected:E.current,isLazy:p,lazyBehavior:f,isSelected:v.present});return c({},n,{ref:e.mergeRefs(l,t),children:k?n.children:null,tabIndex:-1,role:"menu",id:m,style:c({},n.style,{transformOrigin:"var(--popper-transform-origin)"}),"aria-orientation":"vertical",onKeyDown:e.callAllHandlers(n.onKeyDown,b)})}(l,t),_=function(e){void 0===e&&(e={});var n=x(),t=n.popper,r=n.isOpen;return t.getPopperProps(c({},e,{style:c({visibility:r?"visible":"hidden"},e.style)}))}(i),y=e.useStyles();return u.createElement(e.chakra.div,c({},_,{__css:{zIndex:null!=(a=n.zIndex)?a:null==(o=y.list)?void 0:o.zIndex}}),u.createElement(P,c({},v,{onUpdate:p,onAnimationComplete:e.callAll(f.onComplete,v.onAnimationComplete),className:e.cx("chakra-menu__menu-list",v.className),variants:j,initial:!1,animate:m?"enter":"exit",__css:c({outline:0},y.list)})))}));e.__DEV__&&(U.displayName="MenuList");var q=e.forwardRef((function(n,t){var r=n.type,a=s(n,S),o=e.useStyles(),i=a.as||r?null!=r?r:void 0:"button",l=u.useMemo((function(){return c({textDecoration:"none",color:"inherit",userSelect:"none",display:"flex",width:"100%",alignItems:"center",textAlign:"start",flex:"0 0 auto",outline:0},o.item)}),[o.item]);return u.createElement(e.chakra.button,c({ref:t,type:i},a,{__css:l}))})),K=e.forwardRef((function(n,t){var r=n.icon,a=n.iconSpacing,o=void 0===a?"0.75rem":a,i=n.command,l=n.commandSpacing,d=void 0===l?"0.75rem":l,m=n.children,p=C(s(n,N),t),f=r||i?u.createElement("span",{style:{pointerEvents:"none",flex:1}},m):m;return u.createElement(q,c({},p,{className:e.cx("chakra-menu__menuitem",p.className)}),r&&u.createElement(X,{fontSize:"0.8em",marginEnd:o},r),f,i&&u.createElement(Q,{marginStart:d},i))}));e.__DEV__&&(K.displayName="MenuItem");var H=function(e){return u.createElement("svg",c({viewBox:"0 0 14 14",width:"1em",height:"1em"},e),u.createElement("polygon",{fill:"currentColor",points:"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"}))},G=e.forwardRef((function(n,t){var r=n.icon,a=n.iconSpacing,o=void 0===a?"0.75rem":a,i=s(n,w),l=function(e,n){void 0===e&&(e={}),void 0===n&&(n=null);var t=e,r=t.type,a=void 0===r?"radio":r,o=t.isChecked;return c({},C(s(t,p),n),{role:"menuitem"+a,"aria-checked":o})}(i,t);return u.createElement(q,c({},l,{className:e.cx("chakra-menu__menuitem-option",i.className)}),null!==r&&u.createElement(X,{fontSize:"0.8em",marginEnd:o,opacity:n.isChecked?1:0},r||u.createElement(H,null)),u.createElement("span",{style:{flex:1}},l.children))}));G.id="MenuItemOption",e.__DEV__&&(G.displayName="MenuItemOption");var W=function(n){var t=n.className,a=n.title,o=function(n){void 0===n&&(n={});var t=n,a=t.children,o=t.type,i=void 0===o?"radio":o,l=t.value,d=t.defaultValue,m=t.onChange,p=s(t,f),v="radio"===i?"":[],_=r.useControllableState({defaultValue:null!=d?d:v,value:l,onChange:m}),h=_[0],y=_[1],b=u.useCallback((function(n){if("radio"===i&&e.isString(h)&&y(n),"checkbox"===i&&e.isArray(h)){var t=h.includes(n)?e.removeItem(h,n):e.addItem(h,n);y(t)}}),[h,y,i]);return c({},p,{children:e.getValidChildren(a).map((function(e){if("MenuItemOption"!==e.type.id)return e;var n="radio"===i?e.props.value===h:h.includes(e.props.value);return u.cloneElement(e,{type:i,onClick:function(n){b(e.props.value),null==e.props.onClick||e.props.onClick(n)},isChecked:n})}))})}(s(n,D));return u.createElement(J,c({title:a,className:e.cx("chakra-menu__option-group",t)},o))};e.__DEV__&&(W.displayName="MenuOptionGroup");var J=e.forwardRef((function(n,t){var r=n.title,a=n.children,o=n.className,i=s(n,R),l=e.cx("chakra-menu__group__title",o),d=e.useStyles();return u.createElement("div",{ref:t,className:"chakra-menu__group",role:"group"},r&&u.createElement(e.chakra.p,c({className:l},i,{__css:d.groupTitle}),r),a)}));e.__DEV__&&(J.displayName="MenuGroup");var Q=e.forwardRef((function(n,t){var r=e.useStyles();return u.createElement(e.chakra.span,c({ref:t},n,{__css:r.command,className:"chakra-menu__command"}))}));e.__DEV__&&(Q.displayName="MenuCommand");var X=function(n){var t=n.className,r=n.children,a=s(n,A),o=u.Children.only(r),i=u.isValidElement(o)?u.cloneElement(o,{focusable:"false","aria-hidden":!0,className:e.cx("chakra-menu__icon",o.props.className)}):null,l=e.cx("chakra-menu__icon-wrapper",t);return u.createElement(e.chakra.span,c({className:l},a,{__css:{flexShrink:0}}),i)};e.__DEV__&&(X.displayName="MenuIcon");var Y=function(n){var t=n.className,r=s(n,z),a=e.useStyles();return u.createElement(e.chakra.hr,c({role:"separator","aria-orientation":"horizontal",className:e.cx("chakra-menu__divider",t)},r,{__css:a.divider}))};e.__DEV__&&(Y.displayName="MenuDivider"),exports.Menu=T,exports.MenuButton=V,exports.MenuDivider=Y,exports.MenuGroup=J,exports.MenuItem=K,exports.MenuItemOption=G,exports.MenuList=U,exports.MenuOptionGroup=W,exports.useMenuState=function(){var e=x();return{isOpen:e.isOpen,onClose:e.onClose}};
-//# sourceMappingURL=chakra-ui-menu.esm-fe9ef385.js.map

package/build/checkboxGroup.component-3fce48e7.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./withFormControl-1971ad8f.js"),i=require("./checkbox.component-b2d6ac56.js"),c=require("./chakra-ui-checkbox.esm-499c8b0c.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const a=t=>{var{checkboxes:r,size:n="md",direction:a="row",spacing:u,isFieldInline:d,isOnContrast:l}=t,b=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(c.CheckboxGroup,Object.assign({},b),o.default.createElement(s.Stack,{direction:a,spacing:u,width:"fit-content"},r.map(((e,t)=>o.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:n}))))))};a.displayName="CheckboxGroup";const u=r.withFormControl(a);exports.WrappedCheckboxGroup=u;
-//# sourceMappingURL=checkboxGroup.component-3fce48e7.js.map

package/build/color.types-7d5284ee.js

@@ -1,2 +0,0 @@
-"use strict";exports.semanticBackgroundTokens=["background.default","background.subtle","background.lessSubtle","background.primary","background.primary.hover","background.primary.pressed","background.info","background.success","background.warning","background.error","background.destructive","background.destructive.hover","background.destructive.pressed","background.accent","background.accentSubtle","background.note","background.alpha","background.alpha.hover","background.alpha.pressed","background.primaryAlpha","background.primaryAlpha.hover","background.primaryAlpha.pressed","background.destructiveAlpha","background.destructiveAlpha.hover","background.destructiveAlpha.pressed","background.overlay","background.backdrop","background.contrast","background.subtleContrast","background.moreSubtleContrast","background.mostSubtleContrast","background.primaryContrast","background.primaryContrast.hover","background.primaryContrast.pressed","background.successContrast","background.warningContrast","background.errorContrast","background.destructiveContrast","background.destructiveContrast.hover","background.destructiveContrast.pressed","background.alphaContrast","background.alphaContrast.hover","background.alphaContrast.pressed","background.primaryAlphaContrast","background.primaryAlphaContrast.hover","background.primaryAlphaContrast.pressed","background.destructiveAlphaContrast","background.destructiveAlphaContrast.hover","background.destructiveAlphaContrast.pressed"],exports.semanticBorderTokens=["divider.default","border.default","border.subtle","border.strong","border.focus","border.info","border.success","border.warning","border.danger","border.accent","border.accentSubtle","border.contrast","border.subtleContrast","border.focusContrast","border.strongContrast","border.dangerContrast"],exports.semanticTypographyTokens=["text.default","text.subtle","text.info","text.interactive","text.interactive.hover","text.success","text.warning","text.danger","text.placeholder","text.accent","text.accentSubtle","text.onContrast","text.subtleOnContrast","text.interactiveOnContrast","text.interactiveOnContrast.hover","text.placeholderOnContrast","text.dangerOnContrast"];
-//# sourceMappingURL=color.types-7d5284ee.js.map

package/build/color.types-7d5284ee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.types-7d5284ee.js","sources":["../src/theme/tokens/colors/color.types.ts"],"sourcesContent":["export type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';\nexport type ColorSchemes =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'primaryAlpha'\n  | 'dangerAlpha'\n  | 'primaryInverseAlpha'\n  | 'blackAlpha'\n  | 'whiteAlpha'\n  | 'dangerInverseAlpha';\nexport type ColorValueMap = Record<ColorValue, string>;\n\nexport type CoreColors = Record<ColorSchemes, ColorValueMap>;\n\nexport const semanticTypographyTokens = [\n  'text.default',\n  'text.subtle',\n  'text.info',\n  'text.interactive',\n  'text.interactive.hover',\n  'text.success',\n  'text.warning',\n  'text.danger',\n  'text.placeholder',\n  'text.accent',\n  'text.accentSubtle',\n  'text.onContrast',\n  'text.subtleOnContrast',\n  'text.interactiveOnContrast',\n  'text.interactiveOnContrast.hover',\n  'text.placeholderOnContrast',\n  'text.dangerOnContrast',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.default',\n  'background.subtle',\n  'background.lessSubtle',\n  'background.primary',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.info',\n  'background.success',\n  'background.warning',\n  'background.error',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.accent',\n  'background.accentSubtle',\n  'background.note',\n  'background.alpha',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.overlay',\n  'background.backdrop',\n  'background.contrast',\n  'background.subtleContrast',\n  'background.moreSubtleContrast',\n  'background.mostSubtleContrast',\n  'background.primaryContrast',\n  'background.primaryContrast.hover',\n  'background.primaryContrast.pressed',\n  'background.successContrast',\n  'background.warningContrast',\n  'background.errorContrast',\n  'background.destructiveContrast',\n  'background.destructiveContrast.hover',\n  'background.destructiveContrast.pressed',\n  'background.alphaContrast',\n  'background.alphaContrast.hover',\n  'background.alphaContrast.pressed',\n  'background.primaryAlphaContrast',\n  'background.primaryAlphaContrast.hover',\n  'background.primaryAlphaContrast.pressed',\n  'background.destructiveAlphaContrast',\n  'background.destructiveAlphaContrast.hover',\n  'background.destructiveAlphaContrast.pressed',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticBorderTokens = [\n  'divider.default',\n  'border.default',\n  'border.subtle',\n  'border.strong',\n  'border.focus',\n  'border.info',\n  'border.success',\n  'border.warning',\n  'border.danger',\n  'border.accent',\n  'border.accentSubtle',\n  'border.contrast',\n  'border.subtleContrast',\n  'border.focusContrast',\n  'border.strongContrast',\n  'border.dangerContrast',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type SemanticColorToken = SemanticTypographyToken | SemanticBackgroundColorToken | SemanticBorderColorToken;\n"],"names":[],"mappings":"8CAuCwC,CACtC,qBACA,oBACA,wBACA,qBACA,2BACA,6BACA,kBACA,qBACA,qBACA,mBACA,yBACA,+BACA,iCACA,oBACA,0BACA,kBACA,mBACA,yBACA,2BACA,0BACA,gCACA,kCACA,8BACA,oCACA,sCACA,qBACA,sBACA,sBACA,4BACA,gCACA,gCACA,6BACA,mCACA,qCACA,6BACA,6BACA,2BACA,iCACA,uCACA,yCACA,2BACA,iCACA,mCACA,kCACA,wCACA,0CACA,sCACA,4CACA,4EAIkC,CAClC,kBACA,iBACA,gBACA,gBACA,eACA,cACA,iBACA,iBACA,gBACA,gBACA,sBACA,kBACA,wBACA,uBACA,wBACA,0DA1FsC,CACtC,eACA,cACA,YACA,mBACA,yBACA,eACA,eACA,cACA,mBACA,cACA,oBACA,kBACA,wBACA,6BACA,mCACA,6BACA"}

package/build/components/Menu/components/MenuOptionGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './menuOptionGroup.component';

package/build/components/Menu/components/MenuOptionGroup/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuOptionGroup.component-bfcf4e53.js");require("../../../../tslib.es6-194b75fc.js"),require("react"),require("../../../../chakra-ui-menu.esm-fe9ef385.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../motion-b6060749.js"),exports.MenuOptionGroup=e.MenuOptionGroup;
-//# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuOptionGroup/index.js.map

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

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.d.ts

@@ -1,2 +0,0 @@
-import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
-export declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;

package/build/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.d.ts

@@ -1,2 +0,0 @@
-import { BrowserDefaultSelectProps } from '../../../Select/select.component';
-export declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;

package/build/components/Select/select.types.d.ts

@@ -1,3 +0,0 @@
-import { MenuItemProps } from '../Menu/components/MenuItem/menuItem.component';
-export interface SelectOptionProps extends MenuItemProps {
-}

package/build/menu.component-cd99977c.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./menuContainer.component-adb9204a.js"),u=require("./menuButton.component-3280a201.js"),r=require("./menuList.component-fa80fe83.js"),s=require("./menu.context-22d23674.js"),i=require("./chakra-ui-menu.esm-fe9ef385.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);exports.Menu=t=>{var{buttonProps:o,CustomTriggerElement:l,listProps:m,containerProps:c}=t,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return a.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},a.default.createElement(n.MenuContainer,Object.assign({isLazy:null==c?void 0:c.isLazy},c,d),l?a.default.createElement(l,{as:i.MenuButton}):a.default.createElement(u.MenuButton,Object.assign({},o)),a.default.createElement(r.MenuList,Object.assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
-//# sourceMappingURL=menu.component-cd99977c.js.map

package/build/menu.component-cd99977c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.component-cd99977c.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  buttonProps?: MenuButtonProps;\n  CustomTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n  children?: ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  CustomTriggerElement,\n  listProps,\n  containerProps,\n  ...props\n}: MenuProps): JSX.Element => {\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n        {CustomTriggerElement ? (\n          // @ts-ignore\n          <CustomTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","Object","assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeqBA,IAAA,IAAAC,YACnBA,EAAWC,qBACXA,EAAoBC,UACpBA,EAASC,eACTA,GAAcJ,EACXK,EALgBC,EAAAA,OAAAN,EAAA,CAAA,cAAA,uBAAA,YAAA,mBAOnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAA,QAAAC,cAACK,gBAAaC,OAAAC,OAAA,CAACC,OAAQZ,MAAAA,OAAA,EAAAA,EAAgBY,QAAYZ,EAAoBC,GACpEH,EAECK,EAAA,QAAAC,cAACN,EAAqB,CAAAe,GAAIC,EAAAA,aAE1BX,EAAAA,QAACC,cAAAW,EAAAA,WAAeL,OAAAC,OAAA,GAAAd,IAElBM,UAACC,cAAAY,EAAQA,0BAAKjB,EAAS,CAAEkB,gBAAiBhB,EAAMiB,WAAYZ,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}

package/build/menuButton.component-3280a201.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./icon.component-729a7547.js"),r=require("./button.component-957d9e9f.js"),a=require("./chakra-ui-menu.esm-fe9ef385.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t);exports.MenuButton=u=>{var{leftElement:o,leftIconName:i,rightIconName:m="chevronDown",showRightIcon:l=!0,size:f,text:x,variant:p}=u,d=e.__rest(u,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]);const h=i&&!x,B=t.useMemo((()=>{if(h)switch(f){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(f){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[h,f]),_=t.useMemo((()=>{if(h)switch(f){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return f||"md"}),[h,f]),g=t.useMemo((()=>{if(h)return"0px";switch(f){case"xs":case"sm":return"4px";default:return"8px"}}),[h,f]);return c.default.createElement(a.MenuButton,Object.assign({as:r.Button,variant:p,size:f,position:"relative"},d,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(s.HStack,{spacing:g,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(s.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:_})),x&&c.default.createElement(s.Box,{className:"MenuButton__Text"},x),l&&c.default.createElement(s.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:m,size:"lg"===f?"sm":"xs"}))))};
-//# sourceMappingURL=menuButton.component-3280a201.js.map

package/build/menuButton.component-3280a201.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuButton.component-3280a201.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps, Box, HStack } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\nimport { ButtonSize, ButtonVariant } from '../../../Button/button.types';\nimport { IconSize } from '../../../Icon/icon.types';\nimport { IconName } from '../../../../icons';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n  leftElement?: ReactNode;\n  leftIconName?: IconName;\n  rightIconName?: IconName;\n  showRightIcon?: boolean;\n  size?: ButtonSize;\n  text?: string;\n  variant?: ButtonVariant;\n}\n\nexport const MenuButton = ({\n  leftElement,\n  leftIconName,\n  rightIconName = 'chevronDown',\n  showRightIcon = true,\n  size,\n  text,\n  variant,\n  ...rest\n}: MenuButtonProps): JSX.Element => {\n  const isIconButton = leftIconName && !text;\n  const buttonPadding = useMemo((): string => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return '4px';\n        case 'sm':\n          return '6px';\n        default:\n          return '8px';\n      }\n    }\n\n    switch (size) {\n      case 'xs':\n        return '5px 8px';\n      case 'sm':\n        return '8px 12px';\n      case 'md':\n        return '10px 16px';\n      default:\n        return '12px 20px';\n    }\n  }, [isIconButton, size]);\n\n  const iconSize = useMemo((): IconSize => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return 'sm';\n        case 'sm':\n          return 'md';\n        case 'md':\n          return 'lg';\n        default:\n          return 'xl';\n      }\n    }\n\n    return size || 'md';\n  }, [isIconButton, size]);\n\n  const textSpacing = useMemo((): string => {\n    if (isIconButton) {\n      return '0px';\n    }\n\n    switch (size) {\n      case 'xs':\n      case 'sm':\n        return '4px';\n      default:\n        return '8px';\n    }\n  }, [isIconButton, size]);\n\n  return (\n    <CMenuButton\n      as={Button}\n      variant={variant}\n      size={size}\n      position=\"relative\"\n      {...rest}\n      className=\"MenuButton\"\n      p={buttonPadding}\n      lineHeight={0}\n      _active={{ transform: 'none' }}\n    >\n      <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n        {leftElement && leftElement}\n        {leftIconName && (\n          <Box className=\"MenuButton__LeftIcon\">\n            <Icon name={leftIconName} size={iconSize} />\n          </Box>\n        )}\n        {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n        {showRightIcon && (\n          <Box className=\"MenuButton__RightIcon\">\n            <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n          </Box>\n        )}\n      </HStack>\n    </CMenuButton>\n  );\n};\n"],"names":["_a","leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAkB2BA,QAAAC,YACzBA,EAAWC,aACXA,EAAYC,cACZA,EAAgB,cAAaC,cAC7BA,GAAgB,EAAIC,KACpBA,EAAIC,KACJA,EAAIC,QACJA,KACGC,EARsBC,SAAAT,EAAA,CAAA,cAAA,eAAA,gBAAA,gBAAA,OAAA,OAAA,YAUzB,MAAMU,EAAeR,IAAiBI,EAChCK,EAAgBC,EAAAA,SAAQ,KAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,KACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,KAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,EAAC,QAAAC,cAAAC,4BACCC,GAAIC,EAAAA,OACJZ,QAASA,EACTF,KAAMA,EACNe,SAAS,YACLZ,EAAI,CACRa,UAAU,aACVC,EAAGX,EACHY,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBV,EAAC,QAAAC,cAAAU,UAAOC,QAASb,EAAaO,UAAU,gCACrCpB,GAAeA,EACfC,GACCa,EAAA,QAAAC,cAACY,EAAGA,IAAC,CAAAP,UAAU,wBACbN,UAACC,cAAAa,EAAAA,KAAK,CAAAC,KAAM5B,EAAcG,KAAMQ,KAGnCP,GAAQS,wBAACa,EAAAA,IAAG,CAACP,UAAU,oBAAoBf,GAC3CF,GACCW,EAAA,QAAAC,cAACY,EAAGA,IAAC,CAAAP,UAAU,yBACbN,EAAAA,QAACC,cAAAa,EAAAA,KAAK,CAAAC,KAAM3B,EAAeE,KAAe,OAATA,EAAgB,KAAO"}

package/build/menuContainer.component-adb9204a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuContainer.component-adb9204a.js","sources":["../src/components/Menu/components/MenuContainer/menuContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Menu as CMenu, MenuProps as CMenuProps } from '@chakra-ui/react';\nimport { useMenuContext } from '../../context/menu.context';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  children?: ReactNode;\n  onClose?: (value: (MenuItemProps | undefined)[]) => void;\n}\n\nexport const MenuContainer = ({ children, onClose, ...rest }: MenuContainerProps): JSX.Element => {\n  const { handleOnClose } = useMenuContext();\n\n  return (\n    <CMenu onClose={handleOnClose} {...rest}>\n      {children}\n    </CMenu>\n  );\n};\n"],"names":["_a","children","onClose","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","Menu","Object","assign"],"mappings":"wQAU8BA,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA5B,wBAC5B,MAAMK,cAAEA,GAAkBC,EAAAA,iBAE1B,OACEC,UAAAC,cAACC,EAAKC,KAAAC,OAAAC,OAAA,CAACV,QAASG,GAAmBF,GAChCF"}

package/build/menuItem.component-f9f142c2.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./menu.config-14739188.js"),l=require("./text.component-30355fe6.js"),n=require("./checkbox.component-b2d6ac56.js"),s=require("./chakra-ui-menu.esm-fe9ef385.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(t);exports.MenuItem=r=>{var{canSelectAll:u,children:o,groupLabel:m,handleKeyboardNavigation:d=(()=>{}),isDisabled:f,isMultiSelect:b,isPlaceholder:h,closeOnSelect:p=!b,isSelected:x,itemIndex:I="0",label:v,leftElement:S,menuItemRefs:_,onSelect:g,shouldRetainSelection:E=!1,shouldTruncateText:M,value:k,variant:L}=r,j=e.__rest(r,["canSelectAll","children","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant"]);const{onClose:y}=s.useMenuState(),C=t.useCallback((e=>{e.stopPropagation(),f||(k&&g&&g({label:v,leftElement:S,value:k}),p&&y())}),[k,g,y,p,f,v,S]),N=t.useMemo((()=>L||(x&&E?"interactive":"default")),[x,E,L]);return c.default.createElement(i.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!b?"background.primaryAlpha.hover":"",className:"MenuList__Item",onClick:C,onKeyDown:e=>d(e,!1),tabIndex:parseInt(u?I+=2:I),ref:e=>_&&I?_.current[parseInt(I)]=e:null,disabled:f},j),o?c.default.createElement(i.Box,{onClick:C},o):c.default.createElement(i.HStack,{className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},b&&c.default.createElement(i.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x})),S&&c.default.createElement(i.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},S),"string"==typeof v?c.default.createElement(l.WrappedText,{size:"sm",className:"MenuList__ItemLabel",variant:N,isTruncated:M},v):c.default.createElement(i.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},v)))};
-//# sourceMappingURL=menuItem.component-f9f142c2.js.map

package/build/menuItem.component-f9f142c2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuItem.component-f9f142c2.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { MenuItemConfig } from '../../menu.config';\nimport { Text } from '../../../Text/text.component';\nimport { Checkbox } from 'components/Checkbox';\nimport { TypographyVariant } from 'shared/types';\n\nexport interface MenuItemProps {\n  canSelectAll?: boolean;\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isSelected?: boolean;\n  itemIndex?: string;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  onSelect?: (selectedItem: MenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  isPlaceholder?: boolean;\n  variant?: TypographyVariant;\n}\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isMultiSelect,\n  isPlaceholder,\n  closeOnSelect = !isMultiSelect,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  variant,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { onClose } = useMenuState();\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (variant) {\n      return variant;\n    }\n    return isSelected && shouldRetainSelection ? 'interactive' : 'default';\n  }, [isSelected, shouldRetainSelection, variant]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? 'background.primaryAlpha.hover' : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        <Box onClick={handleSelect}>{children}</Box>\n      ) : (\n        <HStack className=\"MenuList__ItemContainer\" justify=\"baseline\" spacing={3} minH={5} color={`text.${fontColor}`}>\n          {isMultiSelect && (\n            <Flex w={4} h={4} className=\"MenuList__ItemCheckbox\">\n              <Checkbox size=\"md\" isChecked={isSelected} />\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          {typeof label === 'string' ? (\n            <Text size=\"sm\" className=\"MenuList__ItemLabel\" variant={fontColor} isTruncated={shouldTruncateText}>\n              {label}\n            </Text>\n          ) : (\n            <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n              {label}\n            </Box>\n          )}\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant","rest","__rest","onClose","useMenuState","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","React","Box","Object","assign","MenuItemConfig","bg","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","createElement","HStack","justify","spacing","minH","color","Flex","w","h","Checkbox","size","isChecked","align","Text","WrappedText","isTruncated","position"],"mappings":"0YAoCyBA,QAAAC,aACvBA,EAAYC,SACZA,EAAQC,WACRA,EAAUC,yBACVA,EAA2B,SAAcC,WACzCA,EAAUC,cACVA,EAAaC,cACbA,EAAaC,cACbA,GAAiBF,EAAaG,WAC9BA,EAAUC,UACVA,EAAY,IAAGC,MACfA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,sBACRA,GAAwB,EAAKC,mBAC7BA,EAAkBC,MAClBA,EAAKC,QACLA,KACGC,EAnBoBC,SAAApB,EAAA,CAAA,eAAA,WAAA,aAAA,2BAAA,aAAA,gBAAA,gBAAA,gBAAA,aAAA,YAAA,QAAA,cAAA,eAAA,WAAA,wBAAA,qBAAA,QAAA,YAqBvB,MAAMqB,QAAEA,GAAYC,EAAAA,eAEdC,EAAeC,eAClBC,IACCA,EAAEC,kBAEErB,IAEAY,GAASH,GACXA,EAAS,CACPH,MAAAA,EACAC,YAAAA,EACAK,MAAAA,IAIAT,GACFa,OAGJ,CAACJ,EAAOH,EAAUO,EAASb,EAAeH,EAAYM,EAAOC,IAGzDe,EAAYC,EAAAA,SAAQ,IACpBV,IAGGT,GAAcM,EAAwB,cAAgB,YAC5D,CAACN,EAAYM,EAAuBG,IAEvC,OACEW,wBAACC,MAAGC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BT,EAAgB,gCAAkC,GAC9F6B,UAAU,iBACVC,QAASb,EACTc,UAAYZ,GAA2CrB,EAAyBqB,GAAG,GACnFa,SAAUC,SAAStC,EAAgBS,GAAa,EAAKA,GACrD8B,IAAMC,GACJ5B,GAAgBH,EAAaG,EAAa6B,QAAQH,SAAS7B,IAAc+B,EAAM,KAGjFE,SAAUtC,GACNc,GAEHjB,EACC2B,EAAAA,sBAACC,EAAGA,IAAA,CAACM,QAASb,GAAerB,GAE7B2B,EAAAA,QAACe,cAAAC,EAAMA,QAACV,UAAU,0BAA0BW,QAAQ,WAAWC,QAAS,EAAGC,KAAM,EAAGC,MAAO,QAAQtB,KAChGrB,GACCuB,EAAC,QAAAe,cAAAM,EAAAA,MAAKC,EAAG,EAAGC,EAAG,EAAGjB,UAAU,0BAC1BN,UAACe,cAAAS,EAAAA,gBAAS,CAAAC,KAAK,KAAKC,UAAW9C,KAGlCG,GACCiB,EAAAA,QAAAe,cAACM,EAAIA,KAAC,CAAAM,MAAM,SAASV,QAAQ,SAASX,UAAU,6BAC7CvB,GAGa,iBAAVD,EACNkB,EAAA,QAAAe,cAACa,EAAIC,YAAA,CAACJ,KAAK,KAAKnB,UAAU,sBAAsBjB,QAASS,EAAWgC,YAAa3C,GAC9EL,GAGHkB,EAAA,QAAAe,cAACd,EAAGA,IAAA,CAACK,UAAU,sBAAsByB,SAAS,WAAWT,EAAE,QACxDxC"}

package/build/menuList.component-fa80fe83.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),l=require("./heading.component-198f40a3.js"),a=require("./text.component-30355fe6.js"),n=require("./menuItem.component-f9f142c2.js"),r=require("./textInput.component-d63fb051.js"),u=require("./chakra-ui-menu.esm-fe9ef385.js"),s=require("./button.component-957d9e9f.js"),o=require("./chakra-ui-layout.esm-6ee578f7.js"),c=require("./menu.context-22d23674.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(t);const m=({handleKeyboardNavigation:e,menuItems:l,onSearchCallback:a,searchInputRef:n,setFilteredMenuItems:s,placeholder:o="Search..."})=>{const{isOpen:c}=u.useMenuState(),i=t.useCallback((e=>{const t=e.target.value;if(""!==t&&t){const e=l.filter((e=>{var l;const a="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==a?void 0:a.toLowerCase().includes(t.toLowerCase())}));s(e)}else s(l);a&&a(e)}),[l,a,s]);return t.useEffect((()=>{let e;return c&&(e=setTimeout((()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.focus()}),200)),()=>clearTimeout(e)}),[n,c]),d.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:o,onChange:i,mt:1,onKeyDown:t=>e(t,!0),size:"sm",ref:n})},f=({groupName:e,handleToggleAllItems:t,hasSelectedItems:l,isGrouped:a})=>a?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},l?d.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({groupName:e,clear:!0}),isDisabled:!l},"Clear all"):d.default.createElement(s.Button,{variant:"ghost",size:"xs",onClick:()=>t({groupName:e,clear:!1})},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(s.Button,{variant:"ghost",size:"xs",onClick:()=>t({clear:!1})},"Select all"),d.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({clear:!0}),isDisabled:!l},"Clear all")));exports.MenuList=r=>{var{canSelectAll:s=!1,canSelectGroups:i=!1,children:p,isGrouped:h=!1,isMatchWidthSet:v,isMultiSelect:S=!1,isSearchable:g=!1,menuItems:x,onSelect:b,onSelectAll:I,searchPlaceholder:E,shouldRetainSelection:M=!1,shouldTruncateText:k=!0,minW:N="240px",maxW:C,maxH:w="480px"}=r,y=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]);const{filteredMenuItems:A,setFilteredMenuItems:B,allMenuItems:L,groups:_,setGroups:j,focusedItemIndex:T,setFocusedItemIndex:G,searchInputRef:W,menuItemRefs:q}=c.useMenuContext(),R=t.useCallback((e=>{var t,l;if(!(null==q?void 0:q.current))return;const a=0===T,n=T===(null==q?void 0:q.current.length)-1;let r=-1;if("ArrowDown"===e)if(n){if(g)return null===(t=null==W?void 0:W.current)||void 0===t||t.focus(),void G(-1);r=0}else r=T+1;else if("ArrowUp"===e)if(a){if(g)return null===(l=null==W?void 0:W.current)||void 0===l||l.focus(),void G(-1);r=q.current.length-1}else r=T-1;const u=null==q?void 0:q.current[r];u?(null==u||u.focus(),G(r)):G(-1)}),[T,g,q,W,G]),z=t.useCallback(((e,t)=>{e.persist(),(null==q?void 0:q.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||R("ArrowDown"),"ArrowUp"===e.key&&R("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[R,q]),D=t.useCallback(((e,t)=>{if(A&&L){const l=[...A],a=l.find((t=>t.value===e.value));S&&a&&(a.isSelected=!a.isSelected),B(l);const n=L.filter((e=>e.isSelected));b&&a&&b(a,n),t&&a&&t(a,n)}}),[L,A,S,b,B]),F=t.useCallback((({groupName:e,clear:t=!1})=>{if(A&&L){const l=[...A],a=[];l.forEach((l=>{e?e===l.groupLabel&&(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value)):(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value))})),B(l),I&&I(L.filter((e=>e.isSelected)))}}),[A,L,I,B]);t.useEffect((()=>{if(h){const e=[...new Set(null==A?void 0:A.map((e=>e.groupLabel)))];e.length&&j(e)}}),[A,h,j]);const H=t.useCallback(((e,t)=>e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(n.MenuItem,Object.assign({},e,{key:e.value,canSelectAll:s,handleKeyboardNavigation:z,isMultiSelect:S,itemIndex:t.toString(),menuItemRefs:q,onSelect:t=>D(t,e.onSelect),shouldRetainSelection:M,shouldTruncateText:k}))),[z,D,S,q,M,k,s]);return v||(C="320px"),p?d.default.createElement(u.MenuList,Object.assign({},y),p):d.default.createElement(u.MenuList,Object.assign({className:"MeuList"},y,{maxW:C||"unset",maxH:w,minW:N,overflow:"hidden auto"}),(g||s&&S)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},g&&d.default.createElement(m,{handleKeyboardNavigation:z,menuItems:x||[],searchInputRef:W,setFilteredMenuItems:B,placeholder:E}),s&&S&&d.default.createElement(f,{handleToggleAllItems:F,hasSelectedItems:Boolean(null==A?void 0:A.find((e=>e.isSelected))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==A?void 0:A.length)?h?null==_?void 0:_.map(((e,t)=>{const a=null==A?void 0:A.filter((t=>t.groupLabel===e));return d.default.createElement(o.Box,{className:"MenuList__Group",key:`${e||"noGroup"}-${t}`},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.WrappedHeading,{size:"xs"},e)),S&&i&&d.default.createElement(f,{handleToggleAllItems:F,hasSelectedItems:Boolean(null==a?void 0:a.find((e=>e.isSelected))),isGrouped:!0,groupName:e})),null==a?void 0:a.map(((e,t)=>H(e,t))))})):null==A?void 0:A.map(((e,t)=>H(e,t))):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(a.WrappedText,{size:"sm",variant:"subtle"},"No results found"))))};
-//# sourceMappingURL=menuList.component-fa80fe83.js.map

package/build/menuList.component-fa80fe83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuList.component-fa80fe83.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          {...item}\n          key={item.value}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","createElement","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","useMenuContext","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","overflow","m","Boolean","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text","WrappedText"],"mappings":"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"}

package/build/menuOptionGroup.component-bfcf4e53.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),t=require("./chakra-ui-menu.esm-fe9ef385.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(r);exports.MenuOptionGroup=r=>{var{children:i}=r,n=e.__rest(r,["children"]);return u.default.createElement(t.MenuOptionGroup,Object.assign({className:"MenuList__OptionGroup",position:"relative"},n),i)};
-//# sourceMappingURL=menuOptionGroup.component-bfcf4e53.js.map

package/build/menuOptionGroup.component-bfcf4e53.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuOptionGroup.component-bfcf4e53.js","sources":["../src/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuOptionGroup as CMenuOptionGroup, MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';\n\nexport const MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n  return (\n    <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n      {children}\n    </CMenuOptionGroup>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","MenuOptionGroup","Object","assign","className","position"],"mappings":"kOAGgCA,IAAA,IAAAC,SAAEA,GAA0CD,EAA7BE,EAAIC,EAAAA,OAAAH,EAAnB,cAC9B,OACEI,EAAC,QAAAC,cAAAC,EAAgBC,gBAACC,OAAAC,OAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeT,GACzED"}

package/build/modal.component-6990e35a.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),l=require("react"),s=require("./chakra-ui-media-query.esm-6217de7e.js"),a=require("./chakra-ui-modal.esm-5ec83d2f.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(l);exports.Modal=l=>{var{children:r,isOpen:i,onClose:t,isCentered:n=!0,responsiveModalSizes:u,allowEscape:c=!0,useFullScreenMobile:d=!0,initialFocusRef:b,scrollBehavior:m,size:f="xl"}=l,p=e.__rest(l,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size"]);const v=s.useBreakpointValue({base:"full",md:f}),k=s.useBreakpointValue({base:0,md:"xl"}),C=s.useBreakpointValue({base:d?0:16,md:16});return o.default.createElement(a.Modal,Object.assign({closeOnEsc:c,closeOnOverlayClick:c,autoFocus:!!b,isOpen:i,onClose:t,scrollBehavior:m,isCentered:n,size:d?v:f,motionPreset:"slideInBottom"},p),o.default.createElement(a.ModalOverlay,null),o.default.createElement(a.ModalContent,Object.assign({backgroundColor:"background.overlay",m:C},!d&&{mx:5},{borderRadius:d?k:"xl"},d&&{minH:{base:"-webkit-fill-available",md:"auto"}}),r))};
-//# sourceMappingURL=modal.component-6990e35a.js.map

package/build/modalBody.component-771775b3.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),t=require("./chakra-ui-modal.esm-5ec83d2f.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(r);exports.ModalBody=r=>{var{children:a}=r,d=e.__rest(r,["children"]);return c.default.createElement(t.ModalBody,Object.assign({py:1},d),a)};
-//# sourceMappingURL=modalBody.component-771775b3.js.map

package/build/modalCloseButton.component-6e546d5a.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),o=require("./button.component-957d9e9f.js"),r=require("./chakra-ui-modal.esm-5ec83d2f.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:a=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:c}=r.useModalContext();return i.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:c,iconName:"close",position:"absolute",right:s,top:a,size:n},u))};
-//# sourceMappingURL=modalCloseButton.component-6e546d5a.js.map

package/build/modalFooter.component-a8dca3ea.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),t=require("./chakra-ui-modal.esm-5ec83d2f.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(r);exports.ModalFooter=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return c.default.createElement(t.ModalFooter,Object.assign({pb:6},i),a)};
-//# sourceMappingURL=modalFooter.component-a8dca3ea.js.map

package/build/modalHeader.component-d1fd5719.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),a=require("./heading.component-198f40a3.js"),t=require("./chakra-ui-modal.esm-5ec83d2f.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=r=>{var{size:i="md",children:s}=r,n=e.__rest(r,["size","children"]);return d.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),d.default.createElement(a.WrappedHeading,{size:i},s))};
-//# sourceMappingURL=modalHeader.component-d1fd5719.js.map

package/build/notificationCounter.component-6581a359.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("./tslib.es6-194b75fc.js"),e=require("react"),o=require("./chakra-ui-layout.esm-6ee578f7.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a,i=r(e);exports.NotificationCounterVariant=void 0,(a=exports.NotificationCounterVariant||(exports.NotificationCounterVariant={})).Red="red",a.Neutral="neutral";const n={xs:2,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:r=0,size:a="md",showCount:c=!0,variant:l=exports.NotificationCounterVariant.Red}=e,d=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==a&&c,f={[exports.NotificationCounterVariant.Red]:{backgroundColor:"background.destructive",color:"text.onContrast"},[exports.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},p=r>99?i.default.createElement(o.Box,{backgroundColor:f[l].color,borderRadius:"full",height:s[a],width:s[a]}):r>0&&r;return i.default.createElement(o.Flex,Object.assign({},d,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[a],fontWeight:"bold",height:n[a],justifyContent:"center",width:n[a]},f[l]),x&&p)};
-//# sourceMappingURL=notificationCounter.component-6581a359.js.map

package/build/notificationCounter.component-6581a359.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationCounter.component-6581a359.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts","../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n  Red = 'red',\n  Neutral = 'neutral',\n}\n","import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 2,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: 'background.destructive',\n      color: 'text.onContrast',\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: 'background.lessSubtle',\n      color: 'text.default',\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius=\"full\"\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      className=\"NotifcationCounter\"\n      alignItems=\"center\"\n      border=\"1px\"\n      borderColor=\"background.default\"\n      borderRadius=\"full\"\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight=\"bold\"\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["NotificationCounterVariant","notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"qMAEYA,SAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,KAFC,IAAA,MACAA,EAAA,QAAA,UCFK,MAEMC,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUZ,mCAA2Ba,OAClCC,EAL+BC,EAAAA,OAAAP,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMQ,EAAsB,OAATN,GAAwBC,EAErCM,EAA4B,CAChC,CAACjB,QAAAA,2BAA2Ba,KAAM,CAChCK,gBAAiB,yBACjBC,MAAO,mBAET,CAACnB,QAAAA,2BAA2BoB,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJZ,EDpCqB,GCqCnBa,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BL,GAASO,MACpDM,aAAa,OACbC,OAAQnB,EAA4BG,GACpCiB,MAAOpB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEa,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU7B,EAA6BI,GACvC0B,WAAW,OACXV,OAAQzB,EAAyBS,GACjC2B,eAAe,SACfV,MAAO1B,EAAyBS,IAC5BO,EAA0BL,IAE7BI,GAAcK"}

package/build/radio.component-de7ecece.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./chakra-ui-radio.esm-f310d451.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.Radio=t=>{var{children:a,size:i="md",isOnContrast:n}=t,o=e.__rest(t,["children","size","isOnContrast"]);const u=n?"onContrast":"default";return s.default.createElement(r.Radio,Object.assign({variant:u},o,{size:i,alignItems:"flex-start"}),a)};
-//# sourceMappingURL=radio.component-de7ecece.js.map

package/build/radioGroup.component-5719cd37.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),i=require("./withFormControl-1971ad8f.js"),t=require("./radio.component-de7ecece.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const c=r=>{var{radios:i,size:n="md",direction:c="row",spacing:d,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:c,spacing:d,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};c.displayName="RadioGroup";const d=i.withFormControl(c);exports.WrappedRadioGroup=d;
-//# sourceMappingURL=radioGroup.component-5719cd37.js.map

package/build/select.component-e14f46f5.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./menuContainer.component-adb9204a.js"),l=require("./withFormControl-1971ad8f.js"),a=require("./menu.context-22d23674.js"),s=require("./menuList.component-fa80fe83.js"),r=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./text.component-30355fe6.js"),o=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./icon.component-729a7547.js"),c=require("./chakra-ui-menu.esm-fe9ef385.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(s.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=e=>{const{options:t}=e;return m.default.createElement(r.Select,Object.assign({className:"Select"},e),t.map(((e,t)=>m.default.createElement("option",{key:`options-${t}`,value:e.value},e.label))))},v=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(o.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(o.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(o.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(u.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),h=l=>{var{defaultLeftElement:s,isFieldInline:u,listProps:o,onChange:d,options:h,placeholder:x,size:E="md",value:j,useBrowserDefaultMenu:b,maxW:S="100%",isOnContrast:g}=l,C=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","isOnContrast"]);const O=g?"onContrast":"default",_=t.useRef(null),q=t.useMemo((()=>({label:x,value:"",variant:g?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,g]),[M,T]=t.useState([]),W=t.useMemo((()=>{const e=M.find((e=>e.isSelected));return e||q}),[M,q]),L=t.useCallback((e=>{if(!M)return;const t=M.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));T(t),(null==o?void 0:o.onSelect)&&o.onSelect(e)}),[M,o]),y=(null==o?void 0:o.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=h.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===j})));T([...e,q])}),[h,q,j]),b&&d?m.default.createElement(p,Object.assign({},C,{maxW:S,size:E,options:h,onChange:d})):m.default.createElement(a.MenuProvider,{menuItems:M},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(r.Select,Object.assign({icon:m.default.createElement(i.Icon,{name:"chevronDown",size:E}),as:c.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:O,maxW:S},y,C),m.default.createElement(v,{selectedOption:W,defaultLeftElement:s,shouldTruncateText:null==o?void 0:o.shouldTruncateText})),m.default.createElement(f,Object.assign({},o,{onSelect:L,options:M,maxW:F||S}))))};h.displayName="Select";const x=l.withFormControl(h);exports.WrappedSelect=x;
-//# sourceMappingURL=select.component-e14f46f5.js.map

package/build/select.component-e14f46f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component-e14f46f5.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  isOnContrast,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","createElement","CSelect","Select","className","map","option","index","key","value","label","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","Flex","justify","align","textAlign","color","variant","leftElement","pr","Text","isTruncated","_a","isFieldInline","listProps","onChange","placeholder","size","useBrowserDefaultMenu","maxW","isOnContrast","domProps","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/tab.component-df791b96.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("./notificationCounter.component-6581a359.js"),i=require("./icon.component-729a7547.js"),a=require("react"),n=require("./heading.component-198f40a3.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(a);const u={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=a=>{var{iconName:s,label:l,showNotificationCounter:f=!1,notificationCount:d=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=a,j=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(o.Tab,Object.assign({},j),!!s&&c.default.createElement(r.Box,{pr:2},c.default.createElement(i.Icon,{name:s,size:C})),c.default.createElement(n.WrappedHeading,{size:m[C]},l),f&&c.default.createElement(t.NotificationCounter,{count:d,variant:b,size:u[C],ml:2}))};
-//# sourceMappingURL=tab.component-df791b96.js.map

package/build/tabs.component-cfe10d1e.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./tab.component-df791b96.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=r(t);exports.Tabs=t=>{var{size:r="md",tabList:l,tabPanels:n,tabPanelsStyle:i}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return b.default.createElement(s.Tabs,Object.assign({},u,{size:r}),b.default.createElement(s.TabList,null,l.map(((e,t)=>b.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&b.default.createElement(s.TabPanels,Object.assign({},i),n.map((e=>e))))};
-//# sourceMappingURL=tabs.component-cfe10d1e.js.map