@skodaflow/web-library 7.12.0 → 7.13.1

package/components/progress/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../../src/components/progress/loader.tsx"],"sourcesContent":[null],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"wJAkBa,MAAAA,EAAgCC,GAC3C,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,EAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAO,EAAA,CAAA,OAEN,OACEG,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACZ,EACCC,OAAAC,OAAA,CAAAW,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ3B,GAAEc,OAAAC,OAAA,CACAa,UAAW,WACXC,aAAc,MACdb,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAACZ,EAAGC,OAAAC,OAAA,CACFY,UAAU,MACV3B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPO,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfpC,EAAyB,MAAQ,MACzCqC,SAAU,WAEV,0BACEC,QAAS,KACTf,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFlB,MAAO,QAAQ,IAAM5B,YACrBoC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNhD,GAA2C,IAAtBA,IAA4B,CACpDgD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFtB,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZrC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAACZ,EACCC,OAAAC,OAAA,CAAAY,UAAU,UACV3B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVU,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACP/C,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbgD,UAAW,OACXD,WAAY,iBAEXhC,IAEDC,UAGJ"}
+{"version":3,"file":"loader.js","sources":["../../../src/components/progress/loader.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { ElementType, forwardRef } from 'react';\nimport { CommonProgressProps } from './progress';\n\nexport interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** The size of the loader. Only for the loader variant. */\n  loaderSize?: 'small' | 'large';\n  /** Optional custom loading-text Box props */\n  loadingTextProps?: BoxProps<ElementType>;\n  /** Optional custom barWrapper Box props */\n  barWrapperProps?: BoxProps<ElementType>;\n  /** Optional custom bar Box props */\n  barProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays a loading bar with optional percentage and size.\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  (\n    {\n      loadingPercentageDescribeText,\n      loadingPercentage,\n      loaderSize = 'large',\n      loadingTextProps,\n      barWrapperProps,\n      barProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxLoadingText, ...restLoadingText } = loadingTextProps ?? {};\n    const { sx: sxBarWrapper, ...restBarWrapper } = barWrapperProps ?? {};\n    const { sx: sxBar, ...restBar } = barProps ?? {};\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        ref={ref}\n        sx={{\n          fontSize: '14px',\n          lineHeight: '20px',\n          color: 'onSurface.os900',\n          display: 'flex',\n          flexDirection: 'column',\n          fontWeight: '500',\n          '@keyframes loader-animation': {\n            '0%': {\n              maxWidth: '0%',\n            },\n            '20%': {\n              maxWidth: '20%',\n            },\n            '50%': {\n              maxWidth: '50%',\n            },\n            '100%': {\n              maxWidth: '100%',\n            },\n          },\n          '@keyframes loader-animation-opposite': {\n            '0%': {\n              width: 'calc(100% - 1px)',\n            },\n            '20%': {\n              width: 'calc(80% - 1px)',\n            },\n            '50%': {\n              width: 'calc(50% - 1px)',\n            },\n            '100%': {\n              width: '0%',\n            },\n          },\n          ...sx,\n        }}\n        {...rest}\n      >\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box\n            component=\"span\"\n            className=\"loading-text\"\n            data-testid=\"Loader.percentage\"\n            sx={{\n              alignSelf: 'flex-end',\n              marginBottom: '4px',\n              fontSize: '14px',\n              lineHeight: '20px',\n              color: 'text.primary',\n              ...sxLoadingText,\n            }}\n            {...restLoadingText}\n          >\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n        <Box\n          className=\"bar\"\n          sx={{\n            width: '100%',\n            overflow: 'hidden',\n            borderRadius: '555px',\n            height: loaderSize === 'small' ? '4px' : '8px',\n            position: 'relative',\n            // right track\n            '&:before': {\n              content: '\"\"',\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os700' : 'onSurface.os100'),\n              width: `calc(${100 - loadingPercentage}% - 1px)`,\n              borderRadius: '555px',\n              transition: 'width 1s',\n              animation: 'loader-animation-opposite 8s infinite',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                animation: 'none',\n              }),\n            },\n            // dot at the end of bar\n            '&:after': {\n              content: '\"\"',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              borderRadius: '555px',\n              aspectRatio: '1/1',\n            },\n            ...sxBarWrapper,\n          }}\n          {...(loadingPercentage && {\n            ['aria-valuenow']: loadingPercentage,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBarWrapper}\n        >\n          <Box\n            className=\"mainBar\"\n            sx={{\n              width: '100%',\n              maxWidth: '0',\n              height: 'inherit',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              animation: 'loader-animation 8s infinite',\n              borderRadius: '555px',\n              transition: 'none',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                maxWidth: `${loadingPercentage}%`,\n                animation: 'none',\n                transition: 'max-width 1s',\n              }),\n              ...sxBar,\n            }}\n            {...restBar}\n          />\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"wJAkBa,MAAAA,EAAgCC,GAC3C,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,EAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAO,EAAA,CAAA,OAEN,OACEG,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACZ,EACCC,OAAAC,OAAA,CAAAW,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ3B,GAAEc,OAAAC,OAAA,CACAa,UAAW,WACXC,aAAc,MACdb,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAACZ,EAAGC,OAAAC,OAAA,CACFY,UAAU,MACV3B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPO,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfpC,EAAyB,MAAQ,MACzCqC,SAAU,WAEV,0BACEC,QAAS,KACTf,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFlB,MAAO,QAAQ,IAAM5B,YACrBoC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNhD,GAA2C,IAAtBA,IAA4B,CACpDgD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFtB,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZrC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAACZ,EACCC,OAAAC,OAAA,CAAAY,UAAU,UACV3B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVU,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACP/C,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbgD,UAAW,OACXD,WAAY,iBAEXhC,IAEDC,UAGJ"}

package/components/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":[null],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","Object","assign","ProgressBar","props"],"mappings":"maA6Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAR,EAAlG,yEACC,MAAMS,EAAqBC,GAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,GAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EACXC,cAAeC,EACfC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EACXC,cAAeG,EACfD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAASC,EAC3Cf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAG,EAAA,CAAA,cA0BN,OAAOW,EAACF,EAAiBG,OAAAC,OAAA,CAACvB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DkB,EAAuC1B,GAAW,CAAC2B,EAAOzB,IAC9DqB,EAACxB,EAAayB,OAAAC,OAAA,GAAAE,GAAOzB,IAAKA"}
+{"version":3,"file":"progress.js","sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","Object","assign","ProgressBar","props"],"mappings":"maA6Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAR,EAAlG,yEACC,MAAMS,EAAqBC,GAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,GAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EACXC,cAAeC,EACfC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EACXC,cAAeG,EACfD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAASC,EAC3Cf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAG,EAAA,CAAA,cA0BN,OAAOW,EAACF,EAAiBG,OAAAC,OAAA,CAACvB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DkB,EAAuC1B,GAAW,CAAC2B,EAAOzB,IAC9DqB,EAACxB,EAAayB,OAAAC,OAAA,GAAAE,GAAOzB,IAAKA"}

package/components/progress/progressMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../src/components/progress/progressMessage.tsx"],"sourcesContent":[null],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"wJAuBa,MAAAA,EAAoEC,GAC/E,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACpB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZO,SAAS,SACThB,GACEQ,OAAAC,OAAA,CAAAQ,MAAQC,GACNxB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvByB,EAAMC,QAAQC,KACZ,kBACA,iBACLhB,IAEDC,IAGPT,GACCmB,EAACR,EAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBY,UAAU,OAAOC,UAAU,WAAcvB,YACzEH,QAGD"}
+{"version":3,"file":"progressMessage.js","sources":["../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"wJAuBa,MAAAA,EAAoEC,GAC/E,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACpB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZO,SAAS,SACThB,GACEQ,OAAAC,OAAA,CAAAQ,MAAQC,GACNxB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvByB,EAAMC,QAAQC,KACZ,kBACA,iBACLhB,IAEDC,IAGPT,GACCmB,EAACR,EAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBY,UAAU,OAAOC,UAAU,WAAcvB,YACzEH,QAGD"}

package/components/progress/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../src/components/progress/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"qKAiBa,MAAAA,EAAkCC,GAC7C,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAA,SAAA,CAAA7B,SACES,EAACqB,EAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,YAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAACnB,EAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAACnB,EAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}
+{"version":3,"file":"spinner.js","sources":["../../../src/components/progress/spinner.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps } from '@mui/material';\nimport { CommonProgressProps } from './progress';\n\nexport interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n  svgIconProps?: SvgIconProps;\n  textBoxProps?: BoxProps<ElementType>;\n  /** Text label next to progress */\n  label?: React.ReactNode;\n  labelProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      spinnerControlledAnimation,\n      loadingPercentage,\n      loadingPercentageDescribeText,\n      svgIconProps,\n      textBoxProps,\n      label,\n      labelProps,\n      sx,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxSvgIcon, ...restSvgIcon } = svgIconProps ?? {};\n\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n\n    const isControlled = spinnerControlledAnimation && spinnerControlledAnimation !== 'infinite';\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        ref={ref}\n        sx={{\n          transitionProperty: 'opacity',\n          transitionDuration: '0.3s',\n          transitionTimingFunction: 'ease-in-out',\n          backgroundColor: 'transparent',\n          fontSize: '14px',\n          lineHeight: '20px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          color: 'onSurface.os900',\n          fontWeight: '400',\n          '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n          },\n          '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n          },\n          '@keyframes spinner-circle': {\n            '0%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '25%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n              strokeDashoffset: '35.342917875',\n              transform: 'rotate(45deg)',\n            },\n            '100%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(360deg)',\n            },\n          },\n          ...sx,\n        }}\n        {...(loadingPercentage && {\n          ['aria-valuenow']: loadingPercentage,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <output>\n          <SvgIcon\n            aria-live=\"polite\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 50 50\"\n            sx={{\n              backgroundImage: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)`,\n              borderRadius: '50%',\n              animation: isControlled ? null : '2s linear infinite spinner',\n              '& circle': {\n                display: 'block',\n                fill: 'transparent',\n                strokeLinecap: isControlled ? null : 'square',\n                strokeDasharray: strokeDashArray,\n                strokeWidth: '8px',\n                transformOrigin: '50% 50%',\n                // track\n                '&:first-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n                  strokeLinecap: 'round',\n                  strokeDashoffset: isControlled ? -(strokeDashArray / 100) * loadingPercentage : null,\n                },\n                // highlighted part\n                '&:last-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n                  strokeDashoffset: isControlled ? strokeDashArray - (strokeDashArray / 100) * loadingPercentage : null,\n                  animation: isControlled ? null : '2s ease-in-out infinite both spinner-circle',\n                  strokeLinecap: 'round',\n                },\n              },\n              ...sxSvgIcon,\n            }}\n            {...restSvgIcon}\n          >\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n          </SvgIcon>\n        </output>\n        {label && <Box {...labelProps}>{label}</Box>}\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box component=\"span\" className=\"loading-text\" data-testid=\"Spinner.percentage\" {...textBoxProps}>\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"qKAiBa,MAAAA,EAAkCC,GAC7C,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAA,SAAA,CAAA7B,SACES,EAACqB,EAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,YAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAACnB,EAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAACnB,EAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}

package/components/quickLink/quickLink.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{forwardRef as s}from"react";import{Stack as o,Box as n,Typography as e,Button as a}from"@mui/material";import{Icon as p}from"../icon/icon.js";import"../icon/icon.definitions.js";import{ArrowRightIcon as c}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";const d=s(((s,d)=>{var{iconName:l,iconProps:m,title:u,titleTypographyProps:b,subtitle:g,subtitleTypographyProps:h,dividerWrapperProps:j,dividerProps:f,contentWrapperProps:k,titleWrapperProps:O,buttonTitle:P,buttonProps:y,buttonIconProps:v,onClick:I,sx:C}=s,W=t(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const T=m||{},{sx:B}=T,M=t(T,["sx"]),L=j||{},{sx:Q}=L,w=t(L,["sx"]),X=f||{},{sx:S}=X,D=t(X,["sx"]),N=k||{},{sx:z}=N,A=t(N,["sx"]),R=O||{},{sx:q}=R,E=t(R,["sx"]);return i(o,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},x({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),C),"data-testid":"QuickLink",ref:d},I&&{onClick:I,role:"button"},{tabIndex:-1},W,{children:[r(n,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:l?0:2}}},Q)},w,{children:r(n,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},S)},D))})),i(n,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},z)},A,{children:[i(o,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},q)},E,{children:[l&&r(p,Object.assign({name:l,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},B),"data-testid":"QuickLink.icon"},M)),u&&r(e,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},b,{children:u}))]})),g&&r(e,Object.assign({variant:"disclaimer",display:"block","data-testid":"QuickLink.subtitle"},h,{children:g}))]})),P&&r(a,Object.assign({variant:"navigation",color:"secondary",endIcon:r(c,{}),"data-testid":"QuickLink.button"},y,{children:P}))]}))})),l=s(((i,s)=>{var{sx:o,children:e}=i,a=t(i,["sx","children"]);return r(n,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},o),ref:s},a,{children:e}))}));export{d as QuickLink,l as QuickLinkWrapper};
+import{__rest as t}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Stack as s,Box as n,Typography as e,Button as a}from"@mui/material";import{Icon as p}from"../icon/icon.js";import"../icon/icon.definitions.js";import{ArrowRightIcon as c}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as d}from"../../materialui/button/interactive.js";const l=o(((o,l)=>{var{iconName:x,iconProps:m,title:u,titleTypographyProps:b,subtitle:g,subtitleTypographyProps:h,dividerWrapperProps:f,dividerProps:k,contentWrapperProps:j,titleWrapperProps:O,buttonTitle:P,buttonProps:y,buttonIconProps:v,onClick:I,sx:C}=o,W=t(o,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const T=m||{},{sx:B}=T,M=t(T,["sx"]),L=f||{},{sx:Q}=L,S=t(L,["sx"]),w=k||{},{sx:X}=w,D=t(w,["sx"]),N=j||{},{sx:z}=N,A=t(N,["sx"]),R=O||{},{sx:q}=R,E=t(R,["sx"]);return r(s,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},d({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),C),"data-testid":"QuickLink",ref:l},I&&{onClick:I,role:"button"},{tabIndex:-1},W,{children:[i(n,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:x?0:2}}},Q)},S,{children:i(n,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},X)},D))})),r(n,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},z)},A,{children:[r(s,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},q)},E,{children:[x&&i(p,Object.assign({name:x,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},B),"data-testid":"QuickLink.icon"},M)),u&&i(e,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},b,{children:u}))]})),g&&i(e,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},h,{children:g}))]})),P&&i(a,Object.assign({variant:"navigation",color:"secondary",endIcon:i(c,{}),"data-testid":"QuickLink.button"},y,{children:P}))]}))})),x=o(((r,o)=>{var{sx:s,children:e}=r,a=t(r,["sx","children"]);return i(n,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},s),ref:o},a,{children:e}))}));export{l as QuickLink,x as QuickLinkWrapper};
 //# sourceMappingURL=quickLink.js.map

package/components/quickLink/quickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickLink.js","sources":["../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":[null],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
+{"version":3,"file":"quickLink.js","sources":["../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Name of the icon from icon set\n   */\n  iconName?: IconProps['name'];\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: IconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      iconName,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {iconName && (\n              <Icon\n                name={iconName}\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":[null],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"4RA2Da,MAAAA,EAAcC,GAAgD,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAA,CAAAM,UAAU,qBAAsBP,SAAAP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAEnG,CACD,IAMGF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQ/B,MAAMgC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASoC,QAAS,cAG1EhB,CAAM"}
+{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with RadioButton element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  /**\n   * HTML DOM element reference of component\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n  const radio = (\n    <RadioButtonStyled disabled={props.disabled} error={props.error}>\n      <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n      {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n    </RadioButtonStyled>\n  );\n\n  return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n    <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n  ) : (\n    radio\n  );\n});\n\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    display: 'flex',\n    '& .NodeLabelContainer': {\n      cursor: 'pointer',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      paddingLeft: '8px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n      color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  if (args.disabled) {\n    styles = {\n      ...styles,\n      color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n    };\n  }\n  return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"4RA2Da,MAAAA,EAAcC,GAAgD,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAA,CAAAM,UAAU,qBAAsBP,SAAAP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAEnG,CACD,IAMGF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQ/B,MAAMgC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASoC,QAAS,cAG1EhB,CAAM"}

package/components/search/collapsableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsableSearch.js","sources":["../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":[null],"names":["CollapsableSearch","_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"8JAyBa,MAAAA,EAAuDC,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAACM,EAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAACa,EAAOX,OAAAC,OAAA,CAAAW,aAAczB,GAAiBC,SAErC"}
+{"version":3,"file":"collapsableSearch.js","sources":["../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["CollapsableSearch","_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"8JAyBa,MAAAA,EAAuDC,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAACM,EAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAACa,EAAOX,OAAAC,OAAA,CAAAW,aAAczB,GAAiBC,SAErC"}

package/components/search/search.d.ts

@@ -8,10 +8,7 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
     /**
      * Defines the time (ms) of debounce for the onChange effect
      *
-     * When debounce is 0, Search uses useDeferredValue instead.
-     *
-     * @see useDeferedValue
-     * @default 0
+     * @default 50
      */
     debounce?: number;
     /**
@@ -29,7 +26,6 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
      * If debounce is set to 0, the onChange is being called when deferred value changes
      *
      * @see debounce
-     * @see useDeferredValue {@link https://react.dev/reference/react/useDeferredValue}
      *
      * @param value current value of searchbar
      */

package/components/search/search.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as n}from"react/jsx-runtime";import{CloseIcon as a}from"../icon/stroke/CloseIcon.js";import{SearchIcon as r}from"../icon/stroke/SearchIcon.js";import{TextField as s,InputAdornment as o,IconButton as t}from"@mui/material";import{forwardRef as i,useState as l,useDeferredValue as c,useMemo as p,useEffect as d,useCallback as u}from"react";import b from"../../utils/useDebounce/useDebounce.js";import{updateFocusRingStyle as m}from"../focusring/focusring.js";import{getInteractiveStyle as g}from"../../materialui/button/interactive.js";const x=i(((i,x)=>{var{debounce:h=0,defaultValue:j="",cancelIconProps:f={},CancelIconComponent:C,disableInput:O,onCancel:v,onSearch:I,onChange:P,searchIconProps:S={},SearchIconComponent:k,slotProps:w,sx:y,value:D="",variant:z}=i,A=e(i,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const M=k||r,V=C||a,[N,R]=l(j||D),U=c(N),q=b(N,h),{sx:B}=S,E=e(S,["sx"]),F=w||{},{input:G={}}=F,H=e(F,["input"]),J=p((()=>{switch(z){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[z]);d((()=>{null==P||P(h<=0?U:q)}),[h<=0?U:q]);const K=u((e=>{e.preventDefault(),e.stopPropagation(),null==I||I(N)}),[N]);return n(s,Object.assign({onChange:e=>R(e.target.value),ref:x,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==A?void 0:A.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},m(1,!1,"&:has(.Mui-focused)"))},J),y)},A,{value:N,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},G),{input:{className:""+(""!==N?"filled":""),disabled:O||(null==A?void 0:A.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in G&&Object.assign({},G.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in G&&"sx"in G.inputProps&&Object.assign({},G.inputProps.sx))}),disableUnderline:!0,startAdornment:n(o,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n(t,{disabled:null==A?void 0:A.disabled,tabIndex:I?0:-1,onClick:K,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},m("0px")),g({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n(M,Object.assign({sx:Object.assign({transition:"all .5s ease"},B)},E))})}),endAdornment:n(o,{position:"end",sx:{opacity:""!==N?"1":"0",transition:"opacity .3s ease"},children:n(t,{disabled:""===N||(null==A?void 0:A.disabled),onClick:()=>{R(""),null==v||v()},size:"medium",tabIndex:O?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==N?"pointer":"default",width:"34px",height:"34px"},m("0px")),g({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n(V,Object.assign({},f))})})}}),H)}))}));export{x as Search};
+import{__rest as e}from"tslib";import{jsx as n}from"react/jsx-runtime";import{CloseIcon as a}from"../icon/stroke/CloseIcon.js";import{SearchIcon as r}from"../icon/stroke/SearchIcon.js";import{TextField as s,InputAdornment as o,IconButton as t}from"@mui/material";import{forwardRef as i,useState as l,useMemo as c,useEffect as p,useCallback as d}from"react";import u from"../../utils/useDebounce/useDebounce.js";import{updateFocusRingStyle as b}from"../focusring/focusring.js";import{getInteractiveStyle as m}from"../../materialui/button/interactive.js";const g=i(((i,g)=>{var{debounce:x=200,defaultValue:h="",cancelIconProps:j={},CancelIconComponent:f,disableInput:C,onCancel:O,onSearch:v,onChange:I,searchIconProps:P={},SearchIconComponent:S,slotProps:k,sx:w,value:y="",variant:D}=i,z=e(i,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const A=S||r,M=f||a,[V,N]=l(h||y),R=V,U=u(V,x,{instantClear:!0}),{sx:q}=P,B=e(P,["sx"]),E=k||{},{input:F={}}=E,G=e(E,["input"]),H=c((()=>{switch(D){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[D]);p((()=>{null==I||I(x<=0?R:U)}),[x<=0?R:U]);const J=d((e=>{e.preventDefault(),e.stopPropagation(),null==v||v(V)}),[V]);return n(s,Object.assign({onChange:e=>N(e.target.value),ref:g,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==z?void 0:z.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},b(1,!1,"&:has(.Mui-focused)"))},H),w)},z,{value:V,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},F),{input:{className:""+(""!==V?"filled":""),disabled:C||(null==z?void 0:z.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in F&&Object.assign({},F.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in F&&"sx"in F.inputProps&&Object.assign({},F.inputProps.sx))}),disableUnderline:!0,startAdornment:n(o,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n(t,{disabled:null==z?void 0:z.disabled,tabIndex:v?0:-1,onClick:J,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},b("0px")),m({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n(A,Object.assign({sx:Object.assign({transition:"all .5s ease"},q)},B))})}),endAdornment:n(o,{position:"end",sx:{opacity:""!==V?"1":"0",transition:"opacity .3s ease"},children:n(t,{disabled:""===V||(null==z?void 0:z.disabled),onClick:()=>{N(""),null==O||O()},size:"medium",tabIndex:C?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==V?"pointer":"default",width:"34px",height:"34px"},b("0px")),m({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n(M,Object.assign({},j))})})}}),G)}))}));export{g as Search};
 //# sourceMappingURL=search.js.map

package/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../src/components/search/search.tsx"],"sourcesContent":[null],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"+jBAyFa,MAAAA,EAAgCC,GAC3C,CACEC,EAiBAC,KAjBA,IAAAC,SACEA,EAAW,EAACC,aACZA,EAAe,GAAEC,gBACjBA,EAAkB,CAAA,EAAEC,oBACpBA,EAAmBC,aACnBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,gBACRA,EAAkB,CAAE,EAAAC,oBACpBA,EAAmBC,UACnBA,EAASC,GACTA,EAAEC,MACFA,EAAQ,GAAEC,QACVA,GAAOf,EACJgB,EAAIC,EAAAjB,EAfT,gMAmBA,MAAMkB,EAAaP,GAAuBQ,EACpCC,EAAaf,GAAuBgB,GAEnCC,EAAQC,GAAaC,EAASrB,GAAgBW,GAE/CW,EAAgBC,EAAiBJ,GACjCK,EAAiBC,EAAYN,EAAQpB,IAEnCW,GAAIgB,GAAyCnB,EAAxBoB,EAAwBb,EAAAP,EAA/C,CAAA,OACAqB,EAA8CnB,GAAa,CAAE,GAA3DoB,MAAOC,EAAiB,CAAA,GAAmCF,EAA5BG,EAAjCjB,EAAAc,EAAA,CAAA,UAEAI,EAAeC,GAAkC,KACrD,OAAQrB,GACN,IAAK,cACH,MAAO,CAAEsB,QAAS,uBACpB,IAAK,YACH,MAAO,CAAEA,QAAS,gBAAiBC,UAAYC,GAAUA,EAAMC,YAAYC,GAC7E,QACE,MAAO,CAAEJ,QAAS,sBAErB,CAACtB,IAGJ2B,GAAU,KACRjC,SAAAA,EAAWP,GAAY,EAAIuB,EAAgBE,EAAe,GACzD,CAACzB,GAAY,EAAIuB,EAAgBE,IAGpC,MAAMgB,EAA2CC,GAC9CC,IACCA,EAAEC,iBACFD,EAAEE,kBAEFvC,SAAAA,EAAWc,EAAO,GAEpB,CAACA,IASH,OACE0B,EAACC,EAASC,OAAAC,OAAA,CACR1C,SAAWoC,GAAMtB,EAAUsB,EAAEO,OAAOtC,OACpCb,IAAKA,EACLY,GACEqC,OAAAC,OAAAD,OAAAC,OAAA,CAAAE,SAAU,WACVC,aAAc,QACdC,OAAQ,EACRC,aAAaxC,aAAA,EAAAA,EAAMyC,UAAW,mBAAqB,kBACnDC,GAAI,MACJC,GAAI,OACJC,GAAI,MACJC,GAAI,EAEJ,KACKX,OAAAC,OAAA,CAAA,EAAAW,EAAqB,GAAG,EAAO,yBAEjC3B,GACAtB,IAEDG,EAAI,CACRF,MAAOQ,EACPP,QAAQ,WACRH,UAASsC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACJlB,GAAc,CACjBD,MAAO,CACL+B,UAAW,IAAc,KAAXzC,EAAgB,SAAW,IACzCmC,SAAUnD,IAAgBU,aAAA,EAAAA,EAAMyC,UAChCO,WAAUd,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACJ,eAAgBlB,GAAuBiB,OAAAC,OAAA,CAAA,EAAAlB,EAAe+B,aAC1D,CAAAnD,GACEqC,OAAAC,OAAA,CAAAc,EAAG,EACHC,GAAI,EACJC,MAAO,eACP,+BAAgC,CAC9BA,MAAO,mBAET,iBAAkB,CAChB,kCAAmC,CACjCA,MAAO,uBAGP,eAAgBlC,GAClB,OAAQA,EAAe+B,YAAmBd,OAAAC,OAAA,GAAAlB,EAAe+B,WAAWnD,OAG1EuD,kBAAkB,EAClBC,eACErB,EAACsB,EAAc,CACbjB,SAAS,QACTxC,GAAI,CACF0D,WAAY,eACZC,GAAI,OAGNC,SAAAzB,EAAC0B,EAAU,CACTjB,SAAUzC,aAAA,EAAAA,EAAMyC,SAChBkB,SAAWnE,EAAgB,GAAH,EACxBoE,QAASjC,EACTkC,KAAK,SACM,aAAA,SACXhE,GACEqC,OAAAC,OAAAD,OAAAC,OAAA,CAAA2B,MAAO,OACPC,OAAQ,QACLjB,EAAqB,QACrBkB,EACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,sCAKvBjC,EAAC9B,EACCgC,OAAAC,OAAA,CAAAtC,kBACE0D,WAAY,gBACT1C,IAEDC,QAKZoD,aACElC,EAACsB,EAAc,CACbjB,SAAS,MACTxC,GAAI,CACFsE,QAAoB,KAAX7D,EAAgB,IAAM,IAC/BiD,WAAY,oBACbE,SAEDzB,EAAC0B,EACC,CAAAjB,SAAqB,KAAXnC,IAAiBN,aAAI,EAAJA,EAAMyC,UACjCmB,QApGgB,KAC5BrD,EAAU,IACVhB,SAAAA,GAAY,EAmGAsE,KAAK,SACLF,SAAUrE,GAAiB,EAAG,EAAC,aACpB,eACXO,GACEqC,OAAAC,OAAAD,OAAAC,OAAA,CAAAiC,OAAmB,KAAX9D,EAAgB,UAAY,UACpCwD,MAAO,OACPC,OAAQ,QACLjB,EAAqB,QACrBkB,EACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,6BAEpBR,SAGHzB,EAAC5B,EAAU8B,OAAAC,OAAA,CAAA,EAAK/C,WAKrB8B,KAEL"}
+{"version":3,"file":"search.js","sources":["../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField, Theme } from '@mui/material';\nimport { SystemStyleObject } from '@mui/system';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   *\n   * @default 50\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 200,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    // useDeferredValue not used due to compatibility with React 17\n    // const deferredValue = useDeferredValue(search);\n    const deferredValue = search;\n    const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo<SystemStyleObject<Theme>>(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os900',\n          py: '5px',\n          pl: '15px',\n          pr: '5px',\n          mb: 0,\n          // focus ring\n          '&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '5px',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/components/segmentedControls/segmentedControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmentedControls.js","sources":["../../../src/components/segmentedControls/segmentedControls.tsx"],"sourcesContent":[null],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"gHAQa,MAAAA,EAAsDC,GAAW,CAACC,EAAOC,IAC7EC,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}
+{"version":3,"file":"segmentedControls.js","sources":["../../../src/components/segmentedControls/segmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"gHAQa,MAAAA,EAAsDC,GAAW,CAACC,EAAOC,IAC7EC,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}

package/components/selectInput/formControlSelectStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlSelectStyled.js","sources":["../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}
+{"version":3,"file":"formControlSelectStyled.js","sources":["../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { styled, FormControl as MuiFormControl, FormControlProps as MuiFormControlProps } from '@mui/material';\n\n/**\n * @description SelectInput styling definition based on props\n */\n\nconst handleStyleIcon = (props) => {\n  return {\n    fontSize: '24px !important',\n    position: 'absolute',\n    flexShrink: 0,\n    pointerEvents: 'none',\n    display: 'block',\n    color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n  };\n};\n\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n  shouldForwardProp: (prop) =>\n    prop !== 'helpText' &&\n    prop !== 'hideBg' &&\n    prop !== 'hasError' &&\n    prop !== 'hovered' &&\n    prop !== 'value' &&\n    prop !== 'staticLabel',\n})<\n  MuiFormControlProps & {\n    disabled?: boolean;\n    hasError?: boolean;\n    hideBg?: boolean;\n    icon?: string;\n    focused?: boolean;\n    hovered?: boolean;\n    value?: any;\n    staticLabel?: boolean;\n  }\n>(({ theme, ...props }) => {\n  let styles = {};\n\n  const styleIcon = handleStyleIcon(props);\n  const styleSelect = {\n    paddingBottom: props.staticLabel ? '16px' : '6px',\n    paddingTop: props.staticLabel ? '16px' : '26px',\n  };\n\n  styles = {\n    height: '56px',\n    minWidth: '200px !important',\n    background: theme.palette.transparent.primary,\n    borderRadius: '4px 4px 0px 0px',\n    borderBottom: props.focused\n      ? `2px solid ${theme.palette.brand.primary}`\n      : props.value\n        ? `1px solid ${theme.palette.onSurface.os900}`\n        : `1px solid ${theme.palette.onSurface.os500}`,\n    '& > .MuiIcon-root': {\n      ...styleIcon,\n      width: '50px',\n      top: '16px',\n    },\n    '& > .MuiFilledInput-root': {\n      position: 'relative',\n      height: '56px',\n    },\n    '& > label.MuiInputLabel-root': {\n      paddingLeft: 0,\n      fontWeight: 400,\n      marginLeft: '0px',\n      transform: 'translate(12, 18px) scale(1)',\n      color: props.hovered || props.focused ? theme.palette.text.primary : theme.palette.onSurface.os500,\n      maxWidth: 'calc(100% - 56px)',\n      '&:hover': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n      transform: 'translate(14px, 8px) scale(0.75)',\n      paddingLeft: 0,\n      fontWeight: 400,\n      color: props.focused ? theme.palette.brand.primary : theme.palette.onSurface.os500,\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n      color: theme.palette.disabled.primary,\n    },\n    '& > .MuiInputBase-root': {\n      background: 'transparent',\n      width: '100%',\n      paddingLeft: '1px',\n      paddingTop: '0px',\n      '&::after': {\n        display: 'none',\n      },\n      '&::before': {\n        display: 'none',\n      },\n      '& > div.MuiSelect-select': {\n        ...styleSelect,\n        fontSize: '16px',\n        lineHeight: '24px',\n        color: theme.palette.onSurface.os900,\n        fontWeight: '500',\n        paddingRight: '50px',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        width: '100%',\n        boxSizing: 'content-box!important',\n        '&:focus': {\n          background: 'transparent',\n        },\n        '& > div.MuiListItemText-root': {\n          marginTop: 0,\n        },\n      },\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        right: '15.5px',\n        width: '24px',\n        top: '19px',\n      },\n    },\n  };\n\n  const labelStyle = styles['& > label.MuiInputLabel-root'];\n\n  if (props.icon) {\n    styles = {\n      ...styles,\n      '& > label.MuiInputLabel-root': {\n        ...labelStyle,\n        paddingLeft: '40px',\n      },\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        transform: 'translate(24px, 8px) scale(0.75)',\n        paddingLeft: '40px',\n      },\n      '& > .MuiInputBase-root': {\n        background: 'transparent',\n        width: '100%',\n        paddingLeft: '1px',\n        paddingTop: '0px',\n        '& > div.MuiSelect-select': {\n          ...styleSelect,\n          fontSize: '16px',\n          lineHeight: '24px',\n          color: theme.palette.onSurface.os900,\n          fontWeight: '500',\n          paddingRight: '56px',\n          paddingLeft: '52px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          boxSizing: 'content-box!important',\n          '&:focus': {\n            background: 'transparent',\n          },\n          '& > div.MuiListItemText-root': {\n            marginTop: '14px',\n          },\n        },\n        '&::after': {\n          display: 'none',\n        },\n        '&::before': {\n          display: 'none',\n        },\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          width: '24px',\n          top: '19px',\n\n          '&:hovered': {},\n        },\n      },\n    };\n  }\n\n  if (props.disabled) {\n    labelStyle.color = theme.palette.disabled.primary;\n    styles = {\n      ...styles,\n      borderBottom: `1px solid ${theme.palette.disabled.primary}`,\n\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        width: '50px',\n        height: '56px',\n        display: 'inline-flex',\n        top: '0',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingBottom: '8px',\n        color: theme.palette.disabled.primary,\n      },\n      '& > .MuiInputBase-root': {\n        ...styles['& > .MuiInputBase-root'],\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          top: '19px',\n          color: theme.palette.disabled.primary,\n        },\n      },\n    };\n  }\n\n  if (props.error) {\n    const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n    labelStyle.color = errorColor;\n    styles = {\n      ...styles,\n      borderBottom: `2px solid ${theme.palette.alert['main']}`,\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        color: errorColor,\n      },\n    };\n  }\n\n  return styles;\n});\n"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}

package/components/selectInput/hook/useSelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectInput.js","sources":["../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":[null],"names":["useSelectInput","inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,GAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,GAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,GAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,GAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,GAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,KAEjB,CAACC,EAAiBD,IAErBe,GAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}
+{"version":3,"file":"useSelectInput.js","sources":["../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n  inputRef,\n  setParentInputWidth,\n  setHelpTextState,\n  fullWidth,\n  helpText,\n  value,\n  setCurrentValue,\n  required,\n  setIsRequired,\n) => {\n  //-Set the current value from select\n  const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n    const inputValue = e.target.value;\n    _setCurrentValue(inputValue);\n    onChange && onChange(e);\n  }, []);\n\n  //Call the onBlur callback from the outside, reset the focused state\n  const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n    setIsFocused(false);\n    onBlur && onBlur();\n  }, []);\n\n  //Call the onFocus callback from outside, set the focus style to true\n  const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n    setIsFocused(true);\n    onFocus && onFocus();\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n    setParentInputWidth(inputRef.current.offsetWidth + 'px');\n  }, [inputRef, fullWidth, setParentInputWidth]);\n\n  useEffect(() => {\n    setHelpTextState(helpText);\n  }, [inputRef, helpText, setHelpTextState]);\n\n  //If value passed from outside exists\n  useEffect(() => {\n    if (value && value.length > 0) {\n      setCurrentValue(value);\n    }\n  }, [setCurrentValue, value]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n\n  return {\n    handleOnChange,\n    handleOnBlur,\n    handleOnFocus,\n  };\n};\n"],"names":["useSelectInput","inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,GAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,GAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,GAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,GAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,GAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,KAEjB,CAACC,EAAiBD,IAErBe,GAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

package/components/selectInput/inputLabelSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputLabelSelect.js","sources":["../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":[null],"names":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAW,CAAAC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAC5DK,SAAAL"}
+{"version":3,"file":"inputLabelSelect.js","sources":["../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n  if (staticLabel && currentValue) {\n    return null;\n  } else {\n    return (\n      <InputLabel shrink={currentValue || opened ? true : false} id={label}>\n        {label}\n      </InputLabel>\n    );\n  }\n};\n\nexport default InputLabelSelect;\n"],"names":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAW,CAAAC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAC5DK,SAAAL"}

package/components/selectInput/selectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectInput.js","sources":["../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":[null],"names":["SelectInput","_a","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth","props","__rest","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","ref","width","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","SelectInputStyled","MenuProps","onOpen","onClose","IconComponent","labelId","id","hasIcon","FormHelperText","HelperText","maxChars","styled","MuiSelect","shouldForwardProp","prop","theme","args","position","left","top"],"mappings":"2eAqHa,MAAAA,EAAqCC,IAAA,IAAAC,MAChDA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,YACRA,EAAWC,WACXA,EAAUC,UACVA,GAAY,EAAIC,yBAChBA,GAAwBV,EACrBW,EAX6CC,EAAAZ,EAAA,CAAA,QAAA,WAAA,SAAA,UAAA,QAAA,WAAA,cAAA,aAAA,YAAA,6BAahD,MAAOa,EAAcC,GAAmBC,EAAS,KAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAASC,GAAcJ,GAAS,IAChCK,EAAYC,GAAiBN,GAAS,IACtCO,EAAQC,GAAaR,GAAS,IAC9BS,EAAYC,GAAiBV,EAAS,OAEvCW,aAAEA,EAAYC,eAAEA,EAAcC,cAAEA,GAAkBC,EACtDb,GACA,SACA,QACAP,EACAE,EAAMmB,SACNzB,EACAS,EACAH,EAAMoB,SACNV,GAGIW,EAAWC,EAAO,MAClBC,EAAuBD,EAAO,MAE9BE,EAAY,CAChBC,GAAIZ,EACA,CACEa,SAAU3B,EAA2B,QAAUc,EAC/C,sBAAuB,CACrBc,WAAY,cACZC,eAAgB,cAGpB,CACE,sBAAuB,CACrBD,WAAY,cACZC,eAAgB,eAK1B,OACEC,EACEC,EAAA,CAAAnC,SAAAoC,EAACC,EAAuBC,OAAAC,OAAA,CAAA,EAClBlC,EAAK,CACTmC,IAAKZ,EACL3B,YAAaA,EACb6B,GAAK3B,EAAiC,CAAA,EAArB,CAAEsC,MAAO,SAC1BC,SAAUrC,EAAMqC,SAChBC,MAAOtC,EAAMuC,SACb7C,MAAOQ,EACPsC,OAAQxC,EAAMwC,OACdC,aAAc,MACXlC,IAAYI,GAAUH,GAAW,EAAK,EAEzCkC,aAAc,KACZnC,IAAYI,GAAUH,GAAW,EAAM,EAEzCmC,YAAcC,IACZ,MAAMC,EAAYD,EAAEE,cAAcC,YAClCjC,EAAc+B,EAAU,EAE1BG,KAAMhD,EAAMgD,KACZzC,QAASA,EACT0C,QAAS5C,EACT6C,QAAQ,SACRpD,UAAWA,EAASH,SAAA,CAEnBK,EAAMgD,MAAQnB,EAACsB,GAAKC,MAAOpD,EAAMqC,SAAW,WAAa,UAAWgB,KAAMrD,EAAMgD,OACjFnB,EAACyB,EAAiB,CAAA1D,YAAaA,EAAaN,MAAOA,EAAOqB,OAAQA,EAAQT,aAAcA,IACxF2B,EAAC0B,GACCL,QAAQ,SACRM,UAAWhC,EACXJ,SAAUX,EACVgD,OAAQ,KACN7C,GAAU,EAAK,EAEjB8C,QAAS,KACPpD,GAAa,GACbE,GAAW,GACXI,GAAU,EAAM,EAElBpB,OAAQ,IAAMuB,EAAaT,EAAcd,GACzCC,QAAS,IAAMwB,EAAcX,EAAcb,GAC3CkE,cAAe,IAAgB9B,EAACsB,EAAVxC,EAAc,CAAC0C,KAAK,cAAwB,CAAAA,KAAK,iBACvEO,QAAStE,EACTuE,GAAI7D,EAAM6D,GACVR,KAAMrD,EAAMqD,KACZ3D,MAAOQ,EACPX,SAAWqD,GAAM5B,EAAe4B,EAAGrD,EAAUY,GAC7CgC,IAAKd,EACLyC,UAAW9D,EAAMgD,KACjBlD,UAAWA,EAASH,SAEnBA,IAEHkC,EAACkC,EAAc,CAAApE,SACbkC,EAACmC,GAAWC,SAAU,EAAG/D,aAAcA,EAAciB,SAAUnB,EAAMmB,kBAGxE,EAMDoC,EAAoBW,EAAOC,EAAW,CAC1CC,kBAAoBC,GAAkB,YAATA,GAA+B,cAATA,GAD3BH,EAEuC7E,IAAA,IAAAiF,MAAEA,GAAgBjF,EAANkF,EAAItE,EAAAZ,EAAhB,WAC/D,IAAKkF,EAAKzE,UAAW,OAAO,KAG5B,MAAO,CACL,wBAAyB,CACvB0E,SAAU,WACVC,KAAM,EACNC,IAAK,EACLtC,MANUmC,EAAKT,QAAU,gCAAkC,gCAQ9D"}
+{"version":3,"file":"selectInput.js","sources":["../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n  FormHelperText,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n  styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/**\n * @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n */\nexport interface SelectInputProps {\n  /**\n   * The label referenced to the text input field\n   */\n  label?: string;\n  /**\n   * The label referenced to the text input field\n   */\n  staticLabel?: boolean;\n\n  /**\n   * Show the \"white\" background or nnot\n   */\n  hideBg?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n  /**\n   * Disabled, not clickable button\n   */\n  disabled?: boolean;\n\n  /**\n   * If TextField required field in form\n   */\n  required?: boolean;\n\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   *Boolean to check if the input returns an error or not\n   */\n  hasError?: boolean;\n\n  /**\n   *name of the input element\n   */\n  name?: string;\n\n  /**\n   *id of the input element\n   */\n  id?: string;\n\n  /**\n   *classes for FormControl component\n   */\n  classes?: unknown;\n\n  /**\n   *Props for the Input element\n   */\n  InputProps?: any;\n\n  /**\n   * Child element of the component.\n   */\n  children?: any;\n\n  /**\n   *set the full width for the select input\n   */\n  fullWidth?: boolean;\n\n  /**\n   * If true, the select menu items would not be trimmed by max width.\n   */\n  removeSelectMenuMaxWidth?: boolean;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (event: SelectChangeEvent<string>) => void;\n\n  onBlur?: () => void;\n\n  onFocus?: () => void;\n}\n\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\n\nexport const SelectInput: FC<SelectInputProps> = ({\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  children,\n  staticLabel,\n  InputProps,\n  fullWidth = true,\n  removeSelectMenuMaxWidth,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [inputWidth, setInputWidth] = useState(null);\n\n  const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n    isFocused,\n    () => {},\n    () => {},\n    fullWidth,\n    props.helpText,\n    value,\n    setCurrentValue,\n    props.required,\n    setIsRequired,\n  );\n\n  const inputRef = useRef(null);\n  const formControlSelectRef = useRef(null);\n\n  const menuProps = {\n    sx: inputWidth\n      ? {\n          maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        }\n      : {\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        },\n  };\n\n  return (\n    <>\n      <FormControlSelectStyled\n        {...props}\n        ref={formControlSelectRef}\n        staticLabel={staticLabel}\n        sx={!fullWidth ? { width: '200px' } : {}}\n        disabled={props.disabled}\n        error={props.hasError}\n        value={currentValue}\n        hideBg={props.hideBg}\n        onMouseEnter={() => {\n          !hovered && !opened && setHovered(true);\n        }}\n        onMouseLeave={() => {\n          hovered && !opened && setHovered(false);\n        }}\n        onMouseDown={(e) => {\n          const elemWidth = e.currentTarget.offsetWidth;\n          setInputWidth(elemWidth);\n        }}\n        icon={props.icon}\n        hovered={hovered}\n        focused={isFocused}\n        variant=\"filled\"\n        fullWidth={fullWidth}\n      >\n        {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n        <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n        <SelectInputStyled\n          variant=\"filled\"\n          MenuProps={menuProps}\n          required={isRequired}\n          onOpen={() => {\n            setOpened(true);\n          }}\n          onClose={() => {\n            setIsFocused(false);\n            setHovered(false);\n            setOpened(false);\n          }}\n          onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n          onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n          IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n          labelId={label}\n          id={props.id}\n          name={props.name}\n          value={currentValue}\n          onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n          ref={inputRef}\n          hasIcon={!!props.icon}\n          fullWidth={fullWidth}\n        >\n          {children}\n        </SelectInputStyled>\n        <FormHelperText>\n          <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n        </FormHelperText>\n      </FormControlSelectStyled>\n    </>\n  );\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n  if (!args.fullWidth) return null;\n\n  const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n  return {\n    '& > .MuiSelect-filled': {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      width: width,\n    },\n  };\n});\n"],"names":["SelectInput","_a","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth","props","__rest","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","ref","width","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","SelectInputStyled","MenuProps","onOpen","onClose","IconComponent","labelId","id","hasIcon","FormHelperText","HelperText","maxChars","styled","MuiSelect","shouldForwardProp","prop","theme","args","position","left","top"],"mappings":"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"}

package/components/shortcut/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcut.js","sources":["../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":[null],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"0JAQa,MAAAA,EAAoCC,GAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,GAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAAvB,mBACzE,OACEN,EAACW,EAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}
+{"version":3,"file":"shortcut.js","sources":["../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"0JAQa,MAAAA,EAAoCC,GAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,GAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAAvB,mBACzE,OACEN,EAACW,EAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}

package/components/skodaThemeProvider/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":[null],"names":["SkodaThemeProvider","_a","children","theme","skodaTheme","globalBaseline","widget","containerProps","rest","__rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","Object","assign","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","containerType"],"mappings":"6bAiCa,MAAAA,EAAyDC,QAAAC,SACpEA,EACAC,MAAAA,EAAQC,EAAUC,eAClBA,GAAiB,EAAKC,OACtBA,GAAS,EAAKC,eACdA,GAAcN,EACXO,EAAIC,EAAAR,EAN6D,iEAQpE,OACES,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAMJ,SACxDQ,EAACG,EAAa,CAACV,MAAOA,EAAKD,SACzBQ,EAACI,iBAAgBR,OAAQA,GAAYC,EAClC,CAAAL,SAAAG,IAGCK,EAACK,EAAsBC,OAAAC,OAAA,CAAA,EAAAT,EAA+B,QAApBL,EAAMS,UAAsB,CAAEM,IAAK,OAAU,GAC5E,CAAAhB,SAAAA,WAKM,EAOrB,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,IAMA,MAAMa,EAAQC,GAAQ,KAEpB,GAAkB,QAAdR,GAAwBN,EAI5B,OAAOe,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGjB,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DY,cAAe,CACbC,KAEkB,QAAdb,EAAsB,CAACc,GAAa,MAEpCpB,EAAS,CAACqB,GAAmB,KAEnC,GACD,CAACf,EAAWN,IAEf,OAAOa,EAAQT,EAACkB,GAAcC,MAAOV,EAAQjB,SAAAA,IAA4BQ,EAAGoB,EAAA,CAAA5B,SAAAA,GAC9E,CAKA,SAASY,EAAgBb,OAAAC,SAAEA,EAAQ6B,GAAEA,EAAEzB,OAAEA,KAAWE,EAA3BC,EAAAR,EAAA,CAAA,WAAA,KAAA,WACvB,OAAOK,EACLI,EAACsB,EAAGhB,OAAAC,OAAA,CAACc,GAAEf,OAAAC,OAAA,CAAIgB,cAAe,eAAkBF,IAAUvB,EAAI,CAAAN,SACvDA,KAGHQ,EAAAoB,EAAA,CAAA5B,SAAGA,GAEP"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n    });\n  }, [direction, widget]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["SkodaThemeProvider","_a","children","theme","skodaTheme","globalBaseline","widget","containerProps","rest","__rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","Object","assign","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","containerType"],"mappings":"6bAiCa,MAAAA,EAAyDC,QAAAC,SACpEA,EACAC,MAAAA,EAAQC,EAAUC,eAClBA,GAAiB,EAAKC,OACtBA,GAAS,EAAKC,eACdA,GAAcN,EACXO,EAAIC,EAAAR,EAN6D,iEAQpE,OACES,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAMJ,SACxDQ,EAACG,EAAa,CAACV,MAAOA,EAAKD,SACzBQ,EAACI,iBAAgBR,OAAQA,GAAYC,EAClC,CAAAL,SAAAG,IAGCK,EAACK,EAAsBC,OAAAC,OAAA,CAAA,EAAAT,EAA+B,QAApBL,EAAMS,UAAsB,CAAEM,IAAK,OAAU,GAC5E,CAAAhB,SAAAA,WAKM,EAOrB,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,IAMA,MAAMa,EAAQC,GAAQ,KAEpB,GAAkB,QAAdR,GAAwBN,EAI5B,OAAOe,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGjB,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DY,cAAe,CACbC,KAEkB,QAAdb,EAAsB,CAACc,GAAa,MAEpCpB,EAAS,CAACqB,GAAmB,KAEnC,GACD,CAACf,EAAWN,IAEf,OAAOa,EAAQT,EAACkB,GAAcC,MAAOV,EAAQjB,SAAAA,IAA4BQ,EAAGoB,EAAA,CAAA5B,SAAAA,GAC9E,CAKA,SAASY,EAAgBb,OAAAC,SAAEA,EAAQ6B,GAAEA,EAAEzB,OAAEA,KAAWE,EAA3BC,EAAAR,EAAA,CAAA,WAAA,KAAA,WACvB,OAAOK,EACLI,EAACsB,EAAGhB,OAAAC,OAAA,CAACc,GAAEf,OAAAC,OAAA,CAAIgB,cAAe,eAAkBF,IAAUvB,EAAI,CAAAN,SACvDA,KAGHQ,EAAAoB,EAAA,CAAA5B,SAAGA,GAEP"}

package/components/skodaThemeProvider/SkodaThemeWidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":[null],"names":["SkodaThemeWidgetProvider","_a","theme","containerProps","skodaThemeOptions","rest","__rest","containerBreakpoints","containerRef","useContainerBreakpoints","composedTheme","useMemo","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce"],"mappings":"ufAgCa,MAAAA,EAA4BC,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAJoCC,EAAAL,EAAA,CAAA,QAAA,iBAAA,sBAMvC,MAAMM,qBAAEA,EAAoBC,aAAEA,GAAiBC,IAEzCC,EAAgBC,GAAQ,KAC5B,MAAMC,EAAiBC,EAAiB,CACtCC,mBAAoBP,EACpBQ,KAAMX,aAAA,EAAAA,EAAmBW,KACzBC,UAAWZ,aAAA,EAAAA,EAAmBY,YAGhC,OAAId,EACKe,EAAYL,EAAgBV,GAE9BU,CAAc,GACpB,CAACV,EAAOK,IAEX,OACEW,EAACC,EAAGC,OAAAC,OAAA,CAAA,EAAKlB,EAAgB,CAAAmB,IAAKd,EAAYe,SACxCL,EAACM,EAAkBJ,OAAAC,OAAA,GAAKhB,EAAM,CAAAH,MAAOQ,OACjC,EAIJD,EAA0B,KAC9B,MAAMgB,EAAoBd,GAAQ,IAAMe,EAAkBC,IAAkB,KACrEpB,EAAsBqB,GAA2BC,EAA6BF,IAG9EG,EAAaC,GAAkBF,EAASG,OAAOC,YACtDC,GAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAM3B,EAAe8B,EAAO,OACrBC,EAAgBC,GAAqBX,EAAS,GAC/CY,EAAW9B,GACf,IACE,IAAIqB,OAAOU,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,GAAgB,MACdtC,aAAA,EAAAA,EAAcuC,UAAWN,EAASO,QAAQxC,EAAauC,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACzC,aAAA,EAAAA,EAAcuC,UAGlB,MAAMG,EAAeC,GACnB,CAACnB,EAAgBoB,KACf,MAAMC,EAAarB,EAASoB,EACtBE,EAA0B7B,EAAkB8B,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CnC,EAAkBoC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEFzB,EAAwB,CAAEiC,OAAQP,GAA0B,GAE9D,CAAC7B,IAEGqC,EAAuBnD,GAAQ,IAAMoD,EAASb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,GAAgB,KACdgB,EAAqBhC,EAAaS,EAAe,GAChD,CAACT,EAAaS,IAEV,CAAEhC,uBAAsBC,eAAc"}
+{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n  /**\n   * Theme overrides\n   */\n  theme?: object;\n  /**\n   * Props passed to container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Options for Škoda theme generation\n   */\n  skodaThemeOptions?: {\n    mode?: PaletteMode;\n    direction?: Direction;\n  };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n *\n * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n *  use regular SkodaThemeProvider with widget property that utilizes @container queries:\n *  <SkodaThemeProvider widget />\n */\nexport const SkodaThemeWidgetProvider = ({\n  theme,\n  containerProps,\n  skodaThemeOptions,\n  ...rest\n}: SkodaThemeWidgetProviderProps) => {\n  const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n  const composedTheme = useMemo(() => {\n    const containerTheme = createSkodaTheme({\n      breakpointsOptions: containerBreakpoints,\n      mode: skodaThemeOptions?.mode,\n      direction: skodaThemeOptions?.direction,\n    });\n    // in case theme is provided, make composition\n    if (theme) {\n      return createTheme(containerTheme, theme);\n    }\n    return containerTheme;\n  }, [theme, containerBreakpoints]);\n\n  return (\n    <Box {...containerProps} ref={containerRef}>\n      <SkodaThemeProvider {...rest} theme={composedTheme} />\n    </Box>\n  );\n};\n\nconst useContainerBreakpoints = () => {\n  const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n  const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n  // monitor window width\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n  useEffect(() => {\n    const windowResizeFn = () => {\n      setWindowWidth(window.innerWidth);\n    };\n\n    window.addEventListener('resize', windowResizeFn);\n    return () => {\n      window.removeEventListener('resize', windowResizeFn);\n    };\n  }, []);\n  // measure container size\n  const containerRef = useRef(null);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const observer = useMemo(\n    () =>\n      new window.ResizeObserver((entries) => {\n        setContainerWidth(entries[0].contentRect.width || 0);\n      }),\n    [],\n  );\n  useLayoutEffect(() => {\n    containerRef?.current && observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef?.current]);\n\n  // generate container breakpoints\n  const handleResize = useCallback(\n    (window: number, container: number) => {\n      const difference = window - container;\n      const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n        (prev, curr) => ({\n          ...prev,\n          // round to two decimal places\n          [curr]: Math.round((windowBreakpoints.values[curr] + difference) * 100) / 100,\n        }),\n        {} as { [key in Breakpoint]: number },\n      );\n      setContainerBreakpoints({ values: newContainerBreakpoints });\n    },\n    [windowBreakpoints],\n  );\n  const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n  useLayoutEffect(() => {\n    debounceHandleResize(windowWidth, containerWidth);\n  }, [windowWidth, containerWidth]);\n\n  return { containerBreakpoints, containerRef };\n};\n"],"names":["SkodaThemeWidgetProvider","_a","theme","containerProps","skodaThemeOptions","rest","__rest","containerBreakpoints","containerRef","useContainerBreakpoints","composedTheme","useMemo","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce"],"mappings":"ufAgCa,MAAAA,EAA4BC,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAJoCC,EAAAL,EAAA,CAAA,QAAA,iBAAA,sBAMvC,MAAMM,qBAAEA,EAAoBC,aAAEA,GAAiBC,IAEzCC,EAAgBC,GAAQ,KAC5B,MAAMC,EAAiBC,EAAiB,CACtCC,mBAAoBP,EACpBQ,KAAMX,aAAA,EAAAA,EAAmBW,KACzBC,UAAWZ,aAAA,EAAAA,EAAmBY,YAGhC,OAAId,EACKe,EAAYL,EAAgBV,GAE9BU,CAAc,GACpB,CAACV,EAAOK,IAEX,OACEW,EAACC,EAAGC,OAAAC,OAAA,CAAA,EAAKlB,EAAgB,CAAAmB,IAAKd,EAAYe,SACxCL,EAACM,EAAkBJ,OAAAC,OAAA,GAAKhB,EAAM,CAAAH,MAAOQ,OACjC,EAIJD,EAA0B,KAC9B,MAAMgB,EAAoBd,GAAQ,IAAMe,EAAkBC,IAAkB,KACrEpB,EAAsBqB,GAA2BC,EAA6BF,IAG9EG,EAAaC,GAAkBF,EAASG,OAAOC,YACtDC,GAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAM3B,EAAe8B,EAAO,OACrBC,EAAgBC,GAAqBX,EAAS,GAC/CY,EAAW9B,GACf,IACE,IAAIqB,OAAOU,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,GAAgB,MACdtC,aAAA,EAAAA,EAAcuC,UAAWN,EAASO,QAAQxC,EAAauC,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACzC,aAAA,EAAAA,EAAcuC,UAGlB,MAAMG,EAAeC,GACnB,CAACnB,EAAgBoB,KACf,MAAMC,EAAarB,EAASoB,EACtBE,EAA0B7B,EAAkB8B,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CnC,EAAkBoC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEFzB,EAAwB,CAAEiC,OAAQP,GAA0B,GAE9D,CAAC7B,IAEGqC,EAAuBnD,GAAQ,IAAMoD,EAASb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,GAAgB,KACdgB,EAAqBhC,EAAaS,EAAe,GAChD,CAACT,EAAaS,IAEV,CAAEhC,uBAAsBC,eAAc"}

package/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":[null],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"+BAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,IACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}
+{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"+BAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,IACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}

package/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n  return num\n    .toFixed(2)\n    .replace('.', decimalSeparator)\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"8gBAoLA,MAsJaA,EAASC,GACpB,CACEC,EAsBAC,SAtBAC,IACEA,EAAGC,IACHA,EAAGC,aACHA,EAAYC,mBACZA,EAAkBC,cAClBA,EAAaC,eACbA,EAAcC,SACdA,EAAQC,YACRA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,kBACLA,EAAiBC,mBACjBA,EAAqB,GAAEC,mBACvBA,EAAqB,GAAEC,SACvBA,EAAQC,YACRA,EAAWC,mBACXA,EAAqB,IAAGC,iBACxBA,EAAmB,IAAGC,uBACtBA,GAAyB,EAAIC,MAC7BA,KACGC,EApBLC,EAAAtB,EAAA,CAAA,MAAA,MAAA,eAAA,qBAAA,gBAAA,iBAAA,WAAA,cAAA,OAAA,QAAA,oBAAA,qBAAA,qBAAA,WAAA,cAAA,qBAAA,mBAAA,yBAAA,UAwBA,MAAMuB,EAAiCC,GAAQ,IA3C3B,EACtBtB,EACAC,EACAC,EACAO,SAEcc,IAAVd,EAA4BA,OACXc,IAAjBrB,EAAmCA,EACnCD,IAAQD,EAAY,CAAC,EAAGC,IACvBA,GAAOD,EAAYA,EAEjB,EAiCIwB,CAAgBxB,EAAKC,EAAKC,EAAcO,IAC9C,CAACT,EAAKC,EAAKC,EAAcO,KAErBgB,EAAQC,GAAaC,EAAiCN,GAE7DO,GAAU,KACJnB,GAAOiB,GAAU,IAAMjB,GAAM,GAChC,CAACA,IAEJ,MAAMoB,EAAmCC,GAAaC,GA5DhC,CAACtB,IACzB,IAAIuB,EAASvB,EAAQwB,SAASxB,IAAW,EAGzC,OAFIyB,MAAMF,KAASA,GAAW,GAEvBA,CAAM,EAyDFG,CAAkBJ,IACxB,IAEGK,EAAkBN,GACtB,CAACO,EAAcN,EAA2BO,KACxC,IAAKC,MAAMC,QAAQT,GAGjB,OAFAL,EAAUK,QACVlB,GAAYA,EAASwB,EAAON,EAAQO,IAIpCZ,EADkB,IAAhBY,EACQ,CAACG,KAAKzC,IAAI+B,EAAO,GAAIA,EAAO,GAAKvB,GAAOuB,EAAO,IAE/C,CAACA,EAAO,GAAIU,KAAKxC,IAAI8B,EAAO,GAAIA,EAAO,GAAKvB,KAExDK,GAAYA,EAASwB,EAAON,EAAQO,EAAY,GAElD,CAACzB,EAAUL,IAGPkC,EAAsBZ,GACzBa,IACC,IAAIC,EAAWf,EAAiCc,EAAEE,OAAOpC,OACrDmC,EAAW3C,IAAK2C,EAAW3C,GAE/BY,GAAYA,EAAS8B,EAAGC,GACxBlB,GAAU,IAAMkB,GAAS,GAE3B,CAACf,EAAkC5B,EAAKY,IAGpCiC,EAAsBhB,GAC1B,CAACa,EAAwCI,KACvC,IAAIH,EAAWf,EAAiCc,EAAEE,OAAOpC,OAC3C,IAAVsC,GAAeH,EAAW3C,EAAK2C,EAAW3C,EAC3B,IAAV8C,GAAeH,EAAWnB,EAAO,KAAImB,EAAWnB,EAAO,IAChEC,GAAWsB,IACT,IAAIC,EAAgB,IAAID,GAMxB,OALAC,EAAcF,GAASH,EACnBK,EAAc,GAAKA,EAAc,KACnCA,EAAgB,CAAC,EAAGzC,IAEtBK,GAAYA,EAAS8B,EAAGM,EAAeF,GAChCE,CAAa,GACpB,GAEJ,CAACpB,EAAkC5B,EAAKY,EAAUL,EAAMiB,IAGpDyB,EAAkB5B,GAAQ,IACvBiB,MAAMC,QAAQf,GA7OK,EAC9B0B,EACA1B,EACArB,EACAC,EACAM,EACAC,EACAC,EACAuC,EACA9C,EACAI,EACAK,EACAC,EACAC,KAEA,GAAa,YAATkC,IAAuBA,EAAM,CAC/B,MAAME,EAASC,EACQ,iBAAd7B,EAAO,GAAkBA,EAAO,GAAKQ,SAASR,EAAO,IAC5DT,EACAD,EACAE,GAEIsC,EAASD,EACQ,iBAAd7B,EAAO,GAAkBA,EAAO,GAAKQ,SAASR,EAAO,IAC5DT,EACAD,EACAE,GAEF,OACEuC,EAAK,MAAA,CAAAC,UAAU,eACbC,SAAA,CAAAC,EAAA,MAAA,CAAA,cAAiB,gBAAeD,SAC7BhD,EAAoB,GAAGC,KAAsB0C,IAAW,GAAGA,KAAU1C,MAExEgD,SAAKF,UAAU,gBACfE,EAAA,MAAA,CAAA,cAAiB,gBAAeD,SAC7BhD,EAAoB,GAAGE,KAAsB2C,IAAW,GAAGA,KAAU3C,SAM9E,OACE4C,EAAA,MAAA,CAAKC,UAAU,eACbC,SAAA,CAAAC,EAACC,EAAoB,CACnBC,GAAG,uCACHhD,SAAUA,EACVuC,OAAQA,EACR3C,MAAOgB,EAAO,GACdV,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxB8B,MAAO,EACPzC,SAAUA,EACVwD,gBAAiBnD,EACjBoD,UAAoB,UAATZ,EAAmB,KAAO/C,EACrCM,kBAAmBA,EAAiB,cACxB,kBAEdiD,EAAK,MAAA,CAAAF,UAAU,gBACfE,EAACC,EAAoB,CACnBC,GAAG,wCACHhD,SAAUA,EACVuC,OAAQA,EACR3C,MAAOgB,EAAO,GACdV,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxB8B,MAAO,EACPzC,SAAUA,EACVwD,gBAAiBlD,EACjBmD,UAAoB,iBAATZ,EAA0B9C,EAAiB,KACtDK,kBAAmBA,EACP,cAAA,oBAEV,EAoKAsD,CACE7D,EACAsB,EACArB,EACAC,EACAM,EACAC,EACAkC,EACAhC,EACAR,EACAI,EACAK,EACAC,EACAC,GA7KoB,EAC9BkC,EACA1B,EACArB,EACAO,EACAE,EACAuC,EACA9C,EACAI,EACAK,EACAC,EACAC,KAEA,GAAa,YAATkC,IAAuBA,EAAM,CAC/B,MAAMc,EAAMX,EACQ,iBAAX7B,EAAsBA,EAASQ,SAASR,GAC/CT,EACAD,EACAE,GAEF,OACEuC,EAAiB,MAAA,CAAA,cAAA,gBACdE,SAAA,CAAA/C,GAAsBD,EACnB,GAAGC,KAAsBsD,IACzBtD,EACE,GAAGsD,KAAOtD,IACVsD,EAAK,OAKjB,OACEN,EAACC,EACC,CAAAC,GAAG,kCACHpD,MAAOgB,EACPV,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxBJ,SAAUA,EACVuC,OAAQA,EACR9C,SAAUA,EACVwD,gBAAiBnD,EACjBoD,UAAoB,iBAATZ,EAA0B/C,EAAgB,KACrDM,kBAAmBA,GACnB,EAmIIwD,CACE/D,EACAsB,EACArB,EACAO,EACA+B,EACA5B,EACAR,EACAI,EACAK,EACAC,EACAC,IAEL,CACDX,EACAI,EACAN,EACAQ,EACAD,EACAmC,EACAJ,EACA5B,EACAT,EACAF,EACAsB,EACAV,EACAC,EACAC,IAGIkD,EAAa7C,GAAQ,IACX,SAAVJ,EACKkD,EAAepE,GAAO,EAAGC,GAAO,KAEhCiB,GAER,CAACA,EAAOlB,GAAO,EAAGC,GAAO,MAE5B,OACEuD,EAACa,EAAG,CAAAX,SAAA,CACFC,EAACW,EAAe,CAAAZ,SACdC,EAACY,EAASC,OAAAC,OAAA,CAAA,EACJtD,EACQ,CAAA,cAAA,SACZb,SAAUA,EACVP,IAAKA,EACLc,SAAUuB,EACVpC,IAAKA,EACLC,IAAKA,EACLO,KAAMA,EACND,YAAaA,EACbW,MAAOiD,EACPO,iBAAmBC,GACjBrB,EAAmBqB,EAAG3D,EAAkBD,EAAoBE,GAE9DR,MAAOgB,OAGXkC,EAACU,EAAG,CAACO,GAAI,CAAEC,GAAI,KACflB,EAACmB,EAAkB,CAACxE,SAAUA,WAAW4C,MACrC,IAKNI,EAAqB,CACzByB,EACA/D,EACAD,EACAE,IAEIA,EAA+B8D,EAAIC,UAAUC,QAAQ,wBAAyBlE,GAC3EgE,EACJC,QAAQ,GACRC,QAAQ,IAAKjE,GACbiE,QAAQ,wBAAyBlE"}

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[null],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"oMA4Ca,MAAAA,EAAoCC,GAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAXLC,EAAAb,EAAA,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,EAACC,EAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,EAACC,EAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAACc,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,EAAY,CAAAtB,SAAAP,IACZD,OAGO"}
+{"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"oMA4Ca,MAAAA,EAAoCC,GAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAXLC,EAAAb,EAAA,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,EAACC,EAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,EAACC,EAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAACc,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,EAAY,CAAAtB,SAAAP,IACZD,OAGO"}